:root{color-scheme:dark;--bg:#0b0a08;--panel:#12100c;--panel2:#181510;--edge:#302a20;--text:#e8e2d4;--muted:#918879;--amber:#ffb000;--green:#3fbf6b;--red:#eb8173;--mono:'IBM Plex Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.08) 4px)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--amber)}.topbar{height:66px;border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#0d0c09;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:700 12px var(--mono);letter-spacing:.1em}.mark{color:var(--amber);font-size:25px;letter-spacing:-.13em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.16em;font-weight:500;margin-top:3px}.top-right{display:flex;align-items:center;gap:20px;font:10px var(--mono);color:var(--muted);letter-spacing:.09em}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px}.top-btn{background:transparent;border:1px solid var(--edge);color:var(--text);padding:9px 12px;font:10px var(--mono);letter-spacing:.05em}.top-btn:hover{border-color:var(--amber);color:var(--amber)}.shell{max-width:1800px;margin:auto;display:grid;grid-template-columns:224px minmax(0,1fr) 275px;min-height:calc(100vh - 66px)}.sidebar,.summary{background:var(--panel);padding:28px 19px}.sidebar{border-right:1px solid var(--edge)}.summary{border-left:1px solid var(--edge)}.eyebrow{font:10px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.sidebar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tag{font:9px var(--mono);color:var(--amber);border:1px solid #604711;padding:4px 6px}.stage-nav{display:grid;gap:4px}.stage-link{width:100%;display:flex;gap:12px;align-items:center;text-align:left;background:none;border:1px solid transparent;color:var(--muted);padding:12px 9px}.stage-link:hover{background:var(--panel2);color:var(--text)}.stage-link.active{border-color:#5e471b;background:#211a0e;color:var(--text)}.stage-link .num{font:11px var(--mono);border:1px solid #4b4437;color:var(--muted);width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.stage-link.active .num{background:var(--amber);border-color:var(--amber);color:#0b0a08}.stage-link.done .num{border-color:var(--green);color:var(--green)}.stage-link strong{font:600 11px var(--mono);letter-spacing:.02em;display:block}.stage-link small{font:10px var(--mono);color:var(--muted);display:block;margin-top:4px}.sidebar-foot{border-top:1px solid var(--edge);margin-top:34px;padding-top:18px;font:10px/1.7 var(--mono);color:var(--muted)}.sidebar-foot strong{color:var(--text)}.main{min-width:0;padding:30px clamp(22px,4vw,65px) 70px}.main-inner{max-width:960px;margin:auto}.topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.topline .eyebrow{color:var(--amber)}.topline span:last-child{font:10px var(--mono);color:var(--muted)}h1{font-size:clamp(30px,3.2vw,46px);line-height:1.04;letter-spacing:-.045em;margin:16px 0 8px}h1 em{font-style:normal;color:var(--amber)}.intro{margin:0;color:var(--muted);max-width:680px;line-height:1.6;font-size:14px}.world{margin:25px 0 28px;border:1px solid var(--edge);background:radial-gradient(ellipse at 50% 100%,#221a0c 0,transparent 65%),#100e0a;position:relative;overflow:hidden;padding:16px 18px 19px}.world-head{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted);letter-spacing:.1em}.world-head span:last-child{color:var(--amber)}.track{display:grid;grid-template-columns:repeat(6,1fr);position:relative;gap:7px;margin-top:20px}.track:before{content:"";position:absolute;height:1px;top:25px;left:5%;right:5%;background:#514733}.station{position:relative;min-width:0;text-align:center;z-index:1}.station-icon{height:50px;width:54px;max-width:90%;margin:0 auto 8px;background:#16130e;border:1px solid #504534;position:relative;display:grid;place-items:center;color:#817564;font:17px var(--mono)}.station-icon:before{content:"";position:absolute;top:-5px;left:10px;right:10px;height:4px;border:1px solid #504534;background:#0b0a08}.station.active .station-icon{border-color:var(--amber);color:var(--amber);box-shadow:0 0 20px #ffb0001c}.station.done .station-icon{border-color:#356341;color:var(--green)}.station-label{display:block;color:var(--muted);font:9px var(--mono);white-space:nowrap}.station.active .station-label{color:var(--text)}.worker{position:absolute;left:calc((var(--step) + .5) * 100% / 6);top:48px;width:14px;height:19px;z-index:3;transition:left .7s ease;animation:bob .8s ease-in-out infinite alternate;pointer-events:none}.worker:before{content:"";position:absolute;left:3px;top:0;width:8px;height:7px;background:#e8e2d4;box-shadow:3px 2px #0b0a08}.worker:after{content:"";position:absolute;left:2px;top:8px;width:10px;height:8px;background:var(--amber);box-shadow:-3px 3px 0 -1px #9b6d0e,2px 7px 0 -2px #e8e2d4,-3px 7px 0 -2px #e8e2d4}@keyframes bob{to{transform:translateY(-3px)}}.panel-title{display:flex;align-items:end;justify-content:space-between;gap:15px;border-bottom:1px solid var(--edge);padding-bottom:17px;margin-bottom:24px}.panel-title h2{font-size:25px;letter-spacing:-.03em;margin:4px 0 0}.panel-title .eyebrow{color:var(--amber)}.panel-title p{font:10px var(--mono);color:var(--muted);margin:0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.field.full{grid-column:1/-1}.field label,.field-label{display:block;font:600 11px var(--mono);color:var(--text);margin:0 0 8px}.field small,.helper{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin:6px 0 0}.field input,.field textarea,.field select,.settings input,#markdown{display:block;width:100%;border:1px solid #3b3429;background:#100e0a;color:var(--text);padding:12px 13px;border-radius:0;min-width:0}.field input::placeholder,.field textarea::placeholder{color:#746c60}.field textarea{min-height:88px;resize:vertical}.field input:hover,.field textarea:hover,.field select:hover,.settings input:hover{border-color:#726044}.hint-box{grid-column:1/-1;padding:15px 17px;border-left:2px solid var(--amber);background:#211a0e;color:#c8bda8;font-size:12px;line-height:1.6}.hint-box strong{font:600 10px var(--mono);color:var(--amber);letter-spacing:.08em;display:block;margin-bottom:5px}.choices{display:flex;flex-wrap:wrap;gap:7px}.chip{background:#15120d;color:var(--muted);border:1px solid #40382b;padding:8px 10px;font:10px var(--mono)}.chip:hover{color:var(--text);border-color:#8b7445}.chip[aria-pressed="true"]{border-color:var(--amber);background:#2b200b;color:var(--amber)}.boundary-row{display:grid;grid-template-columns:1fr minmax(165px,42%);gap:15px;align-items:center;padding:11px 0;border-bottom:1px solid var(--edge)}.boundary-row strong{font-size:13px}.boundary-row small{display:block;margin-top:4px}.styles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.style-card{padding:0;text-align:left;border:1px solid var(--edge);background:#15120d;color:var(--muted);overflow:hidden}.style-card[aria-pressed="true"]{border-color:var(--amber);color:var(--amber)}.style-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;filter:saturate(.7)}.style-card span{display:block;font:9px/1.3 var(--mono);padding:8px;min-height:37px}
.stage-actions{border-top:1px solid var(--edge);margin-top:30px;padding-top:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stage-actions .spacer{flex:1}.primary{border:1px solid var(--amber);background:var(--amber);color:#100c04;padding:12px 16px;font:700 11px var(--mono);letter-spacing:.04em}.primary:hover{background:#ffc246}.secondary{border:1px solid #5b4c32;background:transparent;color:var(--text);padding:12px 16px;font:600 11px var(--mono)}.secondary:hover{border-color:var(--amber);color:var(--amber)}.generate-area{display:grid;grid-template-columns:1fr 1fr;gap:13px}.output-card{background:var(--panel);border:1px solid var(--edge);padding:18px;min-width:0}.output-card h3{font:600 11px var(--mono);margin:0 0 9px;letter-spacing:.06em}.output-card p{font-size:12px;line-height:1.5;color:var(--muted);min-height:36px}.output-card button{margin:5px 5px 0 0}.portrait-wrap{background:#0b0a08;border:1px dashed #514631;min-height:220px;display:grid;place-items:center;color:var(--muted);font:10px var(--mono);text-align:center;margin:15px 0}.portrait-wrap img{display:block;max-width:100%;max-height:500px;object-fit:contain}.editor{margin-top:20px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.editor-heading h3{font:600 11px var(--mono);margin:0}.editor-heading span{font:10px var(--mono);color:var(--muted)}#markdown{font:12px/1.7 var(--mono);min-height:380px;resize:vertical}.status{font:11px/1.5 var(--mono);min-height:18px;margin:14px 0;color:var(--muted)}.status.error{color:var(--red)}.status.success{color:var(--green)}.summary-title{font:10px var(--mono);letter-spacing:.13em;color:var(--muted);display:flex;justify-content:space-between;border-bottom:1px solid var(--edge);padding-bottom:16px}.summary-title span{color:var(--amber)}.agent-card{margin-top:20px;border:1px solid var(--edge);background:#0f0d09;padding:15px}.avatar{height:122px;background:radial-gradient(circle,#493515 0,#17130c 55%,#100e0a 100%);display:grid;place-items:center;margin-bottom:15px;overflow:hidden}.avatar svg{width:65px}.avatar img{width:100%;height:100%;object-fit:cover}.agent-card .eyebrow{font-size:9px}.agent-card h3{font-size:20px;margin:7px 0 4px;overflow-wrap:anywhere}.agent-card p{font-size:12px;line-height:1.45;color:var(--muted);margin:0;overflow-wrap:anywhere}.summary-list{margin-top:22px}.summary-item{border-top:1px solid var(--edge);padding:14px 0}.summary-item span{display:block;font:9px var(--mono);color:var(--muted);letter-spacing:.1em;margin-bottom:7px}.summary-item p{font-size:12px;line-height:1.5;margin:0;color:#c8c0b1;overflow-wrap:anywhere}.note{border:1px solid var(--edge);padding:12px;margin-top:20px;color:var(--muted);font:10px/1.6 var(--mono)}.note strong{color:var(--text)}.settings{border:1px solid var(--edge);background:var(--panel);padding:18px;margin:22px 0}.settings summary{font:600 11px var(--mono);cursor:pointer;color:var(--text);letter-spacing:.05em}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.settings label{display:block;font:10px var(--mono);color:var(--muted);margin-bottom:7px}.settings input{font:11px var(--mono)}.settings p{font-size:11px;color:var(--muted);line-height:1.55;margin:12px 0 0}.settings a{color:var(--amber)}footer{border-top:1px solid var(--edge);padding:15px 30px;display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:.07em}@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.summary{grid-column:2;border-left:0;border-top:1px solid var(--edge);display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary-title{grid-column:1/-1}.agent-card,.summary-list{margin-top:0}.note{grid-column:1/-1;margin-top:0}}@media(max-width:700px){.topbar{padding:0 16px}.top-right .desktop{display:none}.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--edge);padding:15px}.sidebar-head,.sidebar-foot{display:none}.stage-nav{display:flex;overflow-x:auto}.stage-link{width:auto;min-width:115px;padding:8px}.stage-link small{display:none}.main{padding:24px 17px 45px}.summary{display:block;padding:20px 17px}.agent-card,.summary-list{margin-top:15px}.fields,.generate-area,.settings-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.styles{grid-template-columns:repeat(3,minmax(0,1fr))}.station-label{font-size:8px}.station-icon{width:40px;height:42px}.track:before{top:21px}.worker{top:40px}.panel-title{align-items:start}.panel-title p{display:none}footer{padding:14px 16px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Use the same official mark as the browser icon. */
.brand{color:var(--text);text-decoration:none;min-height:44px}
.brand:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.brand .mark{display:block;width:30px;height:30px;flex-shrink:0}

/* Compact, touch-friendly layout for phones. */
.mobile-brief{display:none}
@media(max-width:700px){
  .topbar{height:auto;min-height:66px;gap:10px;padding:10px 14px}
  .brand{gap:8px;min-width:0;font-size:11px;letter-spacing:.06em}
  .brand small{font-size:8px;letter-spacing:.1em}
  .top-right{flex-shrink:0}
  .top-btn{min-height:44px;padding:8px 10px}
  .sidebar{padding:12px 14px}
  .sidebar:after{content:'SWIPE TO VIEW ALL STAGES →';display:block;margin-top:8px;color:var(--muted);font:9px var(--mono);letter-spacing:.04em}
  .stage-nav{max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#665636 transparent;padding-bottom:4px}
  .stage-link{flex:0 0 auto;min-height:48px;min-width:130px}
  .main{padding:22px 16px 38px}
  .topline{align-items:flex-start;flex-wrap:wrap;line-height:1.5}
  .world{padding:14px 10px 16px;margin:20px 0}
  .world-head{gap:8px;flex-wrap:wrap;line-height:1.5}
  .track{gap:3px}
  .station-label{font-size:8px;letter-spacing:-.03em}
  .worker{top:40px}
  .settings{padding:15px;margin:18px 0}
  .settings summary,.mobile-brief summary{min-height:44px;display:flex;align-items:center;cursor:pointer;line-height:1.5}
  .settings input,.field input,.field textarea,.field select,#markdown{font-size:16px;line-height:1.5}
  .field select{max-width:100%}
  .chip,.primary,.secondary{min-height:44px}
  .boundary-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 0}
  .boundary-row select{min-height:48px}
  .mobile-brief{display:block;border:1px solid var(--edge);background:var(--panel);padding:0 15px;margin:18px 0}
  .mobile-brief summary{color:var(--amber);font:600 11px var(--mono);letter-spacing:.05em}
  .mobile-brief summary:after{content:'+';margin-left:auto;font-size:18px}
  .mobile-brief[open] summary:after{content:'−'}
  .mobile-brief-content{padding:0 0 10px}
  .mobile-brief-content p{display:grid;gap:4px;margin:0;padding:9px 0;border-top:1px solid var(--edge);color:var(--text);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
  .mobile-brief-content strong{color:var(--muted);font:9px var(--mono);letter-spacing:.08em}
  .output-card button{width:100%;margin:6px 0 0}
  .editor-heading{align-items:flex-start;flex-wrap:wrap}
  .stage-actions{gap:8px}
  .stage-actions .spacer{min-width:0}
}
@media(max-width:360px){
  .topbar{padding-inline:10px}
  .brand .mark{width:26px;height:26px}
  .brand{font-size:10px}
  .top-btn{font-size:9px;padding-inline:8px}
  .main{padding-inline:12px}
  .styles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .station-label{font-size:7px}
}