:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#101a22;--ink-deep:#091219;--ink-raised:#172630;--paper:#fff5d6;--paper-dim:#e5dcc0;--muted:#b9c7c0;--brass:#f4b942;--brass-dark:#a25c05;--coral:#ef6a5b;--mint:#62d2a2;--line:#40535a;--shadow:#04090d;--font-display:Georgia, "Times New Roman", serif;--font-body:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--font-body);background:var(--ink);color:var(--paper);font-synthesis:none;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);min-width:320px;margin:0;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}.skip-link{z-index:100;background:var(--paper);color:var(--ink);padding:10px 14px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.site-header{z-index:5;height:72px;padding:max(12px, env(safe-area-inset-top)) clamp(20px, 5vw, 72px) 12px;background:color-mix(in srgb, var(--ink) 94%, transparent);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:relative}.site-header nav,footer nav{align-items:center;gap:20px;display:flex}.site-header nav a,.site-header nav button,footer a,footer button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;text-decoration:none;display:inline-flex}.site-header nav a:hover,.site-header nav button:hover,footer a:hover,footer button:hover{color:var(--paper)}.brand{min-height:44px;font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:12px;font-weight:700;text-decoration:none;display:flex}.brand-mark{grid-template-rows:repeat(3,8px);grid-template-columns:repeat(3,8px);gap:2px;width:30px;height:30px;display:inline-grid;transform:rotate(45deg)}.brand-mark i{background:var(--brass);display:block}.brand-mark i:first-child{grid-area:1/2}.brand-mark i:nth-child(2){background:var(--coral);grid-area:2/2}.brand-mark i:nth-child(3){grid-area:2/3}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(300px,.82fr) minmax(500px,1.4fr);align-items:stretch;min-height:660px;display:grid;overflow:hidden}.hero-copy{z-index:2;align-self:center;margin-right:-120px;padding:72px 0 80px max(24px,7vw);position:relative}.eyebrow,.route-code,.step-label{color:var(--brass);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.79rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{max-width:720px;font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 4px 0 var(--shadow);margin-bottom:24px;font-size:clamp(3rem,6.2vw,5.9rem);line-height:.9}h1 em{color:var(--brass);white-space:nowrap;font-style:italic;font-weight:400}.lede{max-width:570px;color:var(--paper-dim);margin-bottom:28px;font-size:clamp(1.04rem,1.6vw,1.28rem);line-height:1.55}.hero-art{clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 18%);background:var(--ink-deep);min-height:580px;margin:0;position:relative}.hero-art:after{content:"";background:linear-gradient(90deg, var(--ink) 0%, transparent 34%);pointer-events:none;position:absolute;inset:0}.hero-art img{object-fit:cover;object-position:58% center;width:100%;height:100%}.hero-art figcaption{z-index:2;background:var(--paper);color:var(--ink);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;font-size:.72rem;position:absolute;bottom:20px;right:24px}.ticket-button{min-height:52px;box-shadow:0 4px 0 var(--brass-dark);background:var(--brass);color:var(--ink-deep);cursor:pointer;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);border:0;border-radius:3px;justify-content:center;align-items:center;gap:26px;padding:12px 20px;font-weight:850;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.ticket-button:hover{filter:brightness(1.08)}.ticket-button:active{box-shadow:0 1px 0 var(--brass-dark);transform:translateY(3px)}.trust-list{color:var(--muted);flex-wrap:wrap;gap:12px 22px;margin:30px 0 0;padding:0;font-size:.89rem;list-style:none;display:flex}.trust-list span{color:var(--mint);margin-right:5px}.packer-section{background-color:var(--ink);background-image:linear-gradient(#fff5d606 1px,#0000 1px),linear-gradient(90deg,#fff5d606 1px,#0000 1px);background-size:24px 24px;padding:72px max(20px,5vw) 52px}.section-heading{grid-template-columns:100px 1fr auto;align-items:start;max-width:1400px;margin:0 auto 28px;display:grid}.section-heading h2,.proof-band h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.025em;margin-bottom:4px;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.section-heading p:not(.route-code),.proof-band>p{color:var(--muted)}.offline-badge{border:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:8px 11px;font-size:.82rem;display:inline-flex}.offline-badge i{background:var(--mint);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #62d2a21f}.offline-badge.offline i{background:var(--brass)}.route-rail{counter-reset:route;grid-template-columns:repeat(4,1fr);max-width:1400px;margin:0 auto 28px;padding:0;list-style:none;display:grid}.route-rail li{color:#879891;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:.76rem;display:flex;position:relative}.route-rail li:after{content:"";z-index:0;background:var(--line);height:2px;position:absolute;top:15px;left:34px;right:0}.route-rail li:last-child:after{display:none}.route-rail span{z-index:1;border:2px solid var(--line);background:var(--ink);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:relative}.route-rail b{z-index:1;background:var(--ink);padding-right:10px;position:relative}.route-rail li.active{color:var(--paper)}.route-rail li.active span{border-color:var(--brass);color:var(--brass)}.route-rail li.complete span{border-color:var(--mint);background:var(--mint);color:var(--ink)}.route-rail li.complete:after{background:var(--mint)}.desk-grid{border:1px solid var(--line);max-width:1400px;min-height:700px;box-shadow:12px 12px 0 var(--ink-deep);grid-template-columns:minmax(270px,340px) minmax(0,1fr);margin:0 auto;display:grid}.controls{border-right:1px solid var(--line);background:var(--ink-raised)}.control-section{border-bottom:1px solid var(--line);padding:24px}.control-section h3,.preview-panel h3,.export-bay h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.035em;margin-bottom:18px;font-size:1.32rem}.control-section label{color:var(--paper-dim);gap:7px;margin:16px 0;font-size:.92rem;font-weight:650;display:grid}.settings-section[data-disabled]{pointer-events:none;border-left:3px solid var(--line)}.drop-zone{background:var(--ink);text-align:center;cursor:pointer;border:2px dashed #6c817e;align-content:center;place-items:center;min-height:178px;padding:24px 14px;transition:border-color .16s,background .16s;gap:8px!important;margin:0!important}.drop-zone:hover,.drop-zone.dragging{border-color:var(--brass);background:#15242c}.drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.drop-zone strong{color:var(--paper);font-size:1rem}.drop-zone small{max-width:230px;color:var(--muted);font-weight:400}.drop-icon{border:1px solid var(--brass);width:44px;height:44px;color:var(--brass);border-radius:50%;place-items:center;font-size:1.8rem;font-weight:300;display:grid}.source-summary{border-left:3px solid var(--mint);background:var(--ink);font-family:var(--font-mono);color:var(--muted);margin-top:12px;padding:10px 12px;font-size:.77rem}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}input,select,textarea{background:var(--ink);width:100%;min-height:44px;color:var(--paper);border:1px solid #61716f;border-radius:2px;padding:9px 11px}input[type=range]{min-height:32px;accent-color:var(--brass);border:0;padding:0}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--brass);padding:0}.check-row{align-items:center;min-height:44px;grid-template-columns:22px 1fr!important;gap:10px!important}.value-out{float:right;color:var(--brass);font-family:var(--font-mono)}.field-help,.transform-note{color:var(--muted);margin:10px 0 0;font-size:.8rem;line-height:1.5}.transform-note{border-left:2px solid var(--brass);background:var(--ink);padding:10px}.secondary-button,.resume-button{border:1px solid var(--brass);min-height:44px;color:var(--brass);cursor:pointer;background:0 0;padding:8px 14px;font-weight:750}.secondary-button:hover,.resume-button:hover{background:var(--brass);color:var(--ink)}.resume-button{border-color:var(--mint);width:100%;color:var(--mint);margin-top:12px}.preview-panel{background:var(--ink-deep);flex-direction:column;min-width:0;display:flex}.preview-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:16px 22px;display:flex}.preview-toolbar h3{margin:0}.zoom-control{color:var(--muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.zoom-control input{width:120px}.zoom-control output{min-width:30px;color:var(--paper);font-family:var(--font-mono)}.canvas-stage{background-color:#c6c9bd;background-image:linear-gradient(45deg,#9da6a2 25%,#0000 25%),linear-gradient(-45deg,#9da6a2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#9da6a2 75%),linear-gradient(-45deg,#0000 75%,#9da6a2 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;flex:1;place-items:center;min-height:440px;padding:30px;display:grid;position:relative;overflow:auto}.canvas-stage.empty{background:var(--ink-deep)}#preview-canvas{image-rendering:pixelated;image-rendering:crisp-edges;max-width:none;box-shadow:0 0 0 1px #101a22b3,0 12px 28px #0000005c}.empty-state{text-align:center;max-width:350px;color:var(--muted)}.empty-state strong{color:var(--paper);font-family:var(--font-display);text-transform:uppercase;margin:18px 0 6px;font-size:1.25rem;display:block}.empty-sprite{opacity:.72;grid-template:repeat(5,12px)/repeat(5,12px);gap:2px;width:76px;height:76px;margin:0 auto;display:grid}.empty-sprite i{background:var(--brass)}.empty-sprite i:first-child{grid-area:1/3}.empty-sprite i:nth-child(2){grid-area:2/2}.empty-sprite i:nth-child(3){grid-area:2/4}.empty-sprite i:nth-child(4){background:var(--coral);grid-area:3/3}.empty-sprite i:nth-child(5){grid-area:4/2/5/5}.transport{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink-raised);align-items:center;gap:8px;min-height:68px;padding:10px 18px;display:flex}.transport button{border:1px solid var(--line);background:var(--ink);cursor:pointer;min-width:48px;min-height:44px}.transport button:hover{border-color:var(--brass);color:var(--brass)}.transport p{font-family:var(--font-mono);flex:1;margin:0 8px;font-size:.76rem;display:grid}.transport p span{color:var(--muted)}.transport label{color:var(--muted);align-items:center;gap:7px;font-size:.76rem;display:flex}.transport input{width:86px}.frame-strip{background:var(--ink);gap:8px;padding:10px 18px;display:flex;overflow-x:auto}.frame-strip:empty{display:none}.frame-thumb{border:2px solid var(--line);cursor:pointer;background:#89928f;flex:none;place-items:center;width:58px;height:58px;padding:3px;display:grid}.frame-thumb.active{border-color:var(--brass)}.frame-thumb canvas{max-width:48px;max-height:48px;image-rendering:pixelated}.export-bay{background:var(--paper);min-height:112px;color:var(--ink);grid-template-columns:1fr 150px auto;align-items:center;gap:18px;padding:18px 22px;display:grid}.export-bay h3{margin:0 0 2px}.export-bay p:not(.step-label){color:#425052;margin:0;font-size:.84rem}.export-bay label{font-size:.78rem;font-weight:750}.export-bay input{color:var(--ink);background:#fff;border-color:#586a6c;margin-top:4px}.status-line{border-left:3px solid var(--line);max-width:1400px;min-height:40px;color:var(--muted);font-family:var(--font-mono);margin:12px auto 0;padding:8px 12px;font-size:.78rem}.status-line.error{border-color:var(--coral);color:#ffb0a8}.status-line.success{border-color:var(--mint);color:var(--mint)}.proof-band{background:var(--paper);color:var(--ink);grid-template-columns:110px minmax(280px,1fr) minmax(280px,520px) auto;align-items:center;gap:24px;padding:60px max(24px,7vw);display:grid}.proof-band h2{margin:0}.proof-band>p{color:#405255;margin:0}.proof-band .secondary-button{color:var(--ink);border-color:var(--ink)}.proof-band .secondary-button:hover{background:var(--ink);color:var(--paper)}footer{min-height:132px;padding:32px max(24px,7vw) max(32px,env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr 1.4fr auto;align-items:center;gap:24px;font-size:.82rem;display:grid}footer>div{color:var(--paper);align-items:center;gap:12px;display:flex}footer .brand-mark{transform:rotate(45deg)scale(.75)}dialog{border:1px solid var(--brass);background:var(--ink-raised);width:min(560px,100% - 32px);max-height:calc(100vh - 32px);color:var(--paper);padding:32px;overflow:auto;box-shadow:14px 14px #0000008c}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03080cc2}dialog h2{font-family:var(--font-display);text-transform:uppercase;font-size:2.3rem;line-height:1}dialog li{margin:8px 0}.dialog-close{cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:1.6rem;position:absolute;top:10px;right:12px}dialog hr{border:0;border-top:1px solid var(--line);margin:28px 0}.license-row{grid-template-columns:1fr auto;gap:8px;margin-top:8px;display:grid}.license-status{min-height:24px;color:var(--mint);margin-top:12px}.legal-small{color:var(--muted);margin-bottom:0;font-size:.76rem}.toast{z-index:90;border:1px solid var(--brass);background:var(--paper);color:var(--ink);padding:12px 16px;position:fixed;bottom:18px;right:18px;box-shadow:6px 6px #0006}.toast button{cursor:pointer;background:0 0;border:0;min-height:44px;text-decoration:underline}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{margin:0;padding:58px 24px 42px}.hero-art{clip-path:polygon(0 12%,12% 0,100% 0,100% 100%,0 100%);min-height:380px}.hero-art:after{background:linear-gradient(180deg,var(--ink) 0%,transparent 32%)}.desk-grid{grid-template-columns:280px minmax(0,1fr)}.proof-band,footer{grid-template-columns:1fr}}@media (max-width:760px){.site-header{height:64px;padding-inline:16px}.brand>span:last-child{font-size:.9rem}.site-header nav{gap:8px}.site-header nav>a{display:none}.hero{min-height:auto}.hero-copy{padding-top:48px}h1{font-size:clamp(2.65rem,14vw,4rem)}h1 em{white-space:normal}.hero-art{min-height:310px}.hero-art img{object-position:64% center}.packer-section{padding:52px 12px 40px}.section-heading{grid-template-columns:1fr auto;gap:12px}.section-heading .route-code{grid-column:1/-1}.section-heading p:not(.route-code){font-size:.9rem}.route-rail b{display:none}.route-rail li{gap:0}.route-rail li:after{left:30px}.desk-grid{box-shadow:6px 6px 0 var(--ink-deep);flex-direction:column;display:flex}.controls{display:contents}.controls .control-section{background:var(--ink-raised)}.controls .control-section:first-child{order:1}.preview-panel{order:2}.controls .control-section:nth-child(2),.controls .control-section:nth-child(3){order:3}.preview-panel{display:contents}.preview-toolbar{background:var(--ink-deep);order:2}.canvas-stage{order:2;min-height:340px;max-height:70vh}.transport,.frame-strip{order:2}.export-bay{order:4}.zoom-control{display:none}.export-bay{grid-template-columns:1fr;padding:20px}.export-bay .ticket-button{width:100%}.transport{flex-wrap:wrap}.transport p{min-width:120px}.transport label{justify-content:flex-end;width:100%}.control-section{padding:20px}footer nav{flex-wrap:wrap}.proof-band{padding:48px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}