:root{--bg: #14222a;--panel: #1c2e36;--panel-2: #243b45;--line: #2f4a56;--text: #e9f1f4;--muted: #7d8a8f;--accent: #19b35a;--accent-2: #e2483a}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{display:flex;flex-direction:column;height:100vh}#topbar{display:flex;align-items:baseline;gap:12px;padding:12px 18px;background:var(--panel);border-bottom:1px solid var(--line)}#topbar h1{font-size:16px;font-weight:600;margin:0}.subtitle{color:var(--muted);font-size:12px}#stage{flex:1;display:flex;min-height:0}#truck-wrap{flex:1;min-width:0;position:relative}#truck{display:block;width:100%;height:100%}#panel{width:300px;flex:0 0 300px;background:var(--panel);border-left:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.field{display:flex;flex-direction:column;gap:4px}.field>span{color:var(--muted);font-size:12px}.field-row{display:flex;gap:8px}.field-row .field{flex:1;min-width:0}select,input[type=number]{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 8px;font:inherit}select:focus,input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.advanced{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.advanced>summary{cursor:pointer;color:var(--muted);font-size:12px;-webkit-user-select:none;user-select:none}.advanced .field-row{margin-top:10px}.boxlist-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:4px}.boxlist-actions{display:flex;gap:6px}.boxlist-actions button{flex:0 0 auto;padding:3px 8px;font-size:11px}#box-list{flex:1 1 120px;min-height:96px;max-height:320px;overflow-y:auto;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:4px}.box-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;font-size:12px;cursor:pointer}.box-row:hover{background:var(--panel)}.box-row input{width:auto;accent-color:var(--accent)}.box-swatch{width:10px;height:10px;border-radius:2px;flex:0 0 auto}.box-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-dim{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;flex:0 0 auto}.buttons,.exports{display:flex;gap:8px;margin-top:4px}button{flex:1;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:9px 10px;font:inherit;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#06231a;font-weight:600}button.primary.running{background:var(--accent-2);border-color:var(--accent-2);color:#2a0a07}button:disabled{opacity:.45;cursor:default}.exports button{font-size:12px}#status{background:var(--panel);border-top:1px solid var(--line);padding:8px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}