:root{--ink:#0f1013;--ink-2:#17191e;--ink-3:#1f2228;--line:#2c3038;--cream:#f2ece2;--muted:#a8a399;--red:#df3b2b;--blue:#2d63d8;--chrome:#c8ccd3;--display:"Big Shoulders Display", "Arial Narrow", sans-serif;--body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{overscroll-behavior-x:none;overscroll-behavior-y:none;touch-action:manipulation;background:var(--ink);overflow-x:hidden}body{background:var(--ink);min-height:0;color:var(--cream);font:400 16px/1.5 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}#root{max-width:100vw;overflow-x:clip}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--chrome);outline-offset:2px}h1,h2,h3,p{margin:0}.app{height:100dvh;position:relative;overflow:hidden}.screen-wait{background:var(--ink);place-content:center;display:grid;position:absolute;inset:0}.screen-wait .pole-bar{width:160px}.pole{background:repeating-linear-gradient(-45deg, var(--red) 0 9px, var(--cream) 9px 18px, var(--blue) 18px 27px, var(--cream) 27px 36px);flex:none;height:7px}.pole-bar{background:repeating-linear-gradient(-45deg, var(--red) 0 7px, var(--cream) 7px 14px, var(--blue) 14px 21px, var(--cream) 21px 28px);background-size:40px 40px;border-radius:3px;height:6px;animation:.9s linear infinite pole;display:block}@keyframes pole{to{background-position:40px 0}}@media (prefers-reduced-motion:reduce){.pole-bar{animation:none}}.btn{border:1px solid var(--line);background:var(--ink-2);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:600;display:inline-flex}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.big{min-height:56px;padding:0 22px;font-size:17px}.icon-btn{border:1px solid var(--line);background:var(--ink-2);border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.icon-btn.glass{-webkit-backdrop-filter:blur(8px);background:#0f10138c;border-color:#ffffff2e}.home{padding-bottom:calc(28px + var(--safe-b));position:absolute;inset:0;overflow:hidden auto}.home .pole{z-index:2;margin-top:var(--safe-t);position:sticky;top:0}.hero{padding:40px max(20px, var(--safe-l)) 28px max(20px, var(--safe-r));max-width:980px;margin:0 auto}.wordmark{font:900 clamp(64px, 19vw, 150px)/.86 var(--display);text-transform:uppercase;letter-spacing:.005em}.wordmark span{color:var(--red)}.lede{color:#d9d3c8;max-width:34ch;margin-top:16px;font-size:19px}.cta{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.cta .btn{flex:200px;max-width:280px}.loading{max-width:420px;color:var(--muted);gap:8px;margin-top:18px;font-size:14px;display:grid}.loading.error{color:#ff9b8f}.menu{max-width:980px;padding:0 max(20px, var(--safe-l)) 0 max(20px, var(--safe-r));margin:0 auto}.menu-head{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding-top:22px;display:flex}.menu-head h2{font:800 30px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}.menu-head p{color:var(--muted);font-size:14px}.home-foot{max-width:980px;color:var(--muted);margin:26px auto 0;padding:0 20px;font-size:13px}.glyph{flex:none}.glyph-body{fill:#383b43}.glyph-head{fill:#d9cfc3}.glyph-hair{fill:#2b201a}.glyph-shine{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;opacity:.9}.glyph-dye{fill:#c4532f}.glyph-pen{fill:var(--red)}.camera{background:#000;flex-direction:column;display:flex;position:absolute;inset:0}.cam-stage{contain:paint;flex:1;min-height:0;position:relative;overflow:hidden}.cam-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.oval{aspect-ratio:3/4;border:2px dashed #ffffff8c;border-radius:50%;width:min(62%,46vh);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.cam-top{padding:calc(10px + var(--safe-t)) max(12px, var(--safe-r)) 10px max(12px, var(--safe-l));background:linear-gradient(#0000008c,#0000);align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.cam-status{-webkit-backdrop-filter:blur(8px);background:#0f101399;border:1px solid #ffffff29;border-radius:999px;flex:1;min-width:0;padding:9px 14px;font-size:14px;font-weight:600}.cam-status.ok{border-color:#46aaff99}.cam-bottom{padding:10px 0 calc(14px + var(--safe-b));background:#0b0c0e;flex:none}.cam-actions{grid-template-columns:1fr auto 1fr;align-items:center;padding:2px 20px 0;display:grid}.cam-actions>:first-child{justify-self:start}.cam-spacer{width:44px}.shutter{border:4px solid var(--cream);background:var(--red);border-radius:50%;width:74px;height:74px;padding:0;box-shadow:inset 0 0 0 4px #0b0c0e}.shutter:active{transform:scale(.95)}.tile{border:1px solid var(--line);background:var(--ink-2);border-radius:12px;align-content:start;justify-items:center;gap:6px;min-width:0;padding:4px 4px 8px;display:grid}.tile span{text-align:center;overflow-wrap:anywhere;font-size:12.5px;font-weight:600;line-height:1.2}.tile-img{aspect-ratio:240/305;object-fit:cover;background:#17191e;border-radius:9px;width:100%;height:auto;display:block}.tile-glyph{aspect-ratio:240/305;background:#17191e;border-radius:9px;place-items:center;width:100%;display:grid}.tile.on{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#2a1715}.editor{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:absolute;inset:0}.bar{border-bottom:1px solid var(--line);background:var(--ink);padding:calc(8px + var(--safe-t)) max(12px, var(--safe-r)) 8px max(12px, var(--safe-l));align-items:center;gap:10px;display:flex}.bar-title{min-width:0;font:800 26px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.btn.save{background:var(--cream);min-height:42px;color:var(--ink);border-color:var(--cream);padding:0 14px}.editor-body{overscroll-behavior:contain;overflow:hidden auto}.stage{z-index:3;background:var(--ink);padding:10px max(12px, var(--safe-l)) 6px max(12px, var(--safe-r));border-bottom:1px solid var(--line);position:sticky;top:0}.stage-frame{contain:paint;background:#08090b;border-radius:14px;width:100%;max-width:760px;max-height:52dvh;margin:0 auto;position:relative;overflow:hidden}.stage-frame .photo{object-fit:contain;width:100%;height:100%;display:block}.stage-wait{text-align:center;background:#08090b8c;place-content:center;gap:12px;padding:24px;font-weight:600;display:grid;position:absolute;inset:0}.stage-wait .pole-bar{justify-self:center;width:160px}.stage-wait.error{color:#ffb4aa}.hold{-webkit-backdrop-filter:blur(8px);touch-action:none;-webkit-user-select:none;user-select:none;background:#0f10139e;border:1px solid #ffffff40;border-radius:999px;min-height:40px;padding:0 14px;font-size:14px;font-weight:600;position:absolute;bottom:10px;right:10px}.status{text-align:center;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:13.5px;overflow:hidden}.panel{padding:14px max(14px, var(--safe-l)) calc(28px + var(--safe-b)) max(14px, var(--safe-r));gap:20px;max-width:760px;margin:0 auto;display:grid}.board{gap:14px;display:grid}.board-row{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.menu .board{margin-top:16px}.board-group h3,.panel-sec h3{font:800 19px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--chrome);margin-bottom:9px}.panel-sec{gap:12px;display:grid}.panel-sec h3{margin-bottom:0}.panel-sec h3 small{font:600 14px/1 var(--body);text-transform:none;letter-spacing:0;color:var(--muted);margin-left:8px}.swatches{flex-wrap:wrap;gap:9px;display:flex}.swatch{background:0 0;border:2px solid #0000;border-radius:50%;width:42px;height:42px;padding:3px}.swatch span{border:1px solid #fff3;border-radius:50%;width:100%;height:100%;display:block}.swatch span.own{background-image:linear-gradient(135deg,#0000 45%,#ffffffb3 45% 55%,#0000 55%)!important}.swatch.on{border-color:var(--cream)}.slider{gap:6px;display:grid}.slider-top{justify-content:space-between;font-size:15px;font-weight:600;display:flex}.slider-top b{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}.slider input{width:100%;accent-color:var(--red);height:28px;margin:0}.fineprint{color:var(--muted);font-size:13px}@media (min-width:980px){.editor-body{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);display:grid;overflow:hidden}.stage{border-bottom:0;padding-top:18px;position:static;overflow-y:auto}.stage-frame{max-height:calc(100dvh - 140px)}.panel{border-left:1px solid var(--line);max-width:none;margin:0;padding-top:18px;overflow-y:auto}}.steps{color:#d9d3c8;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;font-weight:600;list-style:none;display:flex}.steps li{align-items:center;gap:8px;display:flex}.steps b{background:var(--cream);width:26px;height:26px;color:var(--ink);font:800 16px/1 var(--display);border-radius:50%;place-items:center;display:inline-grid}.menu-more{color:var(--muted);margin-top:14px;font-size:14px}.menu-more b{color:var(--cream)}.bar-title small{font:700 15px/1 var(--body);color:var(--muted);letter-spacing:0;margin-right:6px}.versions{overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;max-width:760px;margin:0 auto;padding:8px 2px 2px;display:flex;overflow-x:auto}.versions::-webkit-scrollbar{display:none}.ver{border:1px solid var(--line);background:var(--ink-2);border-radius:10px;flex:none;justify-items:center;gap:4px;padding:4px;font-size:12px;font-weight:600;display:grid;position:relative}button.ver{cursor:pointer}.ver-main{font:inherit;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid}.ver.on{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.ver.failed{border-color:#6b2a24}.ver-thumb{background:#08090b;border-radius:6px;place-items:center;width:48px;height:64px;display:grid;overflow:hidden}.ver-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ver-thumb .pole-bar{width:34px}.ver-x{font:800 22px/1 var(--display);color:#ff9b8f}.ver-del{border:1px solid var(--line);background:var(--ink-3);border-radius:50%;width:24px;height:24px;padding:0;font-size:15px;line-height:1;position:absolute;top:-7px;right:-7px}.field{gap:6px;font-size:15px;font-weight:600;display:grid}.field input,.field textarea{width:100%;font:400 16px/1.4 var(--body);color:var(--cream);background:var(--ink-2);border:1px solid var(--line);resize:vertical;border-radius:10px;padding:10px 12px}.field input:focus,.field textarea:focus{outline:2px solid var(--chrome);outline-offset:1px}.make{width:100%}.stage-wait span:last-child{font-size:15px}.stage-wait.error .btn{justify-self:center}.sheet-back{z-index:20;background:#05060899;align-items:end;display:grid;position:absolute;inset:0}.sheet{background:var(--ink-2);border-top:1px solid var(--line);padding:22px max(18px, var(--safe-l)) calc(22px + var(--safe-b)) max(18px, var(--safe-r));border-radius:18px 18px 0 0;gap:14px;width:100%;max-width:560px;margin:0 auto;display:grid}.sheet h2{font:800 30px/1 var(--display);text-transform:uppercase}.sheet p{color:#d9d3c8;font-size:15px}.sheet-error{color:#ff9b8f!important}.sheet-actions{justify-content:flex-end;gap:10px;display:flex}@media (min-width:700px){.sheet-back{align-items:center}.sheet{border:1px solid var(--line);border-radius:18px}}.cut-info{gap:12px;display:grid}.cut-card{border:1px solid var(--line);background:#17191e;border-radius:12px;margin:0;overflow:hidden}.cut-card img{aspect-ratio:1188/504;width:100%;height:auto;display:block}.cut-card figcaption{color:var(--muted);text-align:center;grid-template-columns:repeat(3,1fr);padding:6px 0 7px;font-size:12px;font-weight:600;display:grid}.cut-text h3{font:800 24px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--cream);margin-bottom:6px}.cut-text p{color:#d9d3c8;font-size:15px}.cut-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 0;display:grid}.cut-facts div{border:1px solid var(--line);border-radius:10px;min-width:0;padding:7px 9px}.cut-facts dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.cut-facts dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:13.5px;font-weight:600}.picked{scroll-margin-top:8px}.cut-sheet{max-height:92dvh;overflow-y:auto}.cut-sheet .sheet-actions{flex-wrap:wrap}
