:root{--bg: #f6f1e6;--card: #fff9ee;--ink: #1c1b19;--muted: #6c6a65;--accent: #2d6cdf;--highlight: #c7ff61;--danger: #d1495b;--warning: #e7a93b;--shadow: #1c1b19;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans,sans-serif;background-color:var(--bg);color:var(--ink);min-height:100vh;background-image:linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(0,0,0,.04) 1px,transparent 1px),radial-gradient(circle at 20% 0%,rgba(45,108,223,.12),transparent 40%),radial-gradient(circle at 80% 10%,rgba(199,255,97,.2),transparent 45%);background-size:48px 48px,48px 48px,auto,auto}#root{min-height:100vh}.app{max-width:1200px;margin:32px auto 80px;padding:0 24px;display:flex;flex-direction:column;gap:20px;animation:fadeUp .5s ease both}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border:2px solid var(--ink);background:var(--card);box-shadow:6px 6px 0 var(--shadow)}.brand-title{font-family:Fraunces,serif;font-size:28px;letter-spacing:.5px}.brand-subtitle{color:var(--muted);font-size:14px}.topbar-actions{display:flex;align-items:center;gap:12px}.status-chip{background:var(--highlight);color:var(--ink);padding:6px 12px;border:1px solid var(--ink);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:11px}.tabs{display:flex;gap:12px;padding:8px 4px;overflow-x:auto}.tab{border:1px solid var(--ink);background:transparent;padding:10px 16px;font-family:Fraunces,serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.tab.active{background:var(--ink);color:var(--card);box-shadow:4px 4px 0 var(--shadow)}.tab:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow)}.content{display:flex;flex-direction:column;gap:16px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--ink);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:5px 5px 0 var(--shadow);animation:fadeUp .45s ease both}.card.large{grid-column:span 2}.card.action{align-items:flex-start}.card-header{text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:12px;color:var(--muted)}.input,.select,.textarea,.range{font-family:IBM Plex Sans,sans-serif;border:1px solid var(--ink);padding:10px 12px;background:#00000008;width:100%}.textarea.mono,.input.mono,.code-block{font-family:JetBrains Mono,monospace}.field-row{display:flex;gap:12px;align-items:center}.field-stack{display:flex;flex-direction:column;gap:8px}.label{font-size:13px;color:var(--muted)}.helper{font-size:13px;color:var(--muted);line-height:1.4}.btn{border:1px solid var(--ink);background:transparent;padding:10px 16px;cursor:pointer;font-weight:600;letter-spacing:.5px;transition:transform .12s ease,box-shadow .12s ease}.btn.primary{background:var(--accent);color:#fff}.btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow)}.logs-panel{display:flex;flex-direction:column;gap:16px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px}.log-list{display:grid;gap:16px}.log-card{background:var(--card);border:1px solid var(--ink);padding:16px;box-shadow:4px 4px 0 var(--shadow);display:flex;flex-direction:column;gap:10px}.log-header{display:flex;justify-content:space-between;gap:12px;font-weight:600}.log-title{font-size:16px}.log-time{font-size:12px;color:var(--muted)}.log-meta{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:4px 8px;border:1px solid var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.chip.success{background:var(--highlight)}.chip.error{background:var(--danger);color:#fff}.chip.ghost{background:transparent}.log-error{color:var(--danger);font-weight:600}.code-block{background:#0000000a;padding:12px;border:1px dashed var(--ink);overflow:auto;font-size:12px}.empty-state{padding:24px;border:1px dashed var(--ink);text-align:center;background:#00000005}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1b1966;display:flex;justify-content:flex-end;z-index:10}.drawer{background:var(--card);width:min(520px,90vw);height:100%;padding:20px;border-left:2px solid var(--ink);display:flex;flex-direction:column;gap:16px;animation:slideIn .22s ease}.drawer-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.drawer-title{font-family:Fraunces,serif;font-size:20px}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:var(--card);padding:12px 16px;border:1px solid var(--card);box-shadow:4px 4px 0 var(--shadow);animation:fadeUp .2s ease;z-index:20}.toast.success{background:var(--accent)}.toast.error{background:var(--danger)}.muted{color:var(--muted);font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 900px){.topbar{flex-direction:column;align-items:flex-start}.card.large{grid-column:auto}.panel-grid,.filters{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}