:root{--ink:#233e34;--muted:#748078;--green:#173f36;--accent:#dda36d;--paper:#f5f5ef;--line:#e2e5dc;--danger:#b24e45;--radius:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:white;padding:9px 10px;color:var(--ink);min-height:37px;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:0;border-color:#88a895;box-shadow:0 0 0 3px #cadbcb50}input[type=checkbox]{width:15px;height:15px;min-height:0;margin:2px 0;accent-color:var(--green);flex-shrink:0}label{display:block;font-size:11px;font-weight:600;color:#657369;margin:12px 0 6px}label input,label select{margin-top:7px}textarea{resize:vertical;line-height:1.5}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-1px;font-weight:650}h2{font-size:19px;letter-spacing:-.6px;font-weight:600}h3{font-size:13px;font-weight:650}a{color:inherit}.app-header{height:77px;border-bottom:1px solid var(--line);background:#f9faf5;display:flex;align-items:center;gap:30px;padding:0 28px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:21px;letter-spacing:-.7px;font-weight:700}.brand-sub{display:block;font-size:8px;letter-spacing:1.65px;font-weight:600;color:#778a7b;margin-top:3px}.brand-symbol{width:35px;height:36px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-4deg)}.brand-symbol i{background:var(--green);border-radius:3px}.brand-symbol i:last-child{grid-column:span 2;height:12px;background:var(--accent)}.header-note{margin-left:17px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.live-dot{width:6px;height:6px;background:#719f76;border-radius:100%}.header-actions{display:flex;gap:8px;margin-left:auto}.button{border:1px solid var(--line);background:white;border-radius:7px;padding:9px 14px;min-height:37px;font-weight:600;font-size:11px;color:var(--ink);white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:#ecf0e7}.button:active{transform:translateY(1px)}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.primary:hover{background:#265649}.button.quiet{background:transparent}.button.full{width:100%;margin-top:12px}.button.dashed{border-style:dashed;background:transparent;color:#567562}.button.danger{color:var(--danger);background:#fcf5f2}.icon-button{border:0;background:transparent;font-size:22px;line-height:1;width:32px;height:32px;border-radius:6px;color:#60796a}.icon-button:hover{background:#e5ece3}.text-button{border:0;background:transparent;color:#597d65;font-size:11px;font-weight:600;padding:4px 0}.workspace{display:grid;grid-template-columns:300px minmax(420px,1fr) 278px;max-width:1920px;margin:auto;min-height:calc(100vh - 77px)}.cargo-panel{padding:26px 22px;border-right:1px solid var(--line);background:#fafaf6}.panel-intro .muted{margin-top:10px;font-size:11px;line-height:1.6}.eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:650;color:#80937e;margin-bottom:10px}.title-dot{color:var(--accent)}.muted{color:var(--muted)}.plan-meta{margin-top:22px}.truck-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-top:21px}.truck-details summary{font-size:12px;list-style:none;font-weight:650;cursor:pointer;display:flex;align-items:center;gap:8px}.truck-details summary::-webkit-details-marker{display:none}.section-icon{font-size:19px;color:#7b907c}.details-chevron{margin-left:auto}.truck-details:not([open]) .details-chevron{transform:rotate(-90deg)}.form-grid{display:grid;gap:9px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid input{padding:9px 7px}.micro{color:#849083;font-size:10px;line-height:1.6;margin-top:7px;font-weight:400}.cargo-section-heading{display:flex;align-items:center;gap:6px;margin:24px 0 13px}.cargo-section-heading h2{font-size:14px}.count-pill{font-size:10px;color:#6c806e;border-radius:6px;background:#e8ede2;margin-left:6px;padding:3px 6px}.unit-control{display:flex;align-items:center;gap:5px;margin:0 0 0 auto;font-size:9px}.unit-control select{padding:3px 4px;min-height:25px;max-width:51px;margin:0;font-size:10px}.cargo-list{display:flex;flex-direction:column;gap:7px;max-height:430px;overflow:auto;margin:0 -3px;padding:0 3px}.cargo-item{border:1px solid var(--line);background:#fff;border-radius:9px;display:flex;align-items:flex-start;gap:9px;padding:11px;width:100%;text-align:left;transition:border .15s,background .15s;position:relative}.cargo-item:hover{background:#f1f5ec}.cargo-item.selected{border-color:#81a38c;box-shadow:0 0 0 1px #81a38c}.cargo-item.has-error{border-left:3px solid #d48575}.item-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#477b73;color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.cargo-content{flex:1;min-width:0}.cargo-content strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:1px 0 5px}.cargo-content small{font-size:9px;display:block;color:#809080;line-height:1.6}.cargo-badges{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}.tiny-badge{font-size:8px;padding:2px 5px;border-radius:3px;color:#6b806c;background:#eff3e9}.tiny-badge.warning{color:#a86648;background:#fbf0e6}.cargo-empty{text-align:center;font-size:11px;color:#889386;padding:22px 12px;line-height:1.7;border:1px dashed var(--line);border-radius:9px}.sidebar-bottom{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.planning-panel{padding:28px 26px}.planning-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.planning-heading h2{font-size:23px;letter-spacing:-.7px}.planning-heading .eyebrow{margin-bottom:7px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px}.stat{padding:16px 17px;border-right:1px solid var(--line);min-height:96px}.stat:last-child{border:0}.stat>span{display:block;font-size:10px;color:#889283}.stat>strong{display:block;font-size:23px;font-weight:550;letter-spacing:-.5px;margin-top:9px;white-space:nowrap}.stat em{font-style:normal;font-size:12px;color:#849382}.stat small{display:block;font-size:9px;color:#8c9689;margin-top:5px;line-height:1.4}.status-stat>strong{font-size:16px;margin-top:14px}.status-stat.error>strong{color:var(--danger)}.status-stat.valid>strong{color:#528266}.progress-track{height:4px;width:95%;background:#edf0e8;border-radius:10px;margin-top:12px;overflow:hidden}.progress-track i{height:100%;display:block;background:#7d9e74;width:0;transition:width .3s}.viewport-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.view-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);gap:8px}.view-tabs{display:flex;gap:4px;overflow:auto}.view-tab{border:0;background:transparent;border-radius:6px;padding:8px 12px;font-size:10px;color:#8a9788;white-space:nowrap}.view-tab.active{background:#e8eee3;color:#38694d;font-weight:700}.view-tab:hover{background:#eff2ea}.viewport{height:430px;position:relative;background:#f4f6f2;overflow:hidden}.viewport canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.viewport canvas:focus-visible{outline:2px solid #789d81;outline-offset:-3px}#projection{height:100%;width:100%}.orthographic{width:100%;height:100%;display:block}.projection-item{cursor:pointer}.projection-item:focus{outline:0}.projection-item:focus rect{stroke:#142f27;stroke-width:3}.empty-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f4f6f2c9;text-align:center;pointer-events:none}.empty-overlay .button{pointer-events:auto}.empty-mark{font-size:54px;color:#94ad93;line-height:1;margin-bottom:19px}.empty-overlay h3{font-size:19px;font-weight:550;letter-spacing:-.5px}.empty-overlay p{font-size:11px;color:#82907e;margin:10px 0 22px}.view-caption{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1px;color:#92a38e;white-space:nowrap;pointer-events:none}.viewport-footer{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;color:#869080;font-size:10px;gap:10px}.toggle-label{display:flex;gap:6px;align-items:center;margin:0;font-size:9px;font-weight:400}.toggle-label input{margin:0;width:12px;height:12px}.viewport-footer #layer-control{margin:0;display:flex;align-items:center;gap:6px;font-size:9px}.viewport-footer #layer-select{width:100px;font-size:9px;min-height:26px;padding:4px;margin:0}.under-view{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-top:18px}.validation-card,.notes-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px;min-height:145px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge{border-radius:5px;font-size:8px;padding:4px 7px;white-space:nowrap;font-weight:600}.badge.neutral{background:#eef1e9;color:#7c8e75}.badge.good{background:#e8f0e2;color:#5b8656}.badge.bad{background:#fae9e3;color:#aa6050}.issue-list{margin-top:14px;max-height:195px;overflow:auto}.check-success{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#69835f;line-height:1.7}.check-symbol{height:20px;width:20px;border:1px solid #c9dbc0;display:flex;align-items:center;justify-content:center;border-radius:100%;flex-shrink:0}.issue{display:block;text-align:left;width:100%;border:0;border-left:2px solid #db9985;border-radius:3px;background:#fdf6f2;color:#97624f;padding:8px 10px;font-size:10px;line-height:1.5;margin-bottom:6px}.issue.warning{border-color:#c4b278;color:#8b815d;background:#faf8ec}.notes-card label{margin:0 0 10px;color:var(--ink);font-size:12px}.notes-card textarea{font-size:11px;min-height:73px;background:#fcfdf9}.planning-footnote{font-size:9px;color:#8f9989;line-height:1.7;margin-top:14px}.inspector-panel{padding:29px 20px;background:#fafaf6;border-left:1px solid var(--line)}.inspector-heading h2{font-size:18px}.inspector-empty{color:#8a9984;line-height:1.8;font-size:12px;text-align:center;padding:45px 15px}.inspector-empty>span{display:block;font-size:30px;margin-bottom:15px}.selected-label{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.rule-section{border-top:1px solid var(--line);padding-top:8px;margin-top:14px}.check-row{display:flex;align-items:flex-start;gap:9px;color:#516c56;font-size:11px;font-weight:500;line-height:1.5;margin:12px 0}.check-row small{display:block;font-size:9px;font-weight:400;color:#8b9786;line-height:1.6;margin-top:3px}.position-section{border-top:1px solid var(--line);margin-top:23px;padding-top:17px}.support-row{display:flex;gap:6px}.support-row select{min-width:0}.support-row .button{padding:9px 11px}.inspector-tip{display:flex;gap:9px;border-top:1px solid var(--line);margin-top:24px;padding-top:17px}.inspector-tip p{font-size:10px;color:#8a9782;line-height:1.8}.inspector-tip strong{display:block;font-size:10px;color:#6c8268;margin-bottom:5px}.tip-icon{border:1px solid #b8c9aa;color:#94ac82;border-radius:100%;width:15px;height:15px;text-align:center;font-family:serif;flex-shrink:0}dialog{border:1px solid var(--line);border-radius:17px;background:#fafcf7;color:var(--ink);padding:28px;width:440px;max-width:calc(100vw - 26px);box-shadow:0 24px 90px #173f3640}dialog::backdrop{background:#173f364d;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:19px}.dialog-heading h2{font-size:23px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.export-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px;color:#6c8866;background:#eef3e8;padding:17px;border-radius:9px;margin:20px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#173f36;color:#fff;border-radius:9px;padding:13px 21px;font-size:12px;box-shadow:0 5px 20px #173f3626;max-width:calc(100vw - 35px);text-align:center}.noscript{position:fixed;inset:0;background:white;display:flex;align-items:center;justify-content:center;font-size:18px;padding:30px;z-index:200}[hidden]{display:none!important}:focus-visible{outline:2px solid #79a786;outline-offset:3px}
@media(min-width:1600px){.workspace{grid-template-columns:330px minmax(600px,1fr) 300px}.planning-panel{padding:32px 34px}.viewport{height:510px}}
@media(max-width:1240px){.workspace{grid-template-columns:270px minmax(370px,1fr)}.inspector-panel{grid-column:2;border-left:0;border-top:1px solid var(--line);margin:0 23px 25px;border-radius:13px;background:white}.inspector-panel #item-form{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.inspector-panel .position-section{grid-column:2;grid-row:2 / span 9;margin-top:0}.inspector-panel .selected-label,.inspector-panel #item-form>label,.inspector-panel #item-form>input,.inspector-panel #item-form>.form-grid,.inspector-panel #item-form>.micro,.inspector-panel .rule-section,.inspector-panel #apply-item{grid-column:1}.inspector-panel .inspector-tip{display:none}.cargo-panel{grid-row:1 / span 2}.header-note{display:none}.planning-panel{padding:26px 22px}.stat{padding:15px 12px}.stat>strong{font-size:20px}.status-stat>strong{font-size:14px}.viewport{height:400px}}
@media(max-width:800px){.app-header{height:auto;min-height:72px;padding:16px 18px;flex-wrap:wrap;gap:15px}.brand{font-size:19px}.header-actions{gap:6px;flex-wrap:wrap}.header-actions .button{padding:8px 10px;font-size:10px}.workspace{display:flex;flex-direction:column}.planning-panel{order:0;padding:22px 15px}.cargo-panel{order:1;border:0;border-top:1px solid var(--line);padding:24px 20px}.inspector-panel{order:2;margin:0;padding:25px 20px;border-radius:0;border-left:0}.panel-intro{display:none}.plan-meta{margin-top:0}.plan-meta input{max-width:none}.truck-details{margin-top:20px}.cargo-list{max-height:350px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(3){border-bottom:0}.planning-heading h2{font-size:21px}.viewport{height:360px}.view-tab{padding:8px 10px}.under-view{grid-template-columns:1fr}.inspector-panel #item-form{display:block}.inspector-panel .position-section{margin-top:20px}.view-caption{font-size:7px;letter-spacing:.5px}.viewport-footer{flex-wrap:wrap}.export-features{grid-template-columns:1fr}.header-actions{width:100%;margin:0;justify-content:space-between}.header-actions .button{flex:1}.stat{min-height:85px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.loading-policy{margin-top:15px;background:#eef2e7;border:1px solid #dce6d3;border-radius:9px;padding:12px}.loading-policy strong{font-size:10px;color:#58774e}.loading-policy p{font-size:10px;line-height:1.65;color:#819274;margin-top:5px}.unit-summary-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 12px;flex-wrap:wrap}.unit-tabs{display:flex;gap:6px}.unit-tab{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 12px;font-size:11px;color:#78906e;font-weight:600}.unit-tab.active{background:#e9efdf;border-color:#9fb58d;color:#3e6343}.unit-tab span{margin-left:6px;font-size:9px;padding:2px 5px;border-radius:4px;background:#dbe5d1}#unit-summary{font-size:10px;color:#84917c}.view-toolbar .view-tabs{flex:1}.stat.status-stat.warning>strong{color:#a28248}