@import url("../css/typography.css");
@import url('../css/workspace.css');
.region-picker{display:grid;gap:8px;margin-top:12px}.region-picker select{width:100%}
.mapping-row{display:grid;grid-template-columns:minmax(90px,1fr) 1.7fr 40px;gap:10px;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px;line-height:1.7;align-items:start}.mapping-row b,.mapping-row span{overflow-wrap:anywhere}.mapping-row span{color:var(--muted)}.mapping-row em{font-style:normal;color:var(--accent);text-align:right}.manual-grid .manual-field label{display:block;line-height:1.6;margin:8px 0}.metadata .metric{display:grid;gap:7px}
body{background:#fff}.page,.cad-page{max-width:1500px;margin:0 auto;padding:24px 28px 50px}.back{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:22px}.page header,.cad-hero{margin-bottom:28px}h1{font-size:24px;margin-bottom:15px}h2{font-size:16px;margin:0 0 16px}p{font-size:12px;line-height:1.8;color:var(--muted)}.panel,.cad-card{padding:24px 0;border-top:1px solid var(--line);min-width:0}.cad-layout{display:grid;grid-template-columns:180px minmax(0,1.25fr) minmax(280px,1fr);gap:26px}.mode-panel{padding-top:24px;border-top:1px solid var(--line)}.mode-panel .mode{display:block;border:0;border-left:2px solid transparent;border-radius:0;background:none;width:100%;text-align:left;padding:13px 12px;margin-bottom:7px;font-size:12px}.mode.is-active{background:#edf5ef;color:var(--accent);border-color:var(--accent)}.card-title{margin-bottom:18px}.cad-card label,.page label{display:grid;gap:8px;min-width:0;font-size:12px;margin:12px 0}.cad-card input,.cad-card textarea,.page input,.page textarea,.manual-grid select{width:100%;min-width:0}.layer-input textarea{min-height:180px;resize:vertical}.path-field input{font-family:var(--font-app)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0}.link-button{border:1px solid var(--line);border-radius:5px;padding:8px 12px;font-size:12px}.notice{padding:12px 0;font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.mapping-table{overflow-x:auto;margin-top:16px}.mapping-table table,.result table{border-collapse:collapse;width:100%;font-size:12px}.mapping-table th,.mapping-table td,.result th,.result td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.mapping-table th,.result th{color:var(--muted);background:#f2f6f3}.mapping-table td small{display:block;color:var(--muted)}.manual-grid{display:grid;gap:8px}.manual-grid label{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:center}.manual-grid input{width:100%}.file-row{display:flex;align-items:center;gap:10px}.file-row input{flex:1}.file-row button{white-space:nowrap}.runtime-row{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:15px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;font-size:12px;padding:20px 0;line-height:1.8}.metadata div{overflow-wrap:anywhere}.metadata small,.metadata span{color:var(--muted)}.result{overflow:auto;margin-top:15px;max-height:500px}.result svg{width:100%;min-width:280px;height:auto}.warning{font-size:12px;line-height:1.9;border-top:1px solid #e4c46f;background:#fffaf0;padding:18px;margin-top:24px;color:#725713}.error{color:#aa3329!important}.success{color:var(--accent)}
@media(max-width:1100px){.cad-layout{grid-template-columns:150px minmax(0,1fr)}.cad-card:last-child{grid-column:2}.file-row{flex-wrap:wrap}.file-row input{flex-basis:100%}}
@media(max-width:700px){.page,.cad-page{padding:20px 16px}.cad-layout{display:block}.mode-panel{display:flex;flex-wrap:wrap;gap:4px}.mode-panel h2{width:100%}.mode-panel .mode{width:auto;padding:10px}.grid{display:block}.metadata{grid-template-columns:1fr 1fr}h1{font-size:21px}.manual-grid label{grid-template-columns:85px minmax(0,1fr)}}
