.box,.box-foot-layer{--box-key:var(--sf-key,var(--sf-accent,#d62f2f));--box-on-key:#fff;--box-ground:var(--sf-ground,var(--sf-canvas,#0e0b0a));--box-ink:var(--sf-ink,var(--sf-text,#f4ecdd));--box-muted:var(--sf-text-muted,#a8977e);--box-surface:var(--sf-surface-2,var(--sf-surface,#171311));--box-line:var(--sf-border,#2a2522);--box-r:16px;--box-r-key:10px;--box-r-chip:8px;--box-pad:20px;--box-ms:var(--sf-motion-ms,.2s);--box-head:var(--sf-font-headline,var(--sf-font-body,system-ui,sans-serif));--box-body:var(--sf-font-body,system-ui,sans-serif);font-family:var(--box-body);color:var(--box-ink);background:var(--box-ground);padding:0 var(--box-pad)calc(var(--sf-sticky-atc-h,0px) + 32px);text-align:left;max-width:1280px;margin:0 auto}.box-foot-layer{display:contents}@media (min-width:900px){.box{--box-pad:32px;padding-top:8px}}.box-mast{flex-direction:column;gap:10px;padding:12px 0 4px;display:flex}.box-mast-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.box-mast-home{align-items:center;min-height:44px;display:inline-flex}.box-mast-mark{-o-object-fit:contain;object-fit:contain;width:auto;max-width:160px;height:26px}.box-mast-name{font:600 18px/1 var(--box-head)}.box-mast-bag{border-radius:var(--box-r-key);cursor:pointer;border:1px solid var(--box-line);width:44px;height:44px;color:var(--box-ink);background:0 0;place-items:center;display:grid;position:relative}.box-mast-bag svg{width:20px;height:20px}.box-mast-bag-n{border-radius:var(--box-r-chip);background:var(--box-key);min-width:20px;height:20px;color:var(--box-on-key);font:700 11px/1 var(--box-body);place-items:center;padding:0 6px;display:grid;position:absolute;top:-6px;right:-6px}.box-mast-h1{font:700 32px/1.05 var(--box-head);letter-spacing:-.02em;margin:0}@media (min-width:900px){.box-mast-h1{font-size:34px}}.box-mast-chip{width:-moz-fit-content;width:fit-content}.box-now{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:8px 0 4px;padding:0;display:flex}.box-now-text{min-width:0}.box-now-size{white-space:nowrap}.box-now-line{font:700 17px/1.2 var(--box-head);letter-spacing:-.01em;margin:0}.box-now-detail{color:var(--box-muted);margin:2px 0 0;font-size:13px;line-height:1.3}.box-now-change{border-radius:var(--box-r-chip);cursor:pointer;min-height:44px;color:var(--box-ink);font:600 15px/1 var(--box-body);white-space:nowrap;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--box-line);text-decoration-color:var(--box-line);transition:text-decoration-color var(--box-ms)ease-out;background:0 0;border:0;flex:none;padding:0 4px}.box-now-change:active{-webkit-text-decoration-color:var(--box-ink);text-decoration-color:var(--box-ink)}.box-note{border-radius:var(--box-r-key);border:1px solid var(--box-line);background:var(--box-surface);color:var(--box-ink);margin:0 0 12px;padding:12px 14px;font-size:15px;line-height:1.35}.box-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (min-width:900px){.box-body{grid-template-columns:minmax(0,1fr) 460px;gap:40px}.box-rail{position:-webkit-sticky;position:sticky;top:16px}}.box-presets{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 0 12px;display:flex;overflow-x:auto}.box-presets::-webkit-scrollbar{display:none}.box-presets>*{flex:none}@media (max-width:480px){.box-presets{flex-wrap:wrap;gap:6px 8px;overflow-x:visible}.box-presets-label{flex:0 0 100%;margin:0}.box-presets>.box-preset{white-space:normal;text-align:center;flex:1 1 0;min-width:0;padding:6px 8px;line-height:1.15}.box-preset-short{margin:2px 0 0;display:block}}@media (max-width:360px){.box-presets>.box-preset{padding:6px 4px;font-size:13px}}.box-presets-label{font:500 13px/1 var(--box-body);color:var(--box-muted);white-space:nowrap;margin-right:2px}.box-preset{border-radius:var(--box-r-chip);cursor:pointer;border:1px solid var(--box-line);min-height:36px;color:var(--box-ink);font:500 14px/1 var(--box-body);white-space:nowrap;background:0 0;padding:0 12px}.box-preset:active{background:var(--box-surface)}.box-presets>.box-preset{min-height:44px}.box-preset:disabled{cursor:default;border-style:dashed}.box-preset-short{color:var(--box-muted);margin-left:6px;font-size:12px}.box-releases{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.box-release{border-radius:var(--box-r);background:var(--box-surface);border:1px solid var(--box-line);transition:border-color var(--box-ms)ease-out;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"shot text""shot step";align-items:center;gap:8px 12px;padding:10px 12px;display:grid}@media (min-width:900px){.box-release{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"shot text step";gap:16px;padding:12px 16px}.box .box-release-text{align-self:center}}@media (min-width:900px) and (max-width:1199px){.box-release{grid-template-areas:"shot name name""shot meta step";gap:6px 16px}.box .box-release-text{display:contents}.box-release-name{grid-area:name}.box-release-meta{grid-area:meta;align-self:center;margin:0}}.box-release[data-out="1"]{border-style:dashed}.box-release-shot{border-radius:var(--box-r-key);background:var(--box-ground);grid-area:shot;width:56px;height:76px;position:relative;overflow:hidden}@media (min-width:900px){.box-release-shot{width:72px;height:96px}}.box-release-img{-o-object-fit:contain;object-fit:contain;padding:4px}.box-release-noshot{height:100%;font:700 20px/1 var(--box-body);color:var(--box-muted);place-items:center;display:grid}.box-release-text{grid-area:text;align-self:end;min-width:0}.box-release-name{font:600 16px/1.25 var(--box-body);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (max-width:359.98px){.box .box-release-name{text-wrap:pretty;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}}@media (min-width:900px){.box-release-name{-webkit-line-clamp:2;font-size:17px}}.box-release-meta{color:var(--box-muted);white-space:nowrap;margin:4px 0 0;font-size:13px}.box-release-meta [data-sf=price]{color:var(--box-ink)}.box-release-controls{grid-area:step;justify-self:start;align-items:center;gap:8px;display:flex}.box-half{border-radius:var(--box-r-chip);cursor:pointer;min-width:40px;min-height:44px;color:var(--box-ink);font:600 14px/1 var(--box-body);white-space:nowrap;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--box-line);text-decoration-color:var(--box-line);background:0 0;border:0;padding:0 8px}.box-half:active:not(:disabled){background:var(--box-surface)}.box-half:disabled{cursor:default;color:var(--box-muted);text-decoration:none}.box-grid-wrap{border-radius:var(--box-r);background:var(--box-surface);border:1px solid var(--box-line);padding:16px}.box-grid-head{align-items:baseline;gap:10px;display:flex}.box-grid-title{font:600 11px/1 var(--box-body);letter-spacing:.1em;text-transform:uppercase;color:var(--box-muted);margin:0}.box-grid-count{font:700 24px/1 var(--box-head);letter-spacing:-.01em;margin:0 0 0 auto}.box-grid-full{font:700 11px/1 var(--box-body);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--box-r-chip);background:var(--box-key);color:var(--box-on-key);padding:5px 9px}.box-grid-progress{background:var(--box-line);border-radius:2px;height:4px;margin:12px 0 14px;overflow:hidden}.box-grid-progress>span{background:var(--box-key);height:100%;transition:width var(--box-ms)ease-out;display:block}.box-grid{grid-template-columns:repeat(4,minmax(56px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.box-grid{grid-template-columns:repeat(var(--box-cols,4),minmax(56px,1fr))}}.box-slot{aspect-ratio:1;border-radius:var(--box-r-key);background:var(--box-ground);border:1px dashed var(--box-line);min-width:56px;transition:transform var(--box-ms)ease-out,border-color var(--box-ms)ease-out;place-items:center;display:grid;position:relative}.box-slot[data-slot=next]{border-style:solid;border-color:var(--box-muted)}.box-slot[data-slot=filled]{border-style:solid;border-color:transparent}.box-slot[data-lifted="1"]{border-color:var(--box-muted);transform:translateY(-4px)}.box-slot-index{font:500 12px/1 var(--box-body);color:var(--box-muted)}.box-slot-can{cursor:pointer;border-radius:inherit;background:0 0;border:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.box-slot-img{-o-object-fit:contain;object-fit:contain;padding:3px}.box-slot-fill{border-radius:var(--box-r-chip);background:var(--box-key);position:absolute;top:20%;bottom:20%;left:20%;right:20%}.box-slot-remove{z-index:1;border-radius:var(--box-r-chip);cursor:pointer;background:var(--box-key);min-height:32px;color:var(--box-on-key);font:600 12px/1 var(--box-body);white-space:nowrap;border:0;padding:0 12px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.box-foot{flex-direction:column;gap:10px;padding:16px 0 0;display:flex}.box-money{flex-direction:column;gap:4px;margin:0;font-size:13px;display:flex}.box-money>div{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.box-money dt{color:var(--box-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.box-money dd{text-align:right;white-space:nowrap;margin:0}.box-money-cans dd{font-weight:700}.box-money-cans dd[data-empty="1"]{color:var(--box-muted);font-weight:500}.box-key{border-radius:var(--box-r-key);cursor:pointer;background:var(--box-key);width:100%;min-height:56px;color:var(--box-on-key);font:700 17px/1 var(--box-body);white-space:nowrap;transition:transform var(--box-ms)ease-out,background var(--box-ms)ease-out;border:0;justify-content:center;align-items:center;gap:4px;padding:0 20px;display:inline-flex}.box-key:active:not(:disabled){transform:scale(.98)}.box-key:disabled{cursor:default;background:var(--box-surface);color:var(--box-muted);border:1px solid var(--box-line)}.box-key:disabled>*{color:var(--box-muted)}.box-key-money{white-space:nowrap}.box-foot-sub{color:var(--box-muted);text-align:center;margin:0;font-size:12px;line-height:1.3}@media (max-width:899px){.box-foot{left:0;right:0;bottom:var(--sfl-docked-h,0px);z-index:var(--sf-z-sticky,40);padding:10px var(--box-pad)calc(max(0px,var(--app-safe-bottom,0px) - var(--sfl-docked-h,0px)) + 10px);background:var(--box-ground);border-top:1px solid var(--box-line);gap:8px;position:fixed}.box{padding-bottom:calc(var(--sf-sticky-atc-h,0px) + var(--sfl-docked-h,0px) + 32px)}.box-money{gap:2px;font-size:13px}.box-money>div{flex-wrap:nowrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.box-money-cans dd{font-size:17px}.box-money-cans dd[data-empty="1"]{font-size:13px}.box-foot-sub{display:none}.box-foot[data-full="0"] .box-foot-sub{display:block}}.box-toast{z-index:var(--sf-z-sticky,40);left:50%;bottom:calc(var(--sf-sticky-atc-h,0px) + var(--sfl-docked-h,var(--app-safe-bottom,0px)) + 12px);border-radius:var(--box-r-key);background:var(--box-ink);color:var(--box-ground);white-space:nowrap;align-items:center;gap:14px;padding:12px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.box-toast-undo{color:inherit;font:700 14px/1 var(--box-body);cursor:pointer;background:0 0;border:0;min-height:32px;text-decoration:underline}@media (min-width:900px){.box-toast{bottom:24px}}.box .box-body .box-rail .box-foot .box-key,.box-foot-layer .box-foot .box-key,.box .box-body .box-rail .box-grid-wrap .box-grid .box-slot-remove{color:var(--box-on-key)}.box .box-body .box-rail .box-foot .box-key:disabled,.box-foot-layer .box-foot .box-key:disabled{color:var(--box-muted)}.box .box-now .box-now-change,.box .box-body .box-shelf .box-presets .box-preset{color:var(--box-ink)}.box .box-body .box-shelf .box-presets .box-preset:disabled{color:var(--box-muted)}.box .box-body .box-shelf .box-releases .box-release-controls .box-half{color:var(--box-ink)}.box .box-body .box-shelf .box-releases .box-release-controls .box-half:disabled{color:var(--box-muted)}@media (max-width:899px){.box-mast{gap:6px;padding:6px 0 2px}.box-mast-h1{font-size:26px}.box-now{margin:8px 0 10px}.box-presets{padding:0 0 10px}.box-releases{gap:8px}.box-release{border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"shot name name""shot meta step";gap:4px 10px;padding:8px 10px}.box-release-shot{align-self:center;width:40px;height:52px}.box-release-text{display:contents}.box-release-name{-webkit-line-clamp:2;overflow-wrap:normal;grid-area:name;font-size:15px;line-height:1.2}.box-release-meta{grid-area:meta;align-self:center;margin:0}.box-release-controls{justify-self:end;gap:6px}.box-half{min-width:44px;padding:0 8px}.box-body{gap:12px}.box-grid-wrap{border-radius:12px;padding:12px}.box-grid-count{font-size:20px}.box-grid-progress{margin:8px 0 10px}.box-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.box-slot{aspect-ratio:3/4;min-width:0}.box-slot-remove{min-height:28px;padding:0 8px;font-size:11px;bottom:-10px}}@media (max-width:899px) and (min-height:820px){.box{padding-bottom:calc(var(--sf-sticky-atc-h,0px) + var(--sfl-docked-h,0px) + 12px)}.box-slot{aspect-ratio:4/7}}@media (max-width:359px){.box-preset{padding:0 12px;font-size:15px}.box-release{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"shot name""shot meta""shot step"}.box-release-controls{justify-self:start}}@media (prefers-reduced-motion:reduce){.box-grid-progress>span,.box-slot,.box-key,.box-now-change,.box-release{transition:none}}.sf-size-chooser-scrim:has(.box-chooser){background:rgba(0,0,0,.72)}@media (min-width:640px){.sf-size-chooser-scrim:has(.box-chooser){align-items:center}}.box-key-arrow{width:18px;height:18px}.box-code-wrap{width:-moz-fit-content;width:fit-content;position:relative}.box-code-key{cursor:pointer;min-height:32px;font:600 13px/18px var(--sf-font-body,system-ui,sans-serif);letter-spacing:0;background:0 0;border-style:dashed;padding:0 12px}.box-code-on{min-height:32px;padding-right:3px}.box-code-remove{width:24px;height:24px;min-height:24px;color:inherit;background:0 0;border-radius:999px;place-items:center;margin-left:2px;display:inline-grid}.box-code-remove:hover{background:color-mix(in oklab,currentColor 14%,transparent)}.box-code-pop{z-index:30;background:var(--sf-surface);width:320px;color:var(--sf-text);border:1px solid var(--sf-border);border-radius:14px;padding:14px;animation:.16s ease-out box-code-in;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 40px -20px rgba(0,0,0,.6)}.box-code-sheet-root{z-index:1600;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.box-code-scrim{background:color-mix(in oklab,var(--sf-canvas)55%,transparent);position:absolute;top:0;bottom:0;left:0;right:0}.box-code-sheet{width:100%;padding:18px 20px calc(18px + var(--app-safe-bottom,0px));background:var(--sf-surface);color:var(--sf-text);border-top:1px solid var(--sf-border);border-radius:18px 18px 0 0;animation:.2s cubic-bezier(.2,.8,.2,1) box-code-up;position:relative}.box-code-close{width:36px;height:36px;color:var(--sf-text-muted);background:0 0;border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:12px}.box-code-label{font:600 14px/20px var(--sf-font-body,system-ui,sans-serif);margin-bottom:10px;display:block}.box-code-row{gap:8px;display:flex}.box-code-input{border:1px solid var(--sf-border);background:var(--sf-canvas);min-width:0;height:44px;color:var(--sf-text);letter-spacing:.04em;text-transform:uppercase;border-radius:10px;flex:1;padding:0 12px;font:600 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.box-code-input:focus{box-shadow:none;border-color:var(--sf-text-muted);outline:none}.box-code-input:focus-visible{box-shadow:none;border-color:var(--sf-text-muted);outline:none}.box-code-apply{background:var(--sf-key,var(--sf-accent));color:#fff;border-radius:10px;height:44px;padding:0 18px;font-weight:700}.box-code-apply:disabled{background:var(--sf-surface);color:var(--sf-text-muted);border:1px solid var(--sf-border);cursor:not-allowed}.box-code-why{color:var(--sf-accent);margin:8px 0 0;font-size:13px;line-height:18px}@keyframes box-code-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes box-code-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.box-code-sheet,.box-code-pop{animation:none}}@media (min-width:1200px){.box-releases:not(:has(>li:nth-child(4))) .box-release{grid-template-columns:104px minmax(0,1fr) auto;padding-top:20px;padding-bottom:20px}.box-releases:not(:has(>li:nth-child(4))) .box-release-shot{width:104px;height:140px}}