:root{--ink:#111;--muted:#6b6b6b;--paper:#fff;--accent:#ff5a1f;--accent-ink:#fff;--bad:#c4161c;--line:#11111124;--display:"Anton", "Arial Narrow", Impact, sans-serif;--text:"Instrument Sans", "Avenir Next", "Segoe UI", sans-serif;--cjk:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;color:var(--ink);background:var(--paper);font-family:var(--text), var(--cjk);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.5}html[lang=zh-Hans] body{font-family:var(--cjk), var(--text);letter-spacing:0}::selection{background:var(--accent);color:var(--accent-ink)}p{margin:0}a{color:inherit;text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px;transition:color .16s}a:hover{color:var(--accent)}button,.textlink{transition:color .16s,background .16s,border-color .16s}.page{width:min(1180px,100% - 96px);margin:0 auto;padding:36px 0 96px}.head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:24px;padding-bottom:18px;display:flex}.title{align-items:center;gap:12px;min-width:0;display:flex}.plug{width:46px;height:auto;color:var(--accent);flex:none;display:block}h1,h2,h3{margin:0;font-weight:400}h1{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:22px;font-weight:400;line-height:1}.lang,.check,.primary,.textlink,.chip,.tab{box-shadow:none;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0;margin:0;padding:0}.lang-switch{flex:none;align-items:center;gap:18px;display:flex}.lang{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid #0000;padding-bottom:6px;font-size:13px;font-weight:500;line-height:1}.lang.is-on{color:var(--ink);border-bottom-color:var(--accent)}.lang:hover{color:var(--ink)}html[lang=zh-Hans] .lang{font-family:var(--cjk);letter-spacing:0;text-transform:none;font-weight:500}html[lang=zh-Hans] .lang.is-on{font-weight:700}.hero{grid-template-columns:minmax(0,1fr) minmax(220px,360px);align-items:start;column-gap:40px;margin-top:28px;display:grid}.tagline{max-width:11em;font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;margin-top:0;font-size:clamp(48px,6.2vw,84px);font-weight:400;line-height:1}html[lang=zh-Hans] .tagline{max-width:12em;font-family:var(--cjk);letter-spacing:-.03em;text-transform:none;font-size:clamp(36px,4.6vw,60px);font-weight:900;line-height:1.2}.lede{max-width:36em;margin-top:22px;font-size:18px;line-height:1.45}html[lang=zh-Hans] .lede{font-family:var(--cjk);letter-spacing:0;font-weight:400;line-height:1.6}.block{margin-top:88px}.posters{align-self:stretch;min-height:100%;margin:0;position:relative;container-type:size}.mosaic{aspect-ratio:.639154;width:min(100cqw,63.9154cqh);position:absolute;top:0;right:0;container-type:inline-size}.mosaic-inner{flex-direction:column;gap:2cqw;height:100%;display:flex}.poster-top{flex:2.2968 1 0;gap:2cqw;min-height:0;display:flex}.poster-side{flex-direction:column;flex:1 1 0;gap:2cqw;min-width:0;min-height:0;display:flex}.poster{min-width:0;min-height:0;margin:0;position:relative}.poster-916{flex:1.2919 1 0}.poster-45{flex:1.25 1 0}.poster-11{flex:1 1 0}.poster-169{flex:1.3155 1 0}.poster img{object-fit:cover;object-position:center;border:1px solid var(--ink);width:100%;height:100%;box-shadow:none;background:var(--paper);border-radius:0;display:block}.poster figcaption{color:var(--accent);font-family:var(--mono);letter-spacing:.04em;font-size:11px;font-weight:500;line-height:1;position:absolute;bottom:7px;left:7px}.drop{border:1px solid var(--ink);min-height:188px;box-shadow:none;background:var(--paper);cursor:pointer;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;margin-top:28px;padding:26px 28px;transition:border-color .16s;display:flex}.drop.is-over{border-color:var(--accent)}.drop-kicker{color:var(--accent);font-family:var(--text);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600;line-height:1.2}html[lang=zh-Hans] .drop-kicker{font-family:var(--cjk);letter-spacing:0;text-transform:none;font-size:14px;font-weight:700}.drop-title{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1}html[lang=zh-Hans] .drop-title{font-family:var(--cjk);letter-spacing:-.03em;text-transform:none;font-size:clamp(30px,3.6vw,44px);font-weight:900;line-height:1.15}.drop .hint{margin-top:0}.drop .primary{margin-top:2px}h2,.label{font-family:var(--text);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.2}html[lang=zh-Hans] h2,html[lang=zh-Hans] .label{font-family:var(--cjk);letter-spacing:0;text-transform:none;font-size:15px;font-weight:700}.label{color:var(--muted);margin-top:28px}html[lang=zh-Hans] .label{color:var(--ink)}.presets{flex-wrap:wrap;gap:10px 22px;margin-top:14px;display:flex}.chip{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #0000;padding-bottom:4px;font-size:13px;font-weight:500;line-height:1.2}.chip.is-on{color:var(--accent);border-bottom-color:var(--accent)}.chip:hover{color:var(--ink)}.chip.is-on:hover{color:var(--accent)}html[lang=zh-Hans] .chip{font-family:var(--cjk);letter-spacing:0;text-transform:none;font-weight:500}html[lang=zh-Hans] .chip.is-on{font-weight:700}.tabs{border-bottom:1px solid var(--ink);scrollbar-color:var(--ink) transparent;gap:0;margin-top:36px;display:flex;overflow-x:auto}.tab{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex:none;align-items:baseline;gap:.45em;padding:14px 16px 13px;font-size:13px;font-weight:500;line-height:1;display:inline-flex;position:relative}.tab.is-on{color:var(--ink)}.tab.is-on:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:0;left:0;right:0}.tab:hover{color:var(--ink)}.tab-count{font-family:var(--mono);letter-spacing:0;color:#0000;font-size:12px;font-weight:500}.tab-count.is-on{color:var(--accent)}.panel{padding-top:8px}.check{color:var(--ink);align-items:center;gap:.7em;font-size:15px;line-height:1.35;display:inline-flex}.check:before{content:"";border:1px solid var(--ink);background:0 0;flex:none;width:11px;height:11px;transition:background .16s,border-color .16s}.check.is-on:before{background:var(--accent);border-color:var(--accent)}.check:hover{color:var(--accent)}.check:disabled{opacity:.35;cursor:default}.check:disabled:hover{color:var(--ink)}.select-all{letter-spacing:.12em;text-transform:uppercase;margin-top:16px;font-size:13px;font-weight:600}html[lang=zh-Hans] .select-all{font-family:var(--cjk);letter-spacing:0;text-transform:none;font-weight:700}.row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:8px 20px;padding:16px 0;display:flex}.row .check{margin-right:auto}.row.is-dim,.dim{color:var(--muted)}.px{font-family:var(--mono);letter-spacing:0;color:var(--muted);font-size:12px;font-weight:500}.verify{color:var(--muted);letter-spacing:.04em;font-size:12px}html[lang=zh-Hans] .verify{letter-spacing:0}.note{margin-top:2px;font-size:13px;display:block}.go-row{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:16px;display:flex}.primary{background:var(--accent);min-height:52px;color:var(--accent-ink);letter-spacing:.14em;text-transform:uppercase;align-items:center;padding:0 26px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.primary:hover{color:var(--accent-ink);background:#e04410}.primary:disabled{color:#8a8a8a;cursor:default;background:#ececec}html[lang=zh-Hans] .primary{font-family:var(--cjk);letter-spacing:0;text-transform:none;font-size:16px;font-weight:700}.textlink{color:var(--ink);text-underline-offset:.22em;font-size:14px;text-decoration:underline;text-decoration-thickness:1px}.textlink:hover{color:var(--accent)}.samples{flex-wrap:wrap;gap:16px 24px;margin-top:16px;display:flex}.hint{color:var(--muted);margin-top:12px;font-size:14px;font-style:normal;line-height:1.45}html[lang=zh-Hans] .hint{font-family:var(--cjk);letter-spacing:0}#status{color:var(--ink);margin-top:0;font-size:15px}#status:empty{display:none}.sizelist{margin:22px 0 0;padding:0;list-style:none}.sizelist li{border-bottom:1px solid var(--line);margin:0;padding:12px 0;font-size:14px}.sizelist strong,.shot-size strong{font-family:var(--mono);letter-spacing:0;font-weight:500}.grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:56px 36px;margin-top:36px;display:grid}.shot:only-child{max-width:560px}.shot-frame{background:var(--paper);border:1px solid var(--ink);width:100%;box-shadow:none;touch-action:none;cursor:grab;border-radius:0;position:relative;overflow:hidden}.shot-frame:active{cursor:grabbing}.shot.is-bad .shot-frame{border:2px solid var(--bad)}.shot-frame canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mask{pointer-events:none;position:absolute;inset:0}.band,.zone{outline-offset:-1px;background-color:#ff5a1f52;background-image:repeating-linear-gradient(-45deg,#ff5a1fb8 0 1.5px,#0000 1.5px 8px);outline:1px solid #ff5a1f;position:absolute}.shot-size{letter-spacing:.16em;text-transform:uppercase;margin-top:14px;font-size:12px;font-weight:600;line-height:1.3}html[lang=zh-Hans] .shot-size{font-family:var(--cjk);letter-spacing:0;text-transform:none;font-size:14px;font-weight:700}.who{margin-top:6px}.who-item{color:var(--muted);font-size:13px;line-height:1.45;display:block}.bad span{color:var(--bad);margin-top:8px;font-size:14px;line-height:1.4;display:block}.tools{gap:18px;margin-top:8px;display:flex}#safe-row{margin-top:18px}#safe-hint{max-width:42em}.checked{color:var(--muted);letter-spacing:.04em;margin-top:72px;font-size:12px}html[lang=zh-Hans] .checked{letter-spacing:0}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 24px;margin-top:28px;padding-top:18px;display:flex}.site-footer a{color:var(--muted);letter-spacing:.04em;font-size:13px;text-decoration:none}.site-footer .credit{letter-spacing:0;font-size:12px}.site-footer a:hover{color:var(--accent)}.player{opacity:1;pointer-events:none;width:160px;height:90px;position:fixed;top:0;left:-240px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}@media (max-width:860px){.hero-copy{display:contents}.tagline{order:1}.lede{order:2}.posters{order:3;align-self:auto;width:100%;max-width:420px;height:auto;min-height:0;position:relative;container-type:normal}.mosaic{aspect-ratio:.639154;width:100%;position:relative;top:auto;right:auto}#hero-slot{order:4}.hero{grid-template-columns:1fr;align-items:start}}@media (max-width:720px){.page{width:auto;margin:0;padding:22px 20px 72px}h1{letter-spacing:.03em;font-size:16px}.plug{width:36px}.hero{grid-template-columns:1fr;gap:28px;margin-top:28px}.tagline{font-size:clamp(40px,11.2vw,56px)}html[lang=zh-Hans] .tagline{letter-spacing:-.03em;font-size:clamp(32px,8.6vw,42px);line-height:1.2}.lede{font-size:16px}.posters{max-width:none;height:auto;min-height:0}.drop{min-height:168px;padding:22px 18px}.block{margin-top:56px}.grid{grid-template-columns:1fr;gap:40px}.shot:only-child{max-width:none}.primary{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}