:root{color-scheme:light;--bg: #f3efe4;--surface: rgba(252, 249, 241, .92);--surface-strong: #fffaf0;--line: rgba(27, 52, 64, .16);--ink: #173441;--muted: #546b73;--accent: #0f8c78;--accent-soft: #dff7ef;--gold: #d58b28;--gold-soft: #fff0d8;--danger: #c85641;--danger-soft: #fde6e1;--shadow: 0 18px 40px rgba(23, 52, 65, .12);--radius: 22px;--radius-sm: 14px;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--display: "Trebuchet MS", "Segoe UI Semibold", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--display);color:var(--ink);background:radial-gradient(circle at top left,rgba(15,140,120,.22),transparent 28%),radial-gradient(circle at top right,rgba(213,139,40,.18),transparent 24%),linear-gradient(180deg,#f8f3e7,#efe8d8)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}pre{margin:0;font-family:var(--mono);white-space:pre-wrap;word-break:break-word}.shell{position:relative;min-height:100vh;padding:28px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(23,52,65,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,52,65,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 85%);pointer-events:none}.hero{position:relative;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fffaf0f0,#f0f8f4eb);box-shadow:var(--shadow);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -40px -50px auto;width:220px;height:220px;border-radius:36px;background:linear-gradient(135deg,#0f8c781f,#d58b2838),repeating-linear-gradient(45deg,rgba(23,52,65,.05),rgba(23,52,65,.05) 8px,transparent 8px,transparent 16px);transform:rotate(12deg)}.eyebrow,.section-kicker,.label{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--muted)}.hero h1,.panel h2,.subpanel h3{margin:0;font-family:Georgia,Times New Roman,serif}.hero h1{margin-top:8px;font-size:clamp(2rem,4vw,3.8rem);line-height:.96}.hero-copy{max-width:62ch;color:var(--muted);line-height:1.6}.hero-meta{width:min(320px,100%);display:grid;gap:14px}.wallet-card,.panel,.subpanel,.market-card,.task-card,.skill-card,.agent-chip,.stat-tile,.notice{animation:rise .36s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wallet-card,.panel,.subpanel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wallet-card{padding:16px 18px}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.wallet-grid div,.stat-tile{padding:12px;border-radius:var(--radius-sm);background:#ffffffb8;border:1px solid var(--line)}.wallet-grid span,.stat-tile span{display:block;color:var(--muted);font-size:.8rem}.layout{position:relative;display:grid;grid-template-columns:320px minmax(0,1.2fr) 360px;gap:20px;margin-top:22px;align-items:start}.workspace,.workspace-top,.workspace-bottom,.mission-grid,.menu-grid,.guide-list,.drawer-stack{display:grid;gap:18px}.workspace{position:relative;margin-top:22px}.workspace-top{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start}.workspace-bottom{grid-template-columns:minmax(300px,340px) minmax(0,1fr);align-items:start}.mission-grid,.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mission-panel,.stage-panel,.task-board-panel,.task-detail{min-width:0}.mission-card,.menu-card,.guide-step{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffffd1;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.mission-card{padding:14px}.mission-card span,.menu-card span,.guide-copy p{color:var(--muted)}.mission-card span{display:block;font-size:.8rem;margin-bottom:6px}.menu-card{padding:14px;display:grid;gap:8px}.menu-card.selected,.guide-step.active{border-color:#0f8c786b;background:linear-gradient(135deg,#dff7efeb,#fffcf6e6);box-shadow:0 14px 32px #1734411a}.menu-card:hover,.guide-step:hover{transform:translateY(-2px);border-color:#0f8c784d;box-shadow:0 12px 24px #17344114}.guide-list{gap:12px}.guide-step{padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.guide-step.done{border-color:#0f8c783d}.guide-index{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:999px;background:#17344114;font-weight:700}.guide-copy{min-width:0}.guide-copy p{margin:6px 0 0;line-height:1.5}.task-board-panel .task-list{max-height:860px;overflow:auto;padding-right:4px}.workspace-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;justify-content:flex-end;padding:22px;background:#17344133;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.workspace-drawer{width:min(860px,100%);height:calc(100vh - 44px);display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:28px;border:1px solid var(--line);background:#fcf9f1f5;box-shadow:0 24px 50px #1734412e;overflow:hidden}.workspace-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 22px 18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fffaf0f5,#f0f8f4f0)}.workspace-drawer-body{overflow:auto;padding:20px 22px 22px}.drawer-section{min-height:0}.drawer-copy{margin:8px 0 0}.column,.wide{min-width:0}.stack{display:grid;gap:18px}.stack.tight{gap:12px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.section-kicker{margin-bottom:6px}.field{display:grid;gap:7px}.field.compact{gap:5px}.field span{color:var(--muted);font-size:.84rem}.checkbox-row{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.checkbox-row.compact{gap:8px}.checkbox-row input{width:auto;margin:0}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;background:#ffffffe6;padding:12px 14px;color:var(--ink);outline:none;transition:border-color .16s ease,transform .16s ease}input:focus,textarea:focus,select:focus{border-color:#0f8c788f;transform:translateY(-1px)}textarea{resize:vertical}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.dual,.dual-pane,.tri-grid,.stats-grid,.score-grid,.mini-grid,.skill-grid{display:grid;gap:14px}.dual{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tri-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dual-pane{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.skill-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.task-list,.wallet-plan-grid,.request-list,.model-capability-list,.image-preview-grid{display:grid;gap:12px}.wallet-plan-grid,.model-capability-list{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.image-preview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stall-summary,.stall-service-editor,.wallet-plan-card,.request-card,.llm-test-card,.review-metrics,.provider-meta-card,.model-capability-card,.image-preview-card,.stall-banner-card{padding:14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffffc7}.stall-summary{display:grid;gap:6px}.stall-summary span{color:var(--muted);font-size:.84rem}.stall-service-editor{display:grid;gap:12px}.wallet-plan-card{width:100%;text-align:left;display:grid;gap:10px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.wallet-plan-card:hover,.request-card:hover{transform:translateY(-2px);border-color:#0f8c7847;box-shadow:0 12px 24px #17344114}.wallet-plan-card p,.request-card p,.llm-test-card p,.provider-meta-card p,.model-capability-card p{margin:0;color:var(--muted);line-height:1.5}.wallet-plan-values{display:flex;gap:10px;flex-wrap:wrap;font-weight:700}.request-card,.llm-test-card,.review-metrics,.provider-meta-card,.model-capability-card,.image-preview-card,.stall-banner-card{display:grid;gap:10px}.image-preview-card.selected{border-color:#0f8c787a;box-shadow:0 10px 22px #0f8c7824}.image-preview-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;border:1px solid rgba(23,52,65,.12);background:#1734410a}.image-preview-actions{display:flex;justify-content:flex-end}.image-preview-actions button,.stall-banner-card button{width:fit-content}.stall-banner-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:16px;border:1px solid rgba(23,52,65,.12);background:#1734410a}.review-metrics span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.review-metrics strong{display:block}.llm-test-card.success{background:linear-gradient(135deg,#dff7efe0,#fffcf6d6)}.llm-test-card.error{background:linear-gradient(135deg,#fde6e1e6,#fff8f0d6)}.task-card,.market-card,.skill-card,.agent-chip,.event-card{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffffd6;padding:14px;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.task-card:hover,.market-card:hover,.skill-card:hover,.agent-chip:hover,.event-card:hover{transform:translateY(-2px);border-color:#0f8c7852;box-shadow:0 12px 24px #17344114}.task-card.selected,.agent-chip.selected,.event-card.selected{border-color:#0f8c7885;background:linear-gradient(135deg,#dff7eff2,#fffcf6eb)}.task-card p,.market-card p,.skill-card p,.event-card p,.trace-hint{color:var(--muted);line-height:1.5}.trace-hint{margin:0 0 12px}.trace-toolbar,.trace-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trace-toolbar{justify-content:space-between;margin-bottom:12px}.trace-speed-picker{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#1734410f}.trace-speed-picker button{padding:8px 12px;border-radius:999px;background:transparent;color:var(--muted);font-weight:700}.trace-speed-picker button.active{background:#ffffffeb;color:var(--ink)}.trace-delta-block{display:grid;gap:12px;margin-top:14px}.trace-delta-list{display:grid;gap:10px}.trace-delta-item{width:100%;text-align:left;padding:12px;border-radius:16px;border:1px solid rgba(23,52,65,.12);background:#ffffffc2}.trace-delta-item:hover,.trace-panel-highlight{border-color:#0f8c7852;box-shadow:0 12px 24px #17344114}.trace-delta-item.selected,.trace-panel-highlight{background:linear-gradient(135deg,#dff7eff2,#fffcf6eb)}.trace-delta-item.live-flash,.trace-panel-live{animation:tracePulse 1.2s ease-out 2;border-color:#2d8c8a6b;box-shadow:0 12px 28px #0f8c7824}@keyframes tracePulse{0%{transform:translateY(0);box-shadow:0 0 #0f8c7800}40%{transform:translateY(-2px);box-shadow:0 0 0 4px #0f8c781f}to{transform:translateY(0);box-shadow:0 0 #0f8c7800}}.trace-delta-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.trace-delta-values span,.trace-json-caption{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.trace-delta-values strong{display:block;margin-top:6px;font-family:var(--mono);font-size:.82rem;line-height:1.5;word-break:break-word}.trace-json-caption{margin:0}.card-meta,.score-grid,.tag-row{display:flex;gap:10px;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}.tag-row span{padding:4px 8px;border-radius:999px;background:#1734410f}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#1734410f}.segmented button,.primary,.secondary,.ghost{border-radius:999px;padding:10px 14px;font-weight:700;transition:transform .16s ease,opacity .16s ease,background .16s ease}.segmented button{background:transparent;color:var(--muted)}.segmented button.active{background:#ffffffe0;color:var(--ink)}.primary{background:linear-gradient(135deg,var(--accent),#1da790);color:#fff}.secondary{background:linear-gradient(135deg,var(--gold),#ecaa4b);color:#fff}.ghost{background:#1734410f;color:var(--ink)}.ghost.danger{background:#c856411a;color:var(--danger)}.primary:hover,.secondary:hover,.ghost:hover,.segmented button:hover{transform:translateY(-1px)}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.77rem;font-weight:700}.pill.success{background:var(--accent-soft);color:var(--accent)}.pill.warn{background:var(--gold-soft);color:#9d6517}.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.live{background:#0f8c781f;color:var(--accent)}.pill.muted{background:#17344114;color:var(--muted)}.subpanel{padding:16px;min-height:220px}.subpanel h3{margin-bottom:12px}.event-feed,.workspace-files{display:grid;gap:10px;max-height:440px;overflow:auto;padding-right:4px}.event-card pre,.subpanel pre,.artifact-preview,.workspace-content{max-height:360px;overflow:auto;padding:14px;border-radius:14px;background:#162936eb;color:#d8efe9;font-size:.81rem;line-height:1.55}.artifact-preview{min-height:240px}.workspace-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.workspace-files button{width:100%;text-align:left;padding:10px 12px;border-radius:12px;background:#1734410f;color:var(--ink)}.workspace-files button.selected{background:#0f8c7824}.divider{height:1px;background:var(--line);margin:18px 0}.empty{padding:22px;border-radius:var(--radius-sm);border:1px dashed rgba(23,52,65,.24);color:var(--muted);text-align:center}.empty.small{padding:14px;font-size:.88rem}.notice{position:sticky;top:16px;z-index:5;margin-top:16px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.notice.success{background:var(--accent-soft)}.notice.error{background:var(--danger-soft)}.notice.info{background:#d58b2826}.street-panel{padding:18px}.street-shell{display:grid;gap:16px}.street-meta,.street-pills,.street-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.street-frame{display:grid;grid-template-columns:1fr;gap:16px}.street-scene{position:relative;min-height:680px;overflow:hidden;border-radius:28px;border:1px solid rgba(23,52,65,.14);background:radial-gradient(circle at 12% 16%,rgba(255,245,205,.78),transparent 20%),radial-gradient(circle at 84% 18%,rgba(255,216,167,.36),transparent 22%),linear-gradient(180deg,#e9efd2,#d7e0b4 16%,#c2d599 16%,#b0c97d);box-shadow:inset 0 0 0 6px #fffaf024,inset 0 -30px 90px #5a703a2e}.street-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:18px 18px;opacity:.28;pointer-events:none}.street-pixi-host{position:relative;min-height:680px;width:100%}.street-canvas{width:100%;height:100%;border-radius:28px}.street-stat-grid span,.street-route-rows span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.street-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;align-items:start}.street-sidebar-copy,.street-service-card p{margin:0;color:var(--muted);line-height:1.5}.street-stat-grid,.street-route-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.street-stat-grid div,.street-route-rows div,.street-service-card,.street-route-card{padding:12px;border-radius:16px;border:1px solid rgba(23,52,65,.12);background:#ffffffc2}.street-service-list,.street-banner-card,.street-route-card,.street-focus-card{display:grid;gap:10px}.street-banner-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;border:1px solid rgba(23,52,65,.12);background:#1734410d}.street-route-card{background:linear-gradient(135deg,#dff7efb8,#fff0d8bd)}.street-focus-card{background:linear-gradient(135deg,#ecf5ffdb,#fff8e8d1)}.street-route-rows strong,.street-stat-grid strong{display:block;margin-top:6px}.market-card.selected{border-color:#0f8c7885;background:linear-gradient(135deg,#dff7eff2,#fffcf6eb)}.market-card-side{display:grid;justify-items:end;gap:4px}.market-card-side p{margin:0}@media (max-width: 1400px){.layout{grid-template-columns:320px minmax(0,1fr)}.workspace-top,.workspace-bottom{grid-template-columns:1fr}.column:last-child{grid-column:1 / -1}.tri-grid{grid-template-columns:1fr}}@media (max-width: 980px){.shell{padding:16px}.hero{flex-direction:column}.layout,.workspace-top,.workspace-bottom,.dual,.dual-pane,.stats-grid,.workspace-layout,.mission-grid,.menu-grid,.street-sidebar,.mini-grid{grid-template-columns:1fr}.guide-step{grid-template-columns:auto minmax(0,1fr)}.guide-step .pill{grid-column:1 / -1;justify-self:start}.workspace-drawer-backdrop{padding:12px}.workspace-drawer{width:100%;height:calc(100vh - 24px)}.street-scene,.street-pixi-host{min-height:540px}.street-stat-grid,.street-route-rows,.trace-delta-values{grid-template-columns:1fr}}