:root{--ink:#2c2620;--ink-soft:#453c33;--gold:#b08a54;--gold-deep:#96703c;--gold-pale:#e7d9c2;--surface:#fbf9f4;--bg:#efeae1;--border:#e1d9cc;--text:#2c2620;--text-dim:#8f8577;--warn-bg:#f6e7d4;--radius:16px;--shadow:0 1px 2px #2c26200d, 0 8px 22px #2c262014;color:var(--text);font-family:Inter,Avenir Next,-apple-system,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--bg)}#root{flex-direction:column;height:100vh;display:flex}h1,h2.display,.hero-empty h2{font-family:Playfair Display,Georgia,serif;font-weight:600}.topbar{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:10px;padding:12px 24px;display:flex}.topbar h1{letter-spacing:.2px;color:var(--ink);font-size:21px}.topbar .sub{color:var(--text-dim);letter-spacing:1.6px;text-transform:uppercase;margin-top:4px;margin-left:6px;font-size:11px}.layout{flex:1;min-height:0;display:flex}.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:300px;min-width:300px;box-shadow:var(--shadow);flex-direction:column;margin:16px 2px 16px 16px;display:flex;overflow-y:auto}.sidebar.right{margin:16px 16px 16px 2px}.card{background:var(--surface);border:none;border-bottom:1px solid var(--border);box-shadow:none;border-radius:0;padding:16px}.sidebar .card:last-child{border-bottom:none}.card h2{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);margin-bottom:12px;font-size:11px;font-weight:600}.viewer-wrap{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);flex:1;margin:16px 16px 16px 12px;position:relative;overflow:hidden}.viewer-overlay{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;top:14px;right:14px}.list-heading{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);margin:14px 0 8px;font-size:11px;font-weight:600}button{font:inherit;cursor:pointer;background:var(--ink);color:#f6f1e7;border:none;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .15s}button:hover{background:var(--ink-soft)}button:disabled{cursor:default;background:#cfc7ba}button.gold{background:var(--gold);color:#fff}button.gold:hover{background:var(--gold-deep)}button.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.ghost:hover{background:var(--bg)}button.ghost.active{border-color:var(--gold);color:var(--gold-deep)}input[type=text],input[type=number],select{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;padding:8px 12px;font-size:13px}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:0}label.field{color:var(--text-dim);margin-bottom:10px;font-size:12px;display:block}label.field span{margin-bottom:4px;font-weight:600;display:block}.row{gap:8px;display:flex}.row>*{flex:1}.chip{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;margin-right:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.chip.primary{background:var(--gold);border-color:var(--gold);color:#fff}.metric{border-bottom:1px solid var(--bg);justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.metric b{font-variant-numeric:tabular-nums}.alert-warn{background:var(--warn-bg);border:1px solid #e3c39a;border-radius:12px;margin-top:8px;padding:9px 12px;font-size:12px}.version-item{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.version-item:hover{background:var(--bg)}.version-item.active{border-color:var(--gold);background:#f4ecdd}.drop{border-radius:var(--radius);text-align:center;color:var(--text-dim);cursor:pointer;background:#f7f3ea;border:2px dashed #d3c3a8;padding:26px 22px;font-size:13px;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--gold);color:var(--gold-deep);background:#f4ecdd}.hero-empty{color:var(--text-dim);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;height:100%;padding:40px;display:flex}.hero-empty h2{color:var(--ink);letter-spacing:-.2px;font-size:30px}.hero-empty p{max-width:400px;font-size:14px;line-height:1.6}.sketch-thumb{border:1px solid var(--border);border-radius:12px;width:100%}.tabs{gap:14px;margin-bottom:12px;font-size:13px;display:flex}.tabs span{cursor:pointer;color:var(--text-dim);padding-bottom:4px}.tabs span.active{color:var(--text);border-bottom:2px solid var(--gold);font-weight:600}.agent-card{background:var(--ink);color:#f0e9dc;border-bottom:1px solid var(--border);padding:16px}.agent-card h2{text-transform:uppercase;letter-spacing:1.2px;color:#b5a893;margin-bottom:6px;font-size:11px;font-weight:600}.agent-card .agent-title{color:#f6f1e7;margin-bottom:10px;font-family:Playfair Display,Georgia,serif;font-size:19px;font-weight:600}.agent-card button.gold{width:100%}.agent-step{color:#cec3af;align-items:center;gap:9px;padding:6px 0;font-size:12.5px;display:flex}.agent-step.done{color:#f0e9dc}.agent-step.running{color:#e2be83}.agent-step .dot{background:#5a5045;border-radius:50%;flex-shrink:0;width:8px;height:8px}.agent-step.done .dot{background:#8fbf7f}.agent-step.running .dot{background:#e2be83;animation:1.1s infinite pulse}.agent-step.failed .dot{background:#d9765a}@keyframes pulse{50%{opacity:.35}}.agent-wall{color:#cec3af;align-items:center;gap:8px;margin:10px 0 12px;font-size:12px;display:flex}.agent-wall input{color:#f0e9dc;background:#3a332b;border:1px solid #564c40;width:70px}@media (width<=900px){#root{height:auto;min-height:100vh}.layout{flex-direction:column}.sidebar,.sidebar.right{width:auto;min-width:0;margin:12px 12px 0;overflow-y:visible}.viewer-wrap{flex:none;height:45vh;min-height:320px;margin:12px 12px 0}.layout>:last-child{margin-bottom:12px}.topbar{padding:10px 16px}.topbar h1{font-size:18px}}details.advanced{border-bottom:1px solid var(--border)}details.advanced>summary{cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);padding:13px 16px;font-size:11px;font-weight:600;list-style:none}details.advanced>summary:after{content:" +"}details.advanced[open]>summary:after{content:" –"}details.advanced .card{border-bottom:none;padding-top:0}