body{margin:0;font:14px/1.4 system-ui,sans-serif}img{max-width:100%}:root{--ink:#080a09;--slab:#151515;--slab-2:#272727;--slab-3:#353535;--ring:#5d5d5d;--line:#212121;--sep:#202020;--text:#fff;--mute:#909090;--accent:#fff;--accent-fg:#0a0a0a;--accent-soft:#ffffff0d;--danger:#ff5136;--display:"Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--body:"Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--edge:32px;--gut:max(var(--edge), env(safe-area-inset-left,0px));--gutR:max(var(--edge), env(safe-area-inset-right,0px));--dockH:52px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:1100px){:root{--edge:16px}}[hidden]{display:none!important}html,body{height:100%;overflow:hidden}body{background:var(--ink);color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-size:13px}#app{width:100%;height:100%;position:relative;overflow:hidden}#stage{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}#stage.grab{cursor:grabbing}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slab{background:var(--slab);border:1px solid #000;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff0b,0 12px 32px #00000059}.label{letter-spacing:.02em;text-transform:uppercase;color:var(--mute);font-size:10.5px;font-weight:500}.rel{position:relative}.bar{height:var(--dockH);box-sizing:border-box;align-items:center;gap:8px;padding:11px 12px;display:flex}.tb{background:var(--slab-2);color:#ececec;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:28px;padding:0 9px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #0000}.tb svg{flex:none}.tb.sq{width:28px;padding:0}.tb:hover{background:var(--slab-3);color:#fff}.tb[aria-pressed=true]{background:var(--slab-3);color:#fff;box-shadow:inset 0 0 0 1px var(--ring)}.tb:disabled{opacity:.4;pointer-events:none}.tb.danger{background:var(--danger);color:#fff}.tb.danger:hover{background:#ff6a52}.tb.ghost{color:var(--mute);background:0 0;width:20px}.tb.ghost:hover,.tb.ghost[aria-expanded=true]{color:#fff;background:0 0}.tb.wide{width:100%}.ib{background:var(--slab-2);color:#ececec;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;transition:background .15s;display:inline-flex}.ib:hover{background:var(--slab-3)}.vsep{background:var(--sep);border-radius:1px;flex:none;width:2px;height:20px}.menu{z-index:20;flex-direction:column;min-width:210px;height:auto;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu button{text-align:left;border-radius:6px;justify-content:space-between;gap:16px;padding:8px 10px;font-size:12.5px;display:flex}.menu button:hover{background:var(--slab-2)}.menu button span{color:var(--mute);font-size:11.5px}#bin{left:var(--gut);top:var(--edge);width:222px;max-height:calc(100% - var(--edge)*3 - var(--dockH));box-sizing:border-box;z-index:5;flex-direction:column;display:flex;position:absolute;overflow:hidden}.binhead{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.brand{font-family:var(--display);letter-spacing:-.02em;font-size:17px;font-weight:700}.parts{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;flex:1;overflow:auto}.acc{border-bottom:1px solid var(--line)}.acc:last-child{border-bottom:0}.acc-h{letter-spacing:.02em;text-transform:uppercase;width:100%;color:var(--mute);justify-content:space-between;align-items:center;padding:17px 15px 16px;font-size:10.5px;font-weight:500;display:flex}.acc-h:hover{color:#d0d0d0}.acc-h svg{transition:transform .15s}.acc-h[aria-expanded=true] svg{transform:rotate(180deg)}.acc-b{padding:0 15px 16px}#accAll .i-out,#accAll.expand .i-in{display:none}#accAll.expand .i-out{display:inline}.acc-h[aria-expanded=false]+.acc-b{display:none}.dims{align-items:center;gap:8px;display:flex}.step{background:var(--slab-2);border-radius:6px;flex:1;justify-content:space-between;align-items:center;height:30px;display:flex;box-shadow:inset 0 0 0 1px #323232}.step button{color:#9a9a9a;width:26px;height:30px;font-size:15px;line-height:1}.step button:hover{color:var(--text)}.step button:disabled{opacity:.3;pointer-events:none}.step output{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;font-size:12px;font-weight:500}.dims .x{color:#6a6a6a;font-size:12px}.grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.part{border:1px solid var(--line);border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:9px 2px 8px;transition:background .15s,border-color .15s;display:flex}.part:hover{background:#1b1b1b;border-color:#2c2c2c}.part[aria-pressed=true]{border-color:var(--ring);background:#1d1d1d}.part img{width:38px;height:38px;margin-bottom:3px;display:block}.part .n{color:var(--text);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600}.part .p{color:#8a8a8a;font-size:8.5px}#topr{top:var(--edge);right:var(--gutR);z-index:16;height:auto;padding:11px 12px;position:absolute}#dock{left:50%;bottom:max(var(--edge), env(safe-area-inset-bottom,0px));z-index:12;max-width:calc(100% - var(--edge)*2);gap:8px;display:flex;position:absolute;transform:translate(-50%)}.cursw{outline-offset:1px;border-radius:6px;outline:1px solid #fff;flex:none;width:26px;height:26px;margin:0 2px;position:relative;overflow:hidden}.cursw i{border-radius:inherit;position:absolute;inset:0}.cursw.trans{background-image:repeating-conic-gradient(#3a3a3a 0 25%,#202020 0 50%);background-size:8px 8px}.sw.trans{background-image:linear-gradient(135deg,#ffffff52 0 50%,#0000 50%)}.quick{align-items:center;gap:8px;display:flex}.sw{width:24px;height:24px;box-shadow:0 0 0 1px var(--slab),0 0 0 2px #303030;border-radius:5px;flex:none;transition:transform .12s;position:relative}.sw:hover{transform:translateY(-1px)}.sw[aria-pressed=true]{box-shadow:0 0 0 1px var(--slab),0 0 0 2px #fff}.sw .rm{background:var(--slab-2);width:14px;height:14px;color:var(--text);border-radius:50%;font-size:10px;line-height:13px;display:none;position:absolute;top:-6px;right:-6px}.sw.saved:hover .rm,.sw.saved:focus-within .rm{display:block}.addc{color:#a7a7a7;border:1px dashed #3a3a3a;border-radius:6px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.addc:hover,.addc[aria-expanded=true]{color:#fff;border-color:#777}.pop{z-index:20;box-sizing:border-box;padding:12px;position:absolute;bottom:calc(100% + 8px);right:0}#colors{flex-direction:column;gap:10px;width:max-content;max-width:min(360px,100vw - 32px);display:flex}#colors .grp{flex-wrap:wrap;gap:8px;display:flex}#colors .label{margin:2px 0 -2px}#mixer{flex-direction:column;gap:8px;width:300px;display:flex}.mix{background:var(--slab-2);cursor:pointer;border-radius:6px;align-items:center;gap:12px;height:36px;padding:0 12px;display:flex}.mix span{letter-spacing:.02em;text-transform:uppercase;color:#d0d0d0;flex:none;width:62px;font-size:10.5px;font-weight:500}.mix input{appearance:none;background:var(--trk);cursor:pointer;border-radius:4px;flex:1;width:100%;min-width:60px;height:14px;margin:0;box-shadow:inset 0 0 0 1px #ffffff14}.mix input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:3px;width:5px;height:20px;box-shadow:0 0 0 1.5px #0000008c}.mix input::-moz-range-thumb{background:#fff;border:0;border-radius:3px;width:5px;height:20px;box-shadow:0 0 0 1.5px #0000008c}#mHue{--trk:linear-gradient(90deg,#e8642a,#e8c43a,#7ad63a,#3ad6a8,#3aa8e8,#3a4ae8,#9a3ae8,#e83ab0,#e83a4a)}#mOp{--trk:linear-gradient(90deg,#fff0,#e8e8e6),repeating-conic-gradient(#3a3a3a 0 25%,#272727 0 50%) 0 0/10px 10px}#saveColor{height:32px;margin-top:2px}#saveColor i{border-radius:4px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff40}#photo{pointer-events:none;position:absolute;inset:0}#frame{border:1px solid #ffffff8c;position:absolute;box-shadow:0 0 0 200vmax #080a099e}#frame:before,#frame:after{content:"";pointer-events:none;position:absolute;inset:0}#frame:before{background:linear-gradient(#ffffff2e,#ffffff2e) 33.333% 0/1px 100% no-repeat,linear-gradient(#ffffff2e,#ffffff2e) 66.666% 0/1px 100% no-repeat,linear-gradient(#ffffff2e,#ffffff2e) 0 33.333%/100% 1px no-repeat,linear-gradient(#ffffff2e,#ffffff2e) 0 66.666%/100% 1px no-repeat}.corner{border:2.5px solid #fff;width:18px;height:18px;position:absolute}.corner.tl{border-bottom:0;border-right:0;top:-2px;left:-2px}.corner.tr{border-bottom:0;border-left:0;top:-2px;right:-2px}.corner.bl{border-top:0;border-right:0;bottom:-2px;left:-2px}.corner.br{border-top:0;border-left:0;bottom:-2px;right:-2px}.readout{font-family:var(--mono);color:#fff;letter-spacing:.06em;white-space:nowrap;gap:14px;font-size:10.5px;display:flex;position:absolute;top:-24px;left:0}.readout .rec{color:var(--danger)}#photobar{left:50%;bottom:max(var(--edge), env(safe-area-inset-bottom,0px));pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100% - 24px);display:flex;position:absolute;transform:translate(-50%)}#photobar .bar{height:60px}.seg{box-shadow:inset 0 0 0 1px var(--line);background:#0e0e0e;border-radius:7px;gap:2px;padding:2px;display:flex}.seg button{color:#a0a0a0;white-space:nowrap;border-radius:5px;height:28px;padding:0 9px;font-size:12px;font-weight:500}.seg button:hover{color:#fff}.seg button[aria-pressed=true]{background:var(--slab-3);color:#fff;box-shadow:inset 0 0 0 1px var(--ring)}.bds{align-items:center;gap:8px;padding:0 2px;display:flex}.bd{width:22px;height:22px;box-shadow:0 0 0 1px var(--slab),0 0 0 2px #303030;border-radius:5px}.bd[aria-pressed=true]{box-shadow:0 0 0 1px var(--slab),0 0 0 2px #fff}.shutter{width:40px;height:40px;box-shadow:inset 0 0 0 3px var(--slab),0 0 0 2px #fff;background:#fff;border-radius:50%;flex:none;margin:0 4px;transition:transform .1s}.shutter:active{transform:scale(.92)}.toggle{color:var(--mute);border-radius:6px;align-items:center;gap:7px;padding:4px 6px;font-size:12px;font-weight:500;display:flex}.toggle[aria-pressed=true]{color:var(--text)}.toggle i{background:#333;border-radius:9px;width:26px;height:15px;transition:background .15s;position:relative}.toggle i:after{content:"";background:var(--text);border-radius:50%;width:11px;height:11px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle[aria-pressed=true] i{background:var(--accent)}.toggle[aria-pressed=true] i:after{background:var(--accent-fg);transform:translate(11px)}#flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}#flash.go{animation:.45s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}#roll{top:calc(var(--edge) + 64px);right:var(--gutR);width:300px;max-height:calc(100% - var(--edge)*4 - var(--dockH) - 64px);z-index:15;flex-direction:column;display:flex;position:absolute;overflow:hidden}#roll header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 12px 10px 14px;display:flex}#roll header h2{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.shots{grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid;overflow:auto}.shot{aspect-ratio:1;border:1px solid var(--line);background:#000;border-radius:8px;position:relative;overflow:hidden}.shot img{object-fit:cover;width:100%;height:100%;display:block}.shot span{font-family:var(--mono);color:#fff;text-shadow:0 1px 2px #000;font-size:9.5px;position:absolute;bottom:5px;left:6px}.empty{color:var(--mute);grid-column:1/-1;padding:22px 16px 26px;font-size:13px;line-height:1.5}#modal{z-index:30;padding:20px max(16px, env(safe-area-inset-right,0px)) 20px max(16px, env(safe-area-inset-left,0px));background:#080a09c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.viewer{flex-direction:column;gap:12px;max-width:min(980px,100%);max-height:100%;padding:12px;display:flex}.viewer img{object-fit:contain;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;border-radius:6px;max-width:100%;max-height:calc(100vh - 170px);margin:0 auto;display:block}.viewer .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.viewer .row .info{font-family:var(--mono);color:var(--mute);margin-right:auto;font-size:11px}.scrim{z-index:35;background:#080a099e;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.dialog{box-sizing:border-box;flex-direction:column;gap:6px;width:min(340px,100%);padding:20px;display:flex}.dialog-icon{width:36px;height:36px;color:var(--danger);background:#ff513624;border-radius:8px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.dialog h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.dialog p{color:#b0b0b0;margin:0 0 12px;font-size:12.5px;line-height:1.5}.dialog-row{justify-content:flex-end;gap:8px;display:flex}.dialog-row .tb{height:32px;padding:0 14px}.welcome{z-index:45;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a09b8;align-items:safe center;position:fixed;overflow:auto}.wl{box-sizing:border-box;flex-direction:column;gap:10px;width:min(620px,100%);padding:32px;animation:.35s ease-out wlIn;display:flex}.wl .brand{font-size:15px}.wl h2{font-family:var(--display);letter-spacing:-.025em;margin:6px 0 0;font-size:30px;font-weight:700;line-height:1.1}.wl p{color:#b0b0b0;max-width:46ch;margin:0 0 8px;font-size:14px;line-height:1.55}.wl-grid{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:grid}.wl-grid li{border:1px solid var(--line);background:#ffffff05;border-radius:10px;gap:12px;padding:14px;display:flex}.wl-grid b{margin-bottom:3px;font-size:13px;font-weight:600;display:block}.wl-grid span:not(.wl-ic){color:var(--mute);font-size:12.5px;line-height:1.45}.wl-ic{color:#f5a623;background:linear-gradient(135deg,#d9481f47,#f5a62329);border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.wl-keys{color:var(--mute);flex-wrap:wrap;gap:6px 14px;margin:8px 0 4px;font-size:12px;display:flex}.wl-keys kbd{font-family:var(--mono);color:var(--text);background:var(--slab-2);border:1px solid var(--line);border-radius:4px;margin-right:4px;padding:2px 6px;font-size:11px}.wl-row{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:10px;padding-top:16px;display:flex}.wl-row .hint{margin-right:auto}.wl-row .btn{height:36px;padding:0 16px}@keyframes wlIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.wl{animation:none}}@media (max-width:560px){.wl{padding:22px}.wl h2{font-size:24px}.wl-grid{grid-template-columns:1fr}.wl-row{flex-wrap:wrap}.wl-row .hint{flex-basis:100%}.wl-row .btn{flex:1}}.btn{background:var(--slab-2);border:1px solid var(--line);border-radius:6px;padding:8px 13px;font-size:12.5px;font-weight:500}.btn:hover{border-color:var(--mute)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.danger:hover{border-color:var(--danger);color:var(--danger)}.hint{color:var(--mute);font-size:12.5px}#toast{left:50%;top:var(--edge);z-index:40;white-space:nowrap;align-items:center;gap:10px;padding:9px 10px 9px 14px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}#toast button{color:var(--text);text-underline-offset:3px;padding:2px 6px;font-weight:600;text-decoration:underline}#lm{top:calc(var(--edge) + 64px);right:var(--gutR);width:380px;max-height:calc(100% - var(--edge)*4 - var(--dockH) - 64px);z-index:15;flex-direction:column;display:flex;position:absolute;overflow:hidden}#lm header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 12px 10px 14px;display:flex}#lm header h2{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.lmlist{flex-direction:column;gap:2px;padding:6px;display:flex;overflow:auto}.lmitem{text-align:left;border-radius:9px;align-items:center;gap:12px;padding:6px 8px 6px 6px;display:flex}.lmitem:hover{background:var(--slab-2)}.lmitem img{background:var(--slab-2);border-radius:7px;flex:none;width:56px;height:56px}.lmitem b{font-size:13.5px;font-weight:600;display:block}.lmitem span{color:var(--mute);font-size:12px;display:block}.lmtools{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 10px 6px;display:flex}.lmtools input{box-sizing:border-box;background:var(--slab-2);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;border-radius:8px;padding:8px 10px;font-size:13px}.lmtools input::placeholder{color:var(--mute)}.cats{background:var(--slab-2);border-radius:9px;grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;display:grid}.cats button{color:var(--mute);text-align:center;border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;font-size:11.5px;font-weight:600;line-height:1.15;display:flex}.cats button em{font-style:normal;font-family:var(--mono);opacity:.8;font-size:9.5px;font-weight:400}.cats button[aria-pressed=true]{background:var(--slab-3);color:#fff;box-shadow:inset 0 0 0 1px var(--ring)}.subs{scrollbar-width:none;gap:5px;padding-bottom:1px;display:flex;overflow-x:auto}.subs::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);color:var(--mute);white-space:nowrap;border-radius:99px;flex:none;padding:4px 9px;font-size:11.5px}.chip[aria-pressed=true]{border-color:var(--text);color:var(--text)}.lmhead{padding:10px 8px 4px}.lmitem.soon{opacity:.55;cursor:default}.lmitem.soon:hover{background:0 0}.lmitem .ph{border:1px dashed var(--line);background:repeating-linear-gradient(135deg,#0000 0 6px,#94a3b814 6px 12px);border-radius:7px;flex:none;width:56px;height:56px}#lm header .label,#roll header .label{margin-left:auto;margin-right:8px}.lmitem em{font-style:normal;font-family:var(--mono);color:var(--mute);margin-top:2px;font-size:10.5px;display:block}.lmfoot{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.lmfoot .hint{font-size:11.5px}body.shooting #bin,body.shooting #topr,body.shooting #dock,body.shooting #roll,body.shooting #lm{display:none}@media (max-width:760px){:root{--edge:12px;--dockH:46px}.tb .t{display:none}#topr{gap:6px;padding:8px}#bin{top:calc(var(--edge) + 54px);left:var(--gut);right:var(--gutR);width:auto;max-height:38vh}.grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}#dock{left:var(--gut);right:var(--gutR);flex-direction:column;align-items:center;gap:6px;max-width:none;transform:none}#dock .bar{scrollbar-width:none;gap:6px;max-width:100%;padding:8px 10px;overflow-x:auto}#palette{overflow:visible!important}.quick{gap:6px}.pop{left:50%;right:auto;transform:translate(-50%)}#roll,#lm{left:var(--gut);width:auto}#photobar .bar{flex-wrap:wrap;justify-content:center;height:auto;padding:8px}#photobar .vsep{display:none}#exitPhoto .t{display:inline}.seg button{padding:0 7px}}@media (prefers-reduced-motion:reduce){#flash.go{animation:none}.sw,.tb,.part,.acc-h svg{transition:none}}