:root{--ink:#1c1b19;--ink-2:#3d3a36;--gray:#86827c;--gray-2:#a9a49c;--hairline:#e6e2da;--hairline-soft:#efece5;--surface:#fff;--bg:#f2efe9;--gold:#a8813f;--gold-soft:#f2e9d9;--danger:#b4432a;--ok:#4b7a4e;--radius:14px;--radius-sm:9px;--shadow:0 1px 1px #1c1b190a, 0 6px 20px #1c1b190f;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--bg)}#root{flex-direction:column;height:100vh;display:flex}.topbar{-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border-bottom:1px solid var(--hairline);background:#ffffffdb;align-items:center;gap:11px;padding:13px 22px;display:flex}.topbar .sub{color:var(--gray-2);letter-spacing:.16em;text-transform:uppercase;margin-left:4px;padding-top:2px;font-size:10px;font-weight:500}.layout{flex:1;gap:10px;min-height:0;padding:14px;display:flex}.sidebar{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);width:292px;min-width:292px;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow-y:auto}.viewer-wrap{border-radius:var(--radius);border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow);flex:1;position:relative;overflow:hidden}.viewer-overlay{z-index:10;align-items:center;gap:7px;display:flex;position:absolute;top:13px;right:13px}.card{border-bottom:1px solid var(--hairline-soft);padding:17px 18px}.sidebar .card:last-child{border-bottom:none}.card h2,.list-heading,details.advanced>summary,.agent-card h2{letter-spacing:.055em;text-transform:uppercase;color:var(--gray-2);font-size:11px;font-weight:590}.card h2{margin-bottom:13px}.list-heading{margin:16px 0 6px}button{font:inherit;letter-spacing:-.005em;border-radius:var(--radius-sm);cursor:pointer;background:var(--ink);color:#fff;border:none;padding:9px 16px;font-size:13px;font-weight:510;transition:background .16s,opacity .16s,border-color .16s}button:hover{background:#000}button:active{opacity:.82}button:disabled{color:#fbfaf8;cursor:default;background:#d6d2ca}button.gold{background:var(--gold)}button.gold:hover{background:#916d31}button.ghost{color:var(--ink-2);border:1px solid var(--hairline);background:0 0}button.ghost:hover{background:#faf8f4;border-color:#ddd8cf}button.ghost:disabled{color:var(--gray-2);border-color:var(--hairline-soft);background:0 0}button.ghost.active{border-color:var(--ink);color:var(--ink)}input[type=text],input[type=number],select{font:inherit;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);padding:8px 11px;font-size:13px;transition:border-color .16s,box-shadow .16s}input[type=number]{font-variant-numeric:tabular-nums}input:focus,select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #a8813f24}label.field{color:var(--gray);margin-bottom:11px;font-size:12px;display:block}label.field span{margin-bottom:5px;font-weight:500;display:block}.row{gap:7px;display:flex}.row>*{flex:1}.chip{color:var(--gray);background:#f4f1ec;border:none;border-radius:6px;margin-right:5px;padding:3px 8px;font-size:11px;font-weight:510;display:inline-block}.chip.primary{background:var(--gold-soft);color:#7d6229}.metric{border-bottom:1px solid var(--hairline-soft);justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;font-size:13px;display:flex}.metric:last-child{border-bottom:none}.metric>span{color:var(--gray)}.metric b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:right;font-weight:540}.alert-warn{color:#6f5426;border-radius:var(--radius-sm);background:#fbf4e8;border:1px solid #ecdcc0;margin-top:9px;padding:9px 11px;font-size:12px;line-height:1.45}.version-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-2);justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;transition:background .14s;display:flex}.version-item:hover{background:#f7f5f1}.version-item.active{color:var(--ink);background:#f4f1ec;font-weight:510}.item-label{align-items:baseline;gap:7px;min-width:0;display:flex}.item-num{color:var(--gray);font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:13px;font-size:12px;font-weight:500}.icon-trash{cursor:pointer;color:var(--gray-2);opacity:.45;background:0 0;border:none;border-radius:5px;flex:none;margin:-4px -4px -4px 8px;padding:4px;line-height:0;transition:opacity .14s,background .14s,color .14s}.version-item:hover .icon-trash,.version-item.active .icon-trash{opacity:1}.icon-trash:hover{color:#a5392b;background:#f7e9e5}.admin-bar{border-top:1px solid var(--hairline-soft);align-items:center;gap:8px;margin-top:14px;padding-top:11px;display:flex}.admin-bar input[type=password]{padding:6px 9px;font-size:12px}.admin-on{letter-spacing:.055em;text-transform:uppercase;color:var(--gold);flex:1;font-size:11px;font-weight:590}button.linkish{letter-spacing:.055em;text-transform:uppercase;color:var(--gray-2);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:11px;font-weight:590}button.linkish:hover{color:var(--ink);background:0 0}details.archive{margin-top:4px}details.archive>summary{cursor:pointer;letter-spacing:.055em;text-transform:uppercase;color:var(--gray-2);border-top:1px solid var(--hairline-soft);justify-content:space-between;align-items:center;padding:9px 10px 7px;font-size:11px;font-weight:590;list-style:none;display:flex}details.archive>summary::-webkit-details-marker{display:none}details.archive>summary:after{content:"+";letter-spacing:0;font-size:13px}details.archive[open]>summary:after{content:"–"}details.archive>summary:hover{color:var(--gray)}.drop{border-radius:var(--radius);text-align:center;color:var(--gray);cursor:pointer;background:#faf8f4;border:1px dashed #d8d2c6;padding:24px 18px;font-size:12.5px;line-height:1.5;transition:border-color .16s,background .16s,color .16s}.drop:hover,.drop.over{border-color:var(--gold);color:var(--ink-2);background:#fbf7ef}.sketch-thumb{border-radius:var(--radius-sm);border:1px solid var(--hairline);width:100%}.tabs{gap:16px;margin-bottom:13px;font-size:13px;display:flex}.tabs span{cursor:pointer;color:var(--gray);padding-bottom:5px}.tabs span.active{color:var(--ink);box-shadow:inset 0 -1.5px 0 var(--ink);font-weight:510}.compare-wrap{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.compare-grid{flex:1;gap:10px;min-height:0;display:flex}.compare-pane{border-radius:var(--radius);border:1px solid var(--hairline);background:var(--surface);min-width:0;box-shadow:var(--shadow);flex:1;position:relative;overflow:hidden}.pane-label{z-index:5;letter-spacing:.055em;text-transform:uppercase;color:var(--gray-2);pointer-events:none;font-size:11px;font-weight:590;position:absolute;top:12px;left:14px}.compare-strip{border-radius:var(--radius);border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:18px;padding:11px 16px;font-size:12.5px;display:flex}.compare-check{color:var(--ink-2);font-weight:510}.compare-check.pass{color:var(--ok)}.compare-check.warn{color:#96702c}.compare-check.fail{color:var(--danger)}.compare-note{color:var(--gray-2);margin-left:auto;font-size:11.5px}.hero-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;height:100%;padding:40px;display:flex}.hero-empty h2{letter-spacing:-.028em;color:var(--ink);max-width:12ch;font-size:31px;font-weight:600;line-height:1.12}.hero-empty p{color:var(--gray);letter-spacing:-.005em;max-width:42ch;font-size:14px;line-height:1.55}.agent-card{border-bottom:1px solid var(--hairline-soft);padding:17px 18px}.agent-card h2{color:var(--gold);margin-bottom:7px}.agent-card .agent-title{letter-spacing:-.018em;color:var(--ink);margin-bottom:14px;font-size:17px;font-weight:590}.agent-card button{width:100%}.agent-wall{color:var(--gray);align-items:center;gap:9px;margin-bottom:13px;font-size:12px;display:flex}.agent-wall input{flex:none;width:74px}.agent-step{color:var(--gray);align-items:flex-start;gap:9px;padding:5px 0;font-size:12.5px;line-height:1.45;display:flex}.agent-step.done{color:var(--ink-2)}.agent-step.running{color:var(--ink)}.agent-step .dot{background:#d8d3ca;border-radius:50%;flex:none;width:6px;height:6px;margin-top:6px}.agent-step.done .dot{background:var(--ok)}.agent-step.running .dot{background:var(--gold);animation:1.1s ease-in-out infinite pulse}.agent-step.failed{color:var(--danger)}.agent-step.failed .dot{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}details.advanced{border-bottom:1px solid var(--hairline-soft)}details.advanced:last-child{border-bottom:none}details.advanced>summary{cursor:pointer;justify-content:space-between;align-items:center;padding:15px 18px;list-style:none;display:flex}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary:after{content:"+";color:var(--gray-2);font-size:13px;font-weight:400}details.advanced[open]>summary:after{content:"–"}details.advanced>summary:hover{color:var(--gray)}details.advanced .card{border-bottom:none;padding-top:0}@media (width<=900px){#root{height:auto;min-height:100vh}.layout{flex-direction:column;gap:11px;padding:11px}.sidebar{width:auto;min-width:0;overflow-y:visible}.viewer-wrap{flex:none;height:44vh;min-height:300px}.compare-wrap{flex:none}.compare-grid{flex-direction:column}.compare-pane{height:34vh;min-height:250px}.compare-note{width:100%;margin-left:0}.topbar{padding:11px 16px}.hero-empty{gap:15px;padding:32px 24px}.hero-empty h2{font-size:26px}}.gate-screen{z-index:100;background:var(--bg,#efeae1);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gate-card{background:var(--surface,#fff);text-align:center;border:1px solid #00000012;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:min(360px,100vw - 48px);padding:44px 40px;display:flex}.gate-card h2{letter-spacing:.01em;margin:2px 0 0;font-size:22px}.gate-card p{color:var(--ink-2);margin:0 0 6px;font-size:14px;line-height:1.5}.gate-card input{text-align:center;letter-spacing:.08em;width:100%}.gate-card button{width:100%}.gate-error{color:#a33d2e;font-size:13px}
