.menu-bar{display:inline-flex;align-items:center;gap:2px}.menu{position:relative}.menu-trigger{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:none;border-radius:3px;color:var(--text);font-size:12px;cursor:pointer}.menu-trigger--open,.menu-trigger:hover:not(:disabled){background:var(--panel-2)}.menu-popover{position:fixed;background:var(--panel);border:1px solid var(--border);border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.5);padding:4px;z-index:200;display:flex;flex-direction:column;gap:1px}.menu-popover-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:3px;padding:6px 10px;font-size:12px;color:var(--text);cursor:pointer}.menu-popover-item:hover:not(:disabled){background:var(--panel-2)}.menu-popover-item:disabled{opacity:.4;cursor:default}.menu-popover-item svg{flex-shrink:0;color:var(--text-dim)}.menu-popover-item:hover:not(:disabled) svg{color:var(--text)}.menu-popover-item .menu-shortcut{margin-left:auto;padding-left:18px;color:var(--text-dim);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.2px}.menu-separator{height:1px;margin:4px 6px;background:var(--border)}.scrub{position:relative;display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 12px;background:rgba(14,14,18,.65);border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:ew-resize;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(0,0,0,.25);transition:border-color 80ms ease,background 80ms ease}.scrub:hover{border-color:rgba(255,255,255,.1);background:rgba(18,18,22,.7)}.scrub.disabled{cursor:not-allowed;opacity:.45}.scrub.disabled:hover{border-color:rgba(255,255,255,.06);background:rgba(14,14,18,.65)}.scrub:focus-visible{outline:none;border-color:var(--accent-2)}.scrub.scrubbing{border-color:var(--accent-2);cursor:none}.scrub.editing{cursor:text}.scrub-fill{position:absolute;inset:0 auto 0 0;background:rgba(150,170,215,.14);border-right:1px solid rgba(0,0,0,.3);pointer-events:none;transition:width 40ms linear;box-shadow:inset 0 2px 3px -2px rgba(0,0,0,.45),inset -2px 0 3px -2px rgba(0,0,0,.35)}.scrub.scrubbing .scrub-fill{transition:none}.brush-size-scrub{min-height:28px;gap:7px}.scrub-icon,.scrub-label{position:relative;color:var(--text-dim);z-index:1;pointer-events:none}.scrub-icon{display:inline-flex;align-items:center}.scrub-value{position:relative;color:#a8a8af;font-size:11px;z-index:1;pointer-events:none}.scrub-input{position:absolute;inset:0;width:100%;height:100%;background:rgba(14,14,18,.95);border:none;outline:none;padding:0 12px;color:var(--text);font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;border-radius:10px}:root{--bg:#0a0908;--bg-2:#131110;--bg-3:#1c1916;--line:#2a2622;--line-hi:#3d3833;--ink:#f4ede1;--ink-2:#c9beac;--ink-3:#8a8073;--ink-4:#5a5249;--acc:#ff6a1a;--acc-2:#ff9248;--acc-deep:#b03d00;--steel:#6fb0d6;--steel-2:#a9d0e6;--grit:0.55}[data-accent=cobalt]{--acc:#4aa3ff;--acc-2:#82c0ff;--acc-deep:#1f5da8;--steel:#ff9248;--steel-2:#ffb98a}[data-accent=acid]{--acc:#c8ff3a;--acc-2:#e1ff7a;--acc-deep:#6f9c00;--steel:#6fb0d6;--steel-2:#a9d0e6}[data-accent=bone]{--acc:#f4ede1;--acc-2:#ffffff;--acc-deep:#8a8073;--steel:#ff6a1a;--steel-2:#ff9248}[data-grit=none]{--grit:0}[data-grit=light]{--grit:0.25}[data-grit=medium]{--grit:0.55}[data-grit=heavy]{--grit:0.9}[data-density=compact]{--pad-y:64px;--pad-y-lg:96px}[data-density=regular]{--pad-y:96px;--pad-y-lg:140px}[data-density=spacious]{--pad-y:140px;--pad-y-lg:200px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.display{font-family:Bebas Neue,Oswald,Impact,sans-serif;letter-spacing:.01em;line-height:.92}.display,.heavy{text-transform:uppercase}.heavy{font-family:Oswald,Impact,sans-serif;font-weight:700;letter-spacing:.005em;line-height:1}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"ss01"}.eyebrow{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}.eyebrow .dim{color:var(--ink-3)}.eyebrow .bar{display:inline-block;width:28px;height:1px;background:var(--acc);vertical-align:middle;margin-right:10px}.shell{max-width:1320px;margin:0 auto;padding:0 40px}@media (max-width:640px){.shell{padding:0 24px}}.mock{position:absolute;inset:0;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;color:var(--ink-2)}.mock-sky{background:linear-gradient(180deg,#0a1830,#1a2a4a 30%,#6a3a1a 70%,#2a0e08);overflow:hidden}.mock-sky .sky-canvas{position:absolute;inset:0 0 50px 0}.mock-sky .sky-canvas-photo{background-image:url(/imake/sky-preview.jpg);background-size:cover;background-position:50%;box-shadow:inset 0 0 0 9999px rgba(0,0,0,.08)}.mock-sky .sky-sun{position:absolute;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#fff 0,var(--acc) 30%,transparent 70%);right:25%;top:35%;filter:blur(2px);box-shadow:0 0 40px var(--acc)}.mock-sky .sky-cloud{position:absolute;background:rgba(255,200,150,.18);border-radius:50%;filter:blur(8px)}.mock-sky .sky-cloud.c1{width:80px;height:30px;top:30%;left:15%}.mock-sky .sky-cloud.c2{width:100px;height:26px;top:50%;right:10%;background:rgba(255,255,255,.12)}.mock-sky .sky-cloud.c3{width:60px;height:22px;top:65%;left:35%;background:rgba(255,200,150,.25)}.mock-sky .sky-horizon{position:absolute;left:0;right:0;bottom:50px;height:1px;background:linear-gradient(90deg,transparent,var(--acc),transparent);opacity:.6}.mock-sky .sky-strip{position:absolute;left:16px;right:16px;bottom:16px;height:18px;background:linear-gradient(90deg,#0a1830,#2a4a7a 25%,#ff9248 60%,#ff6a1a 75%,#2a0e08);border:1px solid var(--line-hi)}.mock-sky .sky-stop{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--ink);transform:translateX(-50%)}.mock-sky .sky-strip-bar{position:absolute;left:50%;top:-5px;bottom:-5px;width:2px;background:var(--acc);box-shadow:0 0 6px var(--acc)}.mock-sky .sky-hud{position:absolute;top:12px;left:14px;right:14px;display:flex;align-items:center;gap:10px;font-size:9px;color:var(--ink-2)}.mock-sky .sky-hud .sep{width:12px;height:1px;background:var(--ink-4)}.mock-sky .sky-hud .hl{color:var(--acc);margin-left:auto}.mock-mesh{background:radial-gradient(ellipse at center,#1a1410 0,#0a0806 100%);overflow:hidden}.mock-mesh .mesh-stage{position:absolute;inset:0 0 36px 0;display:grid;place-items:center;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:20px 20px}.mock-mesh .mesh-svg{width:80%;height:90%}.mock-mesh .mesh-axes{position:absolute;top:12px;left:14px;display:flex;gap:6px;font-family:Oswald,sans-serif;font-weight:700;font-size:10px}.mock-mesh .ax{padding:2px 5px;border:1px solid var(--line-hi);color:var(--ink-3)}.mock-mesh .ax.x{color:var(--acc);border-color:var(--acc)}.mock-mesh .mesh-tools{position:absolute;bottom:0;left:0;right:0;height:36px;display:flex;align-items:center;gap:6px;padding:0 14px;border-top:1px solid var(--line);background:var(--bg-2)}.mock-mesh .mesh-tool{width:22px;height:22px;border:1px solid var(--line-hi);display:grid;place-items:center}.mock-mesh .mesh-tool.active{border-color:var(--acc);background:rgba(255,106,26,.12)}.mock-mesh .mesh-tool.active .dot{width:8px;height:8px;background:var(--acc);border-radius:50%;box-shadow:0 0 6px var(--acc)}.mock-mesh .mesh-tool.last{margin-left:auto;width:auto;padding:0 8px;font-family:Oswald,sans-serif;font-weight:700;font-size:11px;color:var(--acc);display:flex;align-items:baseline;gap:4px}.mock-mesh .mesh-tool.last span{font-size:8px;color:var(--ink-3)}.mock-surface{background:#0c0a08}.mock-surface .surf-grid{position:absolute;inset:12px 12px 36px 12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.mock-surface .surf-tile{position:relative;border:1px solid var(--line-hi);overflow:hidden}.mock-surface .surf-tile .lbl{position:absolute;bottom:4px;left:6px;font-size:8px;color:var(--ink);letter-spacing:.16em;background:rgba(0,0,0,.6);padding:2px 4px}.mock-surface .t1{background:radial-gradient(circle at 30% 40%,var(--acc-2) 0,var(--acc) 25%,var(--acc-deep) 60%,#2a0e08 100%)}.mock-surface .t1:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><filter id='n'><feTurbulence baseFrequency='0.7' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/></svg>");mix-blend-mode:overlay}.mock-surface .t2{background:linear-gradient(135deg,#7a9aff,#4a6aaa 50%,#8a5aff)}.mock-surface .t2:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(0,0,0,.15) 6px 7px),repeating-linear-gradient(-45deg,transparent 0 6px,rgba(255,255,255,.08) 6px 7px)}.mock-surface .t3{background:radial-gradient(circle at 40% 50%,#888 0,#555 40%,#222 80%)}.mock-surface .t3:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><filter id='n'><feTurbulence baseFrequency='1.2' numOctaves='3'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");mix-blend-mode:overlay}.mock-surface .t4{background:linear-gradient(180deg,#fafafa,#888 50%,#2a2a2a)}.mock-surface .t4:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(0,0,0,.1) 3px 4px)}.mock-surface .surf-foot{position:absolute;bottom:0;left:0;right:0;height:30px;display:flex;align-items:center;gap:8px;padding:0 14px;border-top:1px solid var(--line);background:var(--bg-2);font-size:9px}.mock-surface .surf-foot b{color:var(--ink);font-weight:600}.mock-surface .surf-foot .dim{color:var(--ink-4)}.mock-surface .surf-foot .sep{width:1px;height:10px;background:var(--line-hi)}.mock-surface .surf-foot .ok{color:var(--acc);margin-left:auto}.mock-weap{background:#0a0806;display:flex;flex-direction:column;padding:14px 16px 0}.mock-weap .weap-stack{flex:1 1;display:flex;flex-direction:column;gap:8px;padding-bottom:12px}.mock-weap .weap-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;height:38px}.mock-weap .weap-row .lbl{font-size:9px;color:var(--ink-3);letter-spacing:.14em}.mock-weap .weap-wave{height:100%;display:flex;align-items:center;gap:1.5px;background:linear-gradient(180deg,transparent 49.5%,var(--line) 50%,transparent 50.5%)}.mock-weap .weap-wave .bar{flex:1 1;background:var(--acc);min-height:6%;opacity:.85}.mock-weap .weap-row:first-child .bar{background:var(--acc)}.mock-weap .weap-row:nth-child(2) .bar{background:var(--acc-2);opacity:.7}.mock-weap .weap-row:nth-child(3) .bar{background:var(--steel);opacity:.6}.mock-weap .weap-row:nth-child(4) .bar{background:var(--ink-3);opacity:.5}.mock-weap .weap-hud{height:32px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin:0 -16px;padding:0 16px;font-size:9px}.mock-weap .weap-hud .sep{width:1px;height:10px;background:var(--line-hi)}.mock-weap .weap-hud .hl{color:var(--acc);margin-left:auto}.mock-clip{background:#0a0806}.mock-clip .clip-stage{position:absolute;inset:12px 12px 36px 12px;background:repeating-linear-gradient(90deg,transparent 0 49px,rgba(255,255,255,.04) 49px 50px),#050403;border:1px solid var(--line);overflow:hidden}.mock-clip .clip-wave{position:absolute;left:0;right:0;top:0;height:50%;display:flex;align-items:flex-end;padding:4px;gap:1px}.mock-clip .clip-wave.bot{top:auto;bottom:0;align-items:flex-start;transform:scaleY(-1)}.mock-clip .clip-wave .bar{flex:1 1;background:var(--steel);min-height:2px;opacity:.9}.mock-clip .clip-region{position:absolute;top:0;bottom:0;background:rgba(255,106,26,.1);border-left:1px solid var(--acc);border-right:1px solid var(--acc)}.mock-clip .clip-marker{position:absolute;top:0;bottom:0;width:0;border-right:1px dashed var(--acc)}.mock-clip .clip-marker span{position:absolute;top:4px;font-family:Oswald,sans-serif;font-weight:700;font-size:8px;color:var(--acc);background:rgba(0,0,0,.6);padding:1px 4px;letter-spacing:.14em}.mock-clip .clip-marker.a span{left:2px}.mock-clip .clip-marker.b span{right:2px}.mock-clip .clip-play{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--ink);box-shadow:0 0 4px var(--ink)}.mock-clip .clip-foot{position:absolute;bottom:0;left:0;right:0;height:30px;display:flex;align-items:center;gap:10px;padding:0 14px;border-top:1px solid var(--line);background:var(--bg-2);font-size:9px}.mock-clip .clip-foot .sep{width:1px;height:10px;background:var(--line-hi)}.mock-clip .clip-foot .hl{color:var(--acc);margin-left:auto}.mock-comp{background:#0a0806}.mock-comp .comp-grid{position:absolute;inset:12px 12px 36px 12px;background:#050403;border:1px solid var(--line);overflow:hidden}.mock-comp .comp-row{display:flex;height:12.5%;border-bottom:1px solid rgba(255,255,255,.03)}.mock-comp .comp-row:nth-child(odd){background:rgba(255,255,255,.015)}.mock-comp .comp-row .cell{flex:1 1;border-right:1px solid rgba(255,255,255,.03)}.mock-comp .comp-row .cell:nth-child(4n){border-right-color:rgba(255,255,255,.07)}.mock-comp .comp-note{position:absolute;height:calc(12.5% - 2px);background:linear-gradient(90deg,var(--acc),var(--acc-2));border:1px solid rgba(255,255,255,.3);box-shadow:0 0 6px rgba(255,106,26,.4);margin-top:1px}.mock-comp .comp-cursor{position:absolute;top:0;bottom:0;width:1px;background:var(--ink);box-shadow:0 0 4px var(--ink)}.mock-comp .comp-foot{position:absolute;bottom:0;left:0;right:0;height:30px;display:flex;align-items:center;gap:10px;padding:0 14px;border-top:1px solid var(--line);background:var(--bg-2);font-size:9px}.mock-comp .comp-foot .sep{width:1px;height:10px;background:var(--line-hi)}.mock-comp .comp-foot .hl{color:var(--acc);margin-left:auto}