:root{--ink: #24150f;--muted: #6f5f4c;--paper: rgba(235, 215, 177, .88);--paper-strong: #e9d6ad;--line: rgba(53, 31, 18, .24);--accent: #b6291d;--accent-deep: #6f130d;--accent-soft: rgba(182, 41, 29, .12);--olive: #5c4f1b;--sun: #d18c1d;--success: #4e5f24;--warn: #8c4d09;--danger: #7d1712;--shadow: 0 26px 60px rgba(41, 18, 8, .2)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:Chakra Petch,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(209,140,29,.22),transparent 18%),radial-gradient(circle at 88% 86%,rgba(92,79,27,.18),transparent 20%),linear-gradient(145deg,#7d1712,#9d2016 8%,#d3b37c 8% 100%);background-attachment:fixed}button,input,textarea,select{font:inherit}button{border:0}.shell{position:relative;display:grid;grid-template-columns:380px 1fr;gap:24px;min-height:100vh;padding:24px}.sidebar,.workspace-stack{display:flex;flex-direction:column;gap:16px}.main{min-width:0}.brand h1,.hero h2,.run-header h2{margin:0;line-height:1;font-family:Teko,sans-serif;letter-spacing:.03em}.brand h1{font-size:78px;text-transform:uppercase}.eyebrow,.meta-label,.mono,.run-meta,.status-badge,.stage-status{font-family:IBM Plex Mono,monospace}.eyebrow,.meta-label{margin:0 0 8px;color:#24150fc7;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.subtitle,.panel p,.run-meta,.empty-state,.hero p{color:var(--muted)}.panel,.hero,.loading-card{background:var(--paper);border:1px solid rgba(110,51,19,.28);border-radius:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.panel:before,.hero:before,.loading-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(109,55,20,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(109,55,20,.05) 1px,transparent 1px);background-size:100% 28px,28px 100%;pointer-events:none;mix-blend-mode:multiply}.panel{padding:20px}.hero{min-height:260px;display:grid;align-content:center;padding:42px}.poster-brand-image-wrap{margin-top:18px;width:min(100%,280px)}.poster-brand-image{display:block;width:100%;height:auto;aspect-ratio:5 / 6;object-fit:cover;border:1px solid rgba(110,51,19,.3);box-shadow:10px 10px #6f130d24}.hero-side-image{position:absolute;right:20px;top:20px;width:min(28vw,220px);height:auto;aspect-ratio:3 / 4;object-fit:cover;opacity:.94;border:1px solid rgba(110,51,19,.3);box-shadow:10px 10px #5c4f1b2e}.workspace-corner-image{position:absolute;top:16px;right:18px;width:min(26vw,190px);height:auto;aspect-ratio:1 / 1;object-fit:cover;opacity:.9;border:1px solid rgba(110,51,19,.26)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{margin:0;font-size:18px}.field{display:grid;gap:8px;margin-bottom:14px}.field span{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.field input,.field textarea,.field select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:#fff7e7e0;box-shadow:inset 0 1px #ffffff73}.field textarea{resize:vertical}.button{cursor:pointer;border-radius:0;padding:12px 16px;transition:transform .14s ease,opacity .14s ease,background .14s ease;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.7}.button-primary{color:#fff;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:inset 0 -3px #00000038}.button-secondary{color:var(--ink);background:#4934121a}.runs-list{display:grid;gap:10px}.run-card{width:100%;padding:14px;text-align:left;border:1px solid var(--line);border-radius:0;background:#fff4dcb8;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease;position:relative}.run-card:hover,.run-card.active{transform:translateY(-1px) rotate(-.25deg);border-color:#b6291d80;background:#f9edcdf5}.run-card:after{content:"";position:absolute;top:10px;right:10px;width:12px;height:12px;background:var(--accent);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.run-card h3{margin:0 0 8px;font-size:16px}.run-card p{margin:0;font-size:13px}.run-header{display:flex;gap:16px;justify-content:space-between;align-items:start}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding-top:4px;padding-right:min(28vw,220px)}.tab-button{padding:10px 14px;border-radius:0;border:1px solid var(--line);background:#fff6e0bd;color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.tab-button.active{color:#fff0df;border-color:var(--accent-deep);background:var(--accent-deep)}.stage-head{display:flex;gap:16px;justify-content:space-between;align-items:start;margin-bottom:16px}.stage-head h3,.stage-head p{margin:0}.status-badge,.stage-status{padding:8px 12px;border-radius:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:#49341214}.status-completed{color:var(--success);background:#2666491f}.status-running{color:var(--warn);background:#8b4d0b1f}.status-failed{color:var(--danger);background:#8a25301f}.json-view{margin:0;padding:18px;overflow:auto;border-radius:0;border:1px solid rgba(209,140,29,.18);background:linear-gradient(180deg,#53110bf5,#330a07f5);color:#f1d8a8;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap}.stage-error{margin:0 0 16px;padding:12px 14px;border-radius:16px;color:var(--danger);background:#8a253014}.toast{position:fixed;right:20px;bottom:20px;max-width:360px;padding:14px 16px;border-radius:0;color:#fff0df;background:#53110bf5;box-shadow:var(--shadow)}.loading-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.loading-card{padding:18px 22px}.poster-brand{padding-bottom:28px}.quote-attribution{text-align:right}.brand-kicker,.hero-kicker{margin:0 0 8px;color:var(--accent);font-family:Teko,sans-serif;font-size:24px;letter-spacing:.08em;text-transform:uppercase}.brand-kicker{position:relative;min-height:1.1em}.brand-kicker-default,.brand-kicker-hover{display:block;transition:opacity .18s ease,transform .18s ease}.brand-kicker-hover{position:absolute;inset:0;opacity:0;transform:translateY(4px)}.poster-brand:hover .brand-kicker-default{opacity:0;transform:translateY(-4px)}.poster-brand:hover .brand-kicker-hover{opacity:1;transform:translateY(0)}.brand-seal{position:absolute;top:16px;right:16px;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(111,19,13,.85);color:var(--accent-deep);font-family:IBM Plex Mono,monospace;font-size:12px;background:#fff1d3b8}.poster-hero:after,.workspace-panel:after,.poster-brand:after{content:"";position:absolute;inset:auto 16px 12px auto;width:52px;height:52px;background:radial-gradient(circle,var(--sun) 0 18%,transparent 19%),conic-gradient(from 0deg,var(--sun) 0deg 12deg,transparent 12deg 24deg,var(--sun) 24deg 36deg,transparent 36deg 48deg,var(--sun) 48deg 60deg,transparent 60deg 72deg,var(--sun) 72deg 84deg,transparent 84deg 96deg,var(--sun) 96deg 108deg,transparent 108deg 120deg,var(--sun) 120deg 132deg,transparent 132deg 144deg,var(--sun) 144deg 156deg,transparent 156deg 168deg,var(--sun) 168deg 180deg,transparent 180deg 192deg,var(--sun) 192deg 204deg,transparent 204deg 216deg,var(--sun) 216deg 228deg,transparent 228deg 240deg,var(--sun) 240deg 252deg,transparent 252deg 264deg,var(--sun) 264deg 276deg,transparent 276deg 288deg,var(--sun) 288deg 300deg,transparent 300deg 312deg,var(--sun) 312deg 324deg,transparent 324deg 336deg,var(--sun) 336deg 348deg,transparent 348deg 360deg);opacity:.42;pointer-events:none}.page-ornament{position:fixed;top:0;bottom:0;width:28px;pointer-events:none;opacity:.6;background:repeating-linear-gradient(180deg,#24150fd9 0 10px,#24150f00 10px 18px)}.page-ornament-left{left:10px}.page-ornament-right{right:10px}@media(max-width:1100px){.shell{grid-template-columns:1fr}}@media(max-width:640px){.shell{gap:14px;padding:14px}.brand h1{font-size:56px}.panel,.hero{border-radius:0}.run-header,.stage-head{display:grid}.hero-side-image,.workspace-corner-image{position:static;width:100%;max-width:220px;margin:0 0 18px}.tabs{padding-right:0}}