:root{--bg:#141412;--surface:#1e1e1b;--surface2:#252522;--border:#383835;--border2:#4a4a46;--text:#e8e6de;--text2:#9a9890;--text3:#5f5e5a;--accent:#e8a840;--accent2:#c8881e;--floor:#c8b89a;--attic-floor:#7a8a78;--truck-wall:#1a1a18}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;font-family:Courier New,monospace;display:flex}header{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.header-left{align-items:center;gap:8px;display:flex}.logo{letter-spacing:2px;color:var(--accent);text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.logo span{color:var(--text3);font-weight:400}.logo-truck{flex-shrink:0;width:34px;height:18px}.header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sync-status{letter-spacing:1px;color:var(--text3);white-space:nowrap;font-size:10px}.sync-status.saving{color:var(--accent)}.sync-status.saved{color:#6db87a}.sync-status.error{color:#c45a5a}.layout-select{background:var(--surface2);border:1px solid var(--border2);color:var(--text);cursor:pointer;border-radius:4px;max-width:140px;padding:5px 8px;font-family:inherit;font-size:11px}.layout-select:focus{border-color:var(--accent);outline:none}.layout-menu-item{cursor:pointer;color:var(--text2);padding:6px 14px}.layout-menu-item:hover{color:var(--text);background:#33332f}.btn{cursor:pointer;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:5px 10px;font-family:inherit;font-size:10px;transition:all .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);color:#1a1208;border-color:var(--accent);font-weight:700}.btn.primary:hover{background:var(--accent2);border-color:var(--accent2)}.btn.danger:hover{color:#f0a0a0;background:#6b2a2a;border-color:#c45a5a}.snap-toggle{color:var(--text3);letter-spacing:1px;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.toggle-input{appearance:none;background:var(--border);cursor:pointer;border-radius:7px;flex-shrink:0;width:26px;height:13px;transition:background .2s;position:relative}.toggle-input:checked{background:var(--accent)}.toggle-input:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-input:checked:after{transform:translate(13px)}.layout{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:220px;min-width:220px;transition:width .25s,min-width .25s;display:flex;overflow:hidden}.sidebar.collapsed{border-right:none;width:0;min-width:0}.toggle-sidebar{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;display:flex}@media (width<=640px){.sidebar{z-index:100;position:absolute;top:0;bottom:0;left:0}.canvas-wrap{padding:8px}}.sidebar-section{border-bottom:1px solid var(--border);padding:10px 12px}.sidebar-label{letter-spacing:2px;color:var(--text3);text-transform:uppercase;margin-bottom:7px;font-size:9px}.stat-row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.stat-key{color:var(--text2);font-size:10px}.stat-val{color:var(--text);font-size:11px;font-weight:700}.stat-val.good{color:#6db87a}.stat-val.warn{color:var(--accent)}.progress-bar{background:var(--border);border-radius:2px;height:3px;margin-top:5px}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.item-list{flex:1;padding:5px;overflow-y:auto}.item-list::-webkit-scrollbar{width:4px}.item-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.item-chip{border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:4px;align-items:center;gap:6px;margin-bottom:3px;padding:6px 8px;font-size:10px;transition:all .1s;display:flex}.item-chip:hover{border-color:var(--border2)}.item-chip.selected{border-color:var(--accent);background:#2a2210}.item-chip.attic-chip{border-left:2px solid var(--attic-floor)}.chip-color{border-radius:2px;flex-shrink:0;width:8px;height:8px}.chip-info{flex:1;min-width:0}.chip-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.chip-dims{color:var(--text3);margin-top:1px;font-size:9px}.chip-zone{color:var(--attic-floor);font-size:8px}.chip-actions{opacity:0;gap:3px;display:flex}.item-chip:hover .chip-actions{opacity:1}.chip-btn{cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:2px;padding:2px 4px;font-size:10px}.chip-btn:hover{color:var(--text);background:var(--border)}.chip-btn.del:hover{color:#c45a5a}.chip-btn.order{opacity:.5;font-size:9px}.chip-btn.order:hover{opacity:1}.chip-drag-handle{cursor:grab;color:var(--text3);-webkit-user-select:none;user-select:none;padding-right:4px;font-size:16px;font-weight:700;line-height:1}.chip-drag-handle:active{cursor:grabbing}.dragging-list-item{opacity:.4;outline:1px dashed var(--text3)}.floor-item.drag-ready{outline:2px solid var(--accent);outline-offset:1px;cursor:grab;box-shadow:0 0 0 4px #e8a84033}.canvas-wrap{background:var(--bg);flex-direction:column;flex:1;align-items:center;padding:16px;display:flex;overflow:auto}.zoom-controls{align-items:center;gap:4px;margin-bottom:12px;display:flex}.zoom-btn{text-align:center;letter-spacing:0;min-width:32px;padding:4px 10px;font-size:13px;line-height:1}.canvas-wrap::-webkit-scrollbar{width:6px;height:6px}.canvas-wrap::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.truck-outer{background:var(--truck-wall);border:2px solid #4a4a46;border-radius:10px;margin:0 auto;display:inline-block;position:relative}.truck-label{text-align:center;letter-spacing:2px;color:var(--text3);text-transform:uppercase;padding:5px 0 2px;font-size:9px}.dim-top{text-align:center;color:var(--text3);padding:1px 0 3px;font-size:9px}.attic-wrap{margin:0 14px;position:relative}#attic{background:var(--attic-floor);border-radius:4px;position:relative}.attic-grid{pointer-events:none;background-image:linear-gradient(#00000012 1px,#0000 1px),linear-gradient(90deg,#00000012 1px,#0000 1px);position:absolute;inset:0}.attic-label-el{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.attic-title{letter-spacing:1.5px;color:#ffffff80;text-transform:uppercase;font-size:10px;font-weight:700}.attic-sub-el{color:#ffffff4d;font-size:8px}.cab-wall{background:#4a4a46;border-radius:2px;justify-content:center;align-items:center;height:8px;margin:3px 14px 0;display:flex}.cab-label{letter-spacing:2px;color:var(--text3);text-transform:uppercase;font-size:7px}.floor-wrap{margin:2px 14px;position:relative}#floor{background:var(--floor);border-radius:3px;position:relative}.floor-grid{pointer-events:none;background-image:linear-gradient(#00000012 1px,#0000 1px),linear-gradient(90deg,#00000012 1px,#0000 1px);position:absolute;inset:0}.ft-marker{pointer-events:none;background:#00000021;height:1px;position:absolute;left:0;right:0}.ft-label{color:#00000047;pointer-events:none;font-family:Courier New,monospace;font-size:8px;line-height:1;position:absolute;left:2px}.door-wall{background:#4a4a46;border-radius:2px;justify-content:center;align-items:center;height:8px;margin:0 14px 4px;display:flex}.door-label{letter-spacing:2px;color:var(--accent);text-transform:uppercase;font-size:7px}.dim-side{justify-content:center;align-items:center;width:38px;display:flex;position:absolute;top:0;bottom:0;right:-40px}.dim-side-text{color:var(--text3);white-space:nowrap;font-family:Courier New,monospace;font-size:9px;transform:rotate(90deg)}.floor-item{cursor:grab;text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;border:1.5px solid #0000004d;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .1s;display:flex;position:absolute;overflow:hidden}.floor-item:active{cursor:grabbing}.floor-item.dragging{opacity:.88;z-index:1000;cursor:grabbing;box-shadow:0 8px 28px #0000008c}.floor-item.selected{outline:2px solid var(--accent);outline-offset:1px;z-index:500}.floor-item.wall-item{cursor:default;opacity:.55}.floor-item.attic-item{outline:1px dashed #ffffff4d}.floor-item.does-not-fit{outline:2px solid #c45a5a;box-shadow:0 0 0 3px #c45a5a40}.floor-item.stack-d1{opacity:.82}.floor-item.stack-d1 .stack-overlay{background:repeating-linear-gradient(45deg,#0000,#0000 5px,#ffffff24 5px 6px)}.floor-item.stack-d2 .stack-overlay{background:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff2e 3px 4px),repeating-linear-gradient(-45deg,#0000,#0000 3px,#ffffff1a 3px 4px)}.floor-item.stack-d3 .stack-overlay{background:repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff38 2px 3px),repeating-linear-gradient(-45deg,#0000,#0000 2px,#ffffff24 2px 3px)}.stack-overlay{pointer-events:none;position:absolute;inset:0}.stack-badge{color:#ffffffe6;pointer-events:none;background:#00000073;border-radius:2px;padding:1px 3px;font-family:Courier New,monospace;font-size:7px;line-height:1.4;position:absolute;top:2px;right:2px}.chip-stacked{color:#e8a840;margin-left:3px;font-size:8px}.item-name{color:#fff;text-shadow:0 1px 2px #00000080;padding:0 2px;font-family:Courier New,monospace;font-size:9px;font-weight:700;line-height:1.2}.item-dim{color:#ffffffb3;font-family:Courier New,monospace;font-size:8px;line-height:1.2}.modal-overlay{z-index:2000;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:8px;width:320px;max-width:92vw;max-height:90vh;padding:22px;overflow-y:auto}.modal h3{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-size:12px}.field{margin-bottom:12px}.field label{letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;margin-bottom:5px;font-size:10px;display:block}.field input,.field select{background:var(--surface2);border:1px solid var(--border2);width:100%;color:var(--text);border-radius:4px;padding:8px 10px;font-family:inherit;font-size:12px}.field input:focus,.field select:focus{border-color:var(--accent);outline:none}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-grid{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:3px;width:22px;height:22px;transition:border-color .1s}.color-swatch.sel{border-color:#fff}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:18px;display:flex}.toast{background:var(--surface2);border:1px solid var(--border2);color:var(--text2);z-index:3000;opacity:0;pointer-events:none;border-radius:4px;padding:9px 14px;font-size:11px;transition:opacity .2s;position:fixed;bottom:18px;right:18px}.toast.show{opacity:1}.del-layout-btn{color:var(--text3);flex-shrink:0;padding:5px 8px}.del-layout-btn:hover{color:#f0a0a0;background:#6b2a2a;border-color:#c45a5a}.dim-preview{color:var(--text2);text-align:center;letter-spacing:1px;min-height:16px;margin:-2px 0 10px;font-size:11px}.app-footer{text-align:center;color:var(--text3);letter-spacing:2px;text-transform:uppercase;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:10px 20px;font-size:9px}.app-footer span{color:var(--border2);margin:0 8px}.preset-overlay{z-index:2500;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preset-panel{background:var(--surface);border:1px solid var(--border2);border-radius:8px;width:380px;max-width:92vw;max-height:80vh;padding:22px;overflow-y:auto}.preset-panel h3{letter-spacing:2px;text-transform:uppercase;color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;display:flex}.preset-cat-label{letter-spacing:2px;color:var(--text3);text-transform:uppercase;border-bottom:1px solid var(--border);margin:12px 0 6px;padding-bottom:3px;font-size:9px}.preset-cat-label:first-of-type{margin-top:0}.preset-item{border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:4px;align-items:center;gap:8px;margin-bottom:2px;padding:7px 10px;font-size:10px;transition:all .12s;display:flex}.preset-item:hover{border-color:var(--accent);background:#2a2210}.preset-item-color{border-radius:2px;flex-shrink:0;width:8px;height:8px}.preset-item-info{flex:1;min-width:0}.preset-item-name{color:var(--text);font-weight:700}.preset-item-dims{color:var(--text3);margin-top:1px;font-size:9px}.preset-panel::-webkit-scrollbar{width:4px}.preset-panel::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.floor-item.door-warning{outline-offset:2px;outline:2px dashed #e89040}.door-badge{color:#fff;pointer-events:none;background:#e89040d9;border-radius:2px;padding:1px 4px;font-size:8px;line-height:1.3;position:absolute;bottom:2px;right:2px}.chip-door-warn{color:#e89040;margin-top:1px;font-size:8px}.weight-bar{background:var(--border);border-radius:2px;height:3px;margin-top:5px}.weight-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.weight-fill.ok{background:#6db87a}.weight-fill.warn{background:var(--accent)}.weight-fill.danger{background:#c45a5a}.weight-fill.over{background:#c45a5a;animation:.8s ease-in-out infinite pulse-weight}@keyframes pulse-weight{0%,to{opacity:1}50%{opacity:.5}}.layout-menu-item.svelte-oiwvqb{text-align:left;width:100%;font-family:inherit;font-size:inherit;background:0 0;border:none}div.svelte-clyidt{width:100%;height:100%;position:relative;overflow:hidden}canvas.svelte-clyidt{width:100%;height:100%;display:block;position:relative}.label-text.svelte-1ay0iyk{letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;margin-bottom:5px;font-size:10px;display:block}.color-swatch.svelte-1ay0iyk{box-sizing:border-box;margin:0;padding:0}.preset-item.svelte-4bbv9l{text-align:left;width:100%;font-family:inherit}.pwa-banner.svelte-oou4be{color:#fff;z-index:200;background:linear-gradient(135deg,#1e1e1e 0%,#2a2a2a 100%);border-radius:8px;max-width:600px;margin:0 auto;animation:.3s ease-out svelte-oou4be-slideUp;position:fixed;bottom:20px;left:50%;right:20px;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}@keyframes svelte-oou4be-slideUp{0%{opacity:0;transform:translate(-50%)translateY(100px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.banner-content.svelte-oou4be{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}p.svelte-oou4be{margin:0;font-size:14px;line-height:1.4}.share-icon.svelte-oou4be{margin:0 4px;font-size:16px;display:inline-block}.dismiss-btn.svelte-oou4be{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;transition:all .2s;display:flex}.dismiss-btn.svelte-oou4be:hover{color:#fff;background:#ffffff1a}@media (width<=480px){.pwa-banner.svelte-oou4be{bottom:16px;left:16px;right:16px}.banner-content.svelte-oou4be{gap:12px;padding:12px 16px}p.svelte-oou4be{font-size:13px}}.recenter-btn.svelte-1n46o8q{z-index:100;color:#fff;cursor:pointer;background:#1e1e1ecc;border:1px solid #555;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;position:absolute;top:16px;right:16px}.recenter-btn.svelte-1n46o8q:hover{background:#323232e6}