:root{--ink: #1a140c;--paper: #f4ead6;--paper-2: #e9dcc2;--rule: #c9b79a;--night: #0e1114;--slate: #171b20;--slate-2: #22282f;--amber: #d87a2f;--gold: #e6c07b;--redline: #c24532;--ok: #3f7d5b;--muted: #8b8070;--day: #e8b86d;--night-chip: #6f8cff;--magic: #c084fc}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 500px at 10% -10%,rgba(216,122,47,.14),transparent 50%),linear-gradient(180deg,#0c0e11,var(--night));color:var(--paper);font-family:IBM Plex Sans,sans-serif}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.masthead{display:flex;justify-content:space-between;gap:24px;padding:22px 32px 12px;border-bottom:1px solid #2a3138;align-items:end}.brand{display:flex;flex-direction:column;gap:4px}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}.wordmark{font-family:Fraunces,serif;font-size:34px;line-height:1;margin:0}.wordmark em{font-style:italic;color:var(--gold)}.tag{color:#b8ae9c;max-width:520px;margin:6px 0 0}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav button,button.primary,button.ghost,button.danger{font-family:IBM Plex Sans,sans-serif;border:1px solid #3a3328;background:transparent;color:var(--paper);padding:8px 12px;border-radius:999px;cursor:pointer}.nav button.active,button.primary{background:var(--amber);color:#1a1008;border-color:var(--amber);font-weight:600}button.ghost{color:var(--gold)}button.danger{border-color:var(--redline);color:#f0c2ba}button:disabled{opacity:.45;cursor:not-allowed}main{padding:28px 32px 64px;display:grid;gap:22px}.hero-card,.panel,.strip,.option,.fact{background:linear-gradient(180deg,#1b1510,#14110e 40%,#121417);border:1px solid #3a3228;border-radius:18px;box-shadow:0 20px 50px #00000047}.hero-card,.panel{padding:22px}.hero-card h2,.panel h2,.panel h3{font-family:Fraunces,serif;margin:0 0 8px}.muted{color:#b3a894}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:12px 14px;background:#211c16;border:1px solid #3c3429;border-radius:12px}.stat b{display:block;font-family:IBM Plex Mono,monospace;font-size:20px;color:var(--gold)}.stat span{color:#b8ae9c;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.fact{padding:14px 16px}.fact strong{display:block;font-family:Fraunces,serif}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:11px;font-family:IBM Plex Mono,monospace;border:1px solid #4a4034;color:#e6d8c0}.chip.day{background:#3a2c14;color:var(--day)}.chip.night{background:#1b2444;color:var(--night-chip)}.chip.magic{background:#2b1840;color:var(--magic)}.chip.warn{border-color:var(--redline);color:#f0c2ba}.chip.ok{border-color:var(--ok);color:#9ad4b2}.stripboard{display:grid;gap:10px}.day-col{display:grid;gap:8px}.day-label{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--gold)}.strip{padding:10px 12px;display:grid;gap:4px;border-left:6px solid var(--amber)}.strip[data-loc="The Cobalt Hotel"]{border-left-color:#e6c07b}.strip[data-loc="River Warehouse 12"]{border-left-color:#c24532}.strip[data-loc="Tybee Marsh Boardwalk"]{border-left-color:#3f7d5b}.strip[data-loc="Chatham Precinct Stage"]{border-left-color:#6f8cff}.strip[data-loc="Chippewa Square"]{border-left-color:#d4a017}.strip[data-loc="Fort Pulaski Ferry Dock"]{border-left-color:#4aa3c2}.strip .code{font-family:IBM Plex Mono,monospace;font-weight:500}.strip small{color:#b8ae9c}textarea,input,select{width:100%;background:#100e0c;color:var(--paper);border:1px solid #4a4034;border-radius:12px;padding:12px;font:15px IBM Plex Sans,sans-serif}.option{padding:16px;display:grid;gap:8px}.option.recommended{outline:1px solid var(--amber)}.evidence{font-size:13px;color:#d9cbb3;border-left:2px solid var(--gold);padding-left:10px}.audit{font-family:IBM Plex Mono,monospace;font-size:12px;color:#d4c6ad}.error{color:#f0c2ba}.success{color:#9ad4b2}.small{font-size:13px}.control-room{display:grid;gap:18px}.production-overview{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:24px 26px;background:linear-gradient(135deg,rgba(216,122,47,.08),transparent 40%),linear-gradient(180deg,#1b1510,#121417);border:1px solid #3a3228;border-radius:20px;box-shadow:0 24px 60px #00000052}.production-overview h2{font-family:Fraunces,serif;font-size:32px;margin:6px 0 8px}.production-overview__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.meta-pill{font-family:IBM Plex Mono,monospace;font-size:11px;padding:5px 10px;border-radius:999px;border:1px solid #4a4034;color:#dccfb8;background:#ffffff05}.meta-pill.accent{border-color:var(--amber);color:var(--gold)}.production-overview__actions{display:grid;gap:12px;align-content:start}.integration-row,.generate-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.generate-row select{width:auto;min-width:160px;padding:10px 12px}.generate-btn{padding:10px 18px;font-size:14px}.generate-note{margin:0;font-size:12px;color:#9a907f;max-width:360px}.metrics-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.metric-card{padding:14px 16px;border-radius:14px;border:1px solid #3a3228;background:#171b20}.metric-card__label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9a907f;margin-bottom:6px}.metric-card__value{font-family:IBM Plex Mono,monospace;font-size:24px;color:var(--gold);line-height:1}.metric-card__value small{font-size:12px;color:#8b8070;margin-left:4px}.metric-card.tone-good{border-color:#3f7d5b8c}.metric-card.tone-warn{border-color:#d87a2f8c}.metric-card.tone-bad{border-color:#c24532a6}.control-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.control-main{min-width:0}.control-rail{display:grid;gap:12px;position:sticky;top:16px}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}.panel-header h3{margin:0 0 4px}.panel-header__stats{display:flex;gap:8px;flex-wrap:wrap}.timeline-panel{padding:20px;overflow:hidden}.timeline-empty__inner{padding:48px 24px;text-align:center}.timeline-scroll{display:grid;gap:14px;max-height:calc(100vh - 360px);overflow:auto;padding-right:4px}.timeline-day{border:1px solid #2f3640;border-radius:16px;background:#14181d;padding:14px}.timeline-day__head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.timeline-day__number{display:block;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--amber);letter-spacing:.08em;text-transform:uppercase}.timeline-day__stats{display:flex;gap:10px;font-family:IBM Plex Mono,monospace;font-size:12px;color:#b8ae9c}.util-badge{padding:2px 8px;border-radius:999px;border:1px solid #4a4034}.util-badge.high{color:#9ad4b2;border-color:var(--ok)}.util-badge.mid{color:var(--gold)}.util-badge.low{color:#f0c2ba;border-color:var(--redline)}.timeline-day__locations{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.loc-chip{font-size:11px;font-family:IBM Plex Mono,monospace;padding:3px 8px;border-radius:999px;background:#22282f;border:1px solid #3a3228}.timeline-day__footer{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#8b8070}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.scene-card{text-align:left;width:100%;padding:12px 14px;border-radius:14px;border:1px solid #3a3228;background:linear-gradient(180deg,#1a1512,#121417);color:inherit;cursor:pointer;display:grid;gap:6px;border-left:5px solid var(--amber);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.scene-card:hover,.scene-card.selected{transform:translateY(-1px);border-color:var(--gold);box-shadow:0 12px 30px #00000040}.scene-card[data-loc=the-cobalt-hotel]{border-left-color:#e6c07b}.scene-card[data-loc=river-warehouse-12]{border-left-color:#c24532}.scene-card[data-loc=tybee-marsh-boardwalk]{border-left-color:#3f7d5b}.scene-card[data-loc=chatham-precinct-stage]{border-left-color:#6f8cff}.scene-card[data-loc=chippewa-square]{border-left-color:#d4a017}.scene-card[data-loc=fort-pulaski-ferry-dock]{border-left-color:#4aa3c2}.scene-card__head{display:flex;justify-content:space-between;gap:8px;align-items:center}.scene-card__code{font-family:IBM Plex Mono,monospace;font-weight:600;color:var(--gold)}.scene-card__title{font-family:Fraunces,serif;font-size:15px;line-height:1.25}.scene-card__meta,.scene-card__resources{display:grid;gap:2px;font-size:12px;color:#b8ae9c}.scene-card__note{justify-self:start}.scene-card__cta{font-size:11px;font-family:IBM Plex Mono,monospace;color:var(--amber);letter-spacing:.04em;text-transform:uppercase}.rail-card{padding:16px;border-radius:16px;border:1px solid #2f3640;background:#14181d}.rail-card header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.rail-card h4{margin:0;font-family:Fraunces,serif;font-size:16px}.health-badge{font-family:IBM Plex Mono,monospace;font-size:18px;padding:4px 10px;border-radius:999px;border:1px solid #4a4034}.health-badge.tone-good{color:#9ad4b2;border-color:var(--ok)}.health-badge.tone-warn{color:var(--gold);border-color:var(--amber)}.health-badge.tone-bad{color:#f0c2ba;border-color:var(--redline)}.feasibility{font-size:13px;padding:8px 10px;border-radius:10px;margin-bottom:10px}.feasibility.good{background:#3f7d5b1f;color:#9ad4b2}.feasibility.bad{background:#c245321f;color:#f0c2ba}.breakdown-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.breakdown-list li{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#b8ae9c}.breakdown-list b{font-family:IBM Plex Mono,monospace;color:var(--paper)}.mini-violations{margin-top:10px;display:grid;gap:6px}.availability-list,.constraint-stack,.bottleneck-list{display:grid;gap:8px;max-height:220px;overflow:auto}.availability-item,.constraint-item,.bottleneck-item{padding:10px;border-radius:10px;background:#101418;border:1px solid #2a3138}.availability-item__head{display:flex;gap:8px;align-items:center;margin-bottom:4px}.constraint-item.hard{border-color:#c2453273}.constraint-item.soft{border-color:#d87a2f59}.constraint-item.rule{border-style:dashed}.bottleneck-item.hard{border-color:#c2453273}.bottleneck-item.soft{border-color:#d87a2f59}.vulnerability-callout{margin-top:10px;padding:10px 12px;border-left:3px solid var(--amber);background:#d87a2f14;border-radius:0 8px 8px 0}.vulnerability-callout.secondary{border-left-color:var(--gold);background:#d87a2f0a}.bottleneck-item strong{display:block;margin:4px 0;font-size:13px}.inspector-backdrop{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:flex;justify-content:flex-end}.scene-inspector{width:min(520px,100vw);height:100%;overflow:auto;background:linear-gradient(180deg,#171b20,#0e1114);border-left:1px solid #3a3228;padding:22px;box-shadow:-20px 0 60px #00000059}.scene-inspector__head{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.scene-inspector__head h3{margin:4px 0;font-family:Fraunces,serif}.inspector-section{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #2a3138}.inspector-section h4{margin:0 0 10px;font-family:Fraunces,serif;font-size:15px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.evidence-grid div{padding:10px;border-radius:10px;background:#101418;border:1px solid #2a3138}.evidence-grid dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8b8070;margin-bottom:4px}.evidence-grid dd{margin:0;font-size:14px}.resource-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.resource-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--amber);margin-bottom:6px}.resource-columns ul{margin:0;padding-left:16px;font-size:13px;color:#d9cbb3}.reason-stack{display:grid;gap:8px}.reason-card{padding:12px;border-radius:12px;background:#101418;border:1px solid #2a3138;border-left:3px solid var(--gold)}.reason-card p{margin:8px 0 0;font-size:14px}.scenario-picker{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.scenario-chip{font-family:IBM Plex Sans,sans-serif;font-size:12.5px;padding:7px 13px;border-radius:999px;border:1px solid #4a4034;background:#171b20;color:#d9cbb3;cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .15s ease}.scenario-chip:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.scenario-chip.active{background:var(--amber);border-color:var(--amber);color:#1a1008;font-weight:600}.empty-state{border-style:dashed;opacity:.9}.loading-panel{display:flex;align-items:center;gap:14px;justify-content:center;padding:40px}.loading-spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid #3a3228;border-top-color:var(--amber);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button.primary,button.ghost,button.danger,.scenario-chip,.nav button{transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease,color .12s ease}button.primary:not(:disabled):hover,button.danger:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000040}button.ghost:not(:disabled):hover{color:var(--amber)}button:focus-visible,.scenario-chip:focus-visible,.nav button:focus-visible,.scene-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.panel,.hero-card,.rail-card,.timeline-day,.option,.metric-card{animation:rise .25s ease both}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.metrics-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.control-grid{grid-template-columns:1fr}.control-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.masthead,main{padding-left:16px;padding-right:16px}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.wordmark{font-size:28px}.production-overview{grid-template-columns:1fr}.metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.control-rail{grid-template-columns:1fr}.timeline-scroll{max-height:none}.resource-columns,.evidence-grid{grid-template-columns:1fr}}