html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{margin:0}img{max-width:100%}[hidden]{display:none!important}:root{--bg:#f3f4f2;--panel:#fff;--fg:#1d2420;--muted:#5d6862;--line:#d9ddd9;--accent:#2f6b4f;--accent-fg:#fff;--accent-soft:#e3eee8;--danger:#a63d32;--checker:#e7e9e6;--warn-fg:#7a4f00;--warn-bg:#fbefd6;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141816;--panel:#1c211e;--fg:#e4e8e5;--muted:#9aa49e;--line:#2f3632;--accent:#6fbf96;--accent-fg:#0f1a14;--accent-soft:#22352b;--danger:#e27b6f;--checker:#232925;--warn-fg:#f0c060;--warn-bg:#3a2f17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#141816;--panel:#1c211e;--fg:#e4e8e5;--muted:#9aa49e;--line:#2f3632;--accent:#6fbf96;--accent-fg:#0f1a14;--accent-soft:#22352b;--danger:#e27b6f;--checker:#232925;--warn-fg:#f0c060;--warn-bg:#3a2f17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}:root{--head-h:58px}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;line-height:1.45}.wrap{max-width:1180px;padding-block:20px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.intro{color:var(--muted);max-width:70ch;margin:0 0 14px}.grid{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=820px){.grid{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:600}.drop{border:1.5px dashed var(--line);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:20px 12px;transition:border-color .15s,background .15s;display:flex}.drop.over,.drop.flash{border-color:var(--accent);background:var(--accent-soft)}.drop small{color:var(--muted)}.drop .row{justify-content:center;margin-top:8px}kbd{font-family:var(--mono);border:1px solid var(--line);background:var(--panel);color:var(--fg);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:11px}@media (hover:none){.kbd-hint{display:none}}button,select,input[type=number],input[type=text]{font:inherit;color:inherit}.btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:7px;padding:7px 12px;font-weight:500}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{padding:4px 10px;font-size:13px}.btn:focus-visible,.icon:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.item{border:1px solid var(--line);background:var(--panel);cursor:grab;border-radius:8px;grid-template-columns:22px 26px 56px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.item.dragging{opacity:.4}.item.target{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.handle{color:var(--muted);text-align:center;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1}.num{font-family:var(--mono);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.item img{object-fit:cover;border:1px solid var(--line);background:var(--checker);border-radius:4px;width:56px;height:40px}.meta{min-width:0}.name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.dims{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.acts{gap:2px;display:flex}.icon{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:5px;width:26px;height:26px;font-size:14px}.icon:hover{background:var(--accent-soft);color:var(--fg)}.icon.del:hover{color:var(--danger)}.icon:disabled{opacity:.3;cursor:default;background:0 0}.section{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.settings{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px 12px;display:grid}.settings label{color:var(--muted);font-size:13px}select,input[type=number],input[type=text]{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:100%;min-width:0;padding:5px 8px}.row select{width:auto}#sort{padding:3px 6px;font-size:13px}input[type=color]{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:42px;height:30px;padding:2px}.inline{align-items:center;gap:8px;display:flex}.preview{top:calc(var(--head-h) + 12px);position:sticky}.stage{background:var(--checker);border-radius:8px;justify-content:center;align-items:flex-start;max-height:72vh;padding:12px;display:flex;overflow:auto}.stage canvas{max-width:100%;height:auto;box-shadow:0 1px 6px #00000026}.placeholder{color:var(--muted);text-align:center;padding:64px 16px}.export{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.export #fname{flex:140px;width:auto}.export #fmt,.export #quality,.export #slice{flex:none;width:auto}.btn.danger{color:var(--danger)}.btn.danger:hover{border-color:var(--danger)}.toast-act{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 0 10px;font-weight:600;text-decoration:underline}.stat{font-family:var(--mono);color:var(--muted);font-size:12px}.toast{min-height:18px;color:var(--accent);font-size:13px}.toast.err{color:var(--danger)}.item.cur{background:var(--accent-soft)}.gtag{font-family:var(--mono);color:var(--accent);margin-right:8px;font-size:11px}.gnav{align-items:center;gap:4px;display:flex}.hint{color:var(--muted);font-size:12px}.sizes{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sizes input[type=number]{width:60px}.sz{align-items:center;gap:4px;display:inline-flex}.sample{color:var(--muted);background:var(--accent-soft);border-radius:6px;padding:6px 10px;font-size:12px}button.num{cursor:pointer;font-family:var(--mono);background:0 0;border:0;padding:0}button.num:hover{color:var(--accent);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.touch-only{display:none}@media (hover:none){.touch-only{display:inline}.mouse-only{display:none}}@media (width<=820px){.wrap{padding-block:14px 24px}.preview{position:static}.list{overscroll-behavior:contain;max-height:55vh;padding-right:2px;overflow:auto}.stage{max-height:65vh;padding:8px}.drop{padding:16px 12px}.toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10;text-align:center;background:var(--fg);width:max-content;max-width:calc(100% - 32px);min-height:0;color:var(--bg);border-radius:999px;padding:9px 16px;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.toast.err{background:var(--danger);color:#fff}.toast:empty{display:none}}@media (pointer:coarse){.handle{display:none}.item{cursor:default;grid-template-columns:28px 48px minmax(0,1fr) auto;gap:6px}.item img{width:48px;height:34px}.num{min-height:36px;font-size:13px}.icon{width:36px;height:36px;font-size:16px}.btn{padding:10px 14px}.btn.sm{padding:7px 12px}select,input[type=number],input[type=text],#sort{padding:8px 10px;font-size:16px}input[type=color]{width:48px;height:40px}.sizes input[type=number]{width:68px}}@media (width<=480px){.export .btn,.export #fmt,.export #quality,.export #slice{flex:40%}.settings{grid-template-columns:68px minmax(0,1fr)}.intro{font-size:13px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.warn{color:var(--warn-fg);background:var(--warn-bg);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 12px;font-size:13px;display:flex}.warn span{flex:240px;min-width:0}.check{color:var(--fg);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent);margin:0}.trim{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.trim-edge{color:var(--muted);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:6px;font-size:13px;display:grid}@media (pointer:coarse){.check input{width:20px;height:20px}}.overlay{z-index:50;padding:calc(16px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#0f141173;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;width:min(920px,100%);min-height:0;max-height:100%;padding:16px;display:flex;box-shadow:0 12px 40px #00000040}.picker-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.picker-head strong{overflow-wrap:anywhere;min-width:0;font-size:15px}.pick-field{min-width:0;color:var(--muted);flex:220px;align-items:center;gap:8px;font-size:13px;display:flex}.pick-field input{flex:1;min-width:0}.thumbs{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;min-height:0;padding:2px;display:grid;overflow:auto}.thumb{border:2px solid var(--line);background:var(--checker);cursor:pointer;aspect-ratio:16/9;border-radius:8px;max-width:100%;padding:0;position:relative;overflow:hidden}.thumb img{object-fit:contain;opacity:.35;width:100%;height:100%;transition:opacity .12s;display:block}.thumb.on{border-color:var(--accent)}.thumb.on img{opacity:1}.thumb-ph{width:100%;height:100%;display:block}.thumb-no{font-family:var(--mono);background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 6px;font-size:11px;position:absolute;top:6px;left:6px}.thumb.on .thumb-no{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.picker-foot{justify-content:flex-end}.site-head{z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0}.site-head-in{max-width:1180px;min-height:var(--head-h);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));align-items:center;gap:8px 20px;margin:0 auto;display:flex}.brand{color:var(--fg);white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.mark{flex:none;width:26px;height:26px}.nav{scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-link{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:13.5px;font-weight:500}.nav-link:hover{color:var(--fg);background:var(--accent-soft)}.nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.head-actions{flex:none;gap:8px;display:flex}#add,#order,#layout,#trim,#captions,#groups,#export{scroll-margin-top:calc(var(--head-h) + 16px)}.spot{animation:1.4s ease-out spot}@keyframes spot{0%,30%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 3px #0000}}@media (width<=820px){.site-head{position:relative}#add,#order,#layout,#trim,#captions,#groups,#export{scroll-margin-top:16px}.site-head-in{flex-wrap:wrap;min-height:0;padding-block:8px 4px}.nav{flex-basis:100%;order:3;margin:0 -6px;padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.head-actions{margin-left:auto}}@media (width<=420px){.head-actions .btn:not(.primary){display:none}}.site-foot{border-top:1px solid var(--line);background:var(--panel);margin-top:24px}.site-foot-in{max-width:1180px;padding-block:32px 28px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:28px 24px;margin:0 auto;display:grid}.foot-about{flex-direction:column;gap:12px;min-width:0;display:flex}.foot-about p{color:var(--muted);max-width:44ch;margin:0;font-size:13.5px}.foot-badges{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.foot-badges li{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500}.foot-badges li:before{content:"✓ ";font-weight:700}.foot-nav{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.foot-nav .label{margin-bottom:6px}.foot-nav .nav-link{color:var(--muted);background:0 0;padding:3px 0;font-size:13.5px;text-decoration:none}.foot-nav .nav-link:hover,.foot-nav .nav-link.on{color:var(--fg);background:0 0}.foot-nav .nav-link:hover{text-decoration:underline}.foot-bottom{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.foot-bottom-in{max-width:1180px;color:var(--muted);padding-block:14px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin:0 auto;font-size:12px;display:flex}.foot-credits{max-width:80ch}.foot-credits a,.foot-legal a{color:inherit}@media (width<=1000px){.site-foot-in{grid-template-columns:repeat(4,minmax(0,1fr))}.foot-about{grid-column:1/-1}.foot-about p{max-width:70ch}}@media (width<=620px){.site-foot-in{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-bottom-in{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}@media (width<=1240px){.tool-link.feat[data-rank="4"]{display:none}}@media (width<=1120px){.tool-link.feat[data-rank="3"]{display:none}}@media (width<=1000px){.tool-link.feat[data-rank="2"]{display:none}}@media (width<=820px){.tool-link.feat[data-rank="2"]{display:inline-block}.tool-link.feat[data-rank="3"]{display:none}}@media (width<=420px){.tool-link.feat[data-rank="2"]{display:none}.tool-link{padding:6px 10px}}.help{width:min(620px,100%);overflow:auto}.steps{flex-direction:column;gap:12px;margin:0;padding-left:22px;display:flex}.steps li{flex-direction:column;gap:2px;padding-left:4px;display:flex}.steps li::marker{font-family:var(--mono);color:var(--accent);font-weight:500}.steps span{color:var(--muted);font-size:14px}@media (prefers-reduced-motion:reduce){.spot{animation:none}}.hint code{font-family:var(--mono);background:var(--checker);border-radius:4px;padding:0 4px;font-size:11.5px}.item .acts{flex-wrap:nowrap}.htag{color:var(--accent)}.redact{width:min(980px,100%)}.redact-stage{background:var(--checker);border-radius:8px;justify-content:center;min-height:0;padding:8px;display:flex;overflow:auto}.redact-canvas{touch-action:none;cursor:crosshair;width:auto;max-width:100%;height:auto;max-height:62vh;display:block}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--panel);font:inherit;cursor:pointer;color:var(--muted);border:0;padding:6px 12px;font-size:13px;font-weight:500}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent);color:var(--accent-fg)}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.inline select{flex:none;width:auto}.tools{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.tools::-webkit-scrollbar{display:none}.tool-link{color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none}.tool-link:hover{color:var(--fg);background:var(--accent-soft)}.tool-link.on{color:var(--accent-fg);background:var(--accent)}.tool-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-sub{border-top:1px solid var(--line)}.site-sub .nav{max-width:1180px;padding-block:4px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.site-sub .nav-link{padding:5px 10px;font-size:13px}.foot-nav a.nav-link{color:var(--muted);text-decoration:none}.foot-nav a.nav-link:hover{color:var(--fg);text-decoration:underline}@media (width>=821px){:root{--head-h:96px}}@media (width<=820px){.tools{flex-basis:100%;order:3;margin:2px -6px 0}.site-sub .nav{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}}.tool-head{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.tool-head h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.tool-head p{color:var(--muted);max-width:70ch;margin:0}.preset-note{background:var(--accent-soft);border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;font-size:13px;display:flex}.preset-note a{color:var(--accent)}.badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.badge.ok{color:var(--accent-fg);background:var(--accent)}.badge.bad{color:#fff;background:var(--danger)}.fit-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fit-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.fit-thumb{background:var(--checker);border-radius:6px;justify-content:center;align-items:center;width:96px;height:72px;display:flex;overflow:hidden}.fit-thumb img{object-fit:contain;max-width:100%;max-height:100%;display:block}.fit-reason{color:var(--danger);margin-top:2px;font-size:12.5px}.fit-acts{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}@media (width<=520px){.fit-row{grid-template-columns:72px minmax(0,1fr)}.fit-thumb{width:72px;height:56px}.fit-acts{grid-column:1/-1;justify-content:flex-start}}.sig-stage{align-items:center;min-height:220px}.sig-stage.checker{background-color:#fff;background-image:linear-gradient(45deg,#e4e6e3 25%,#0000 25% 75%,#e4e6e3 75%),linear-gradient(45deg,#e4e6e3 25%,#0000 25% 75%,#e4e6e3 75%);background-position:0 0,8px 8px;background-size:16px 16px}.sig-out{max-width:100%;max-height:60vh;display:block;box-shadow:0 1px 6px #0000001f}input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.ltag{color:var(--danger)}.sample a{color:var(--accent);font-weight:500}.tips{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13.5px;display:flex}.tips strong{color:var(--fg);font-weight:600}.facts{flex-wrap:wrap;gap:4px 6px;margin:3px 0;display:flex}.fact{background:var(--checker);color:var(--fg);border-radius:6px;padding:1px 7px;font-size:12px}.fact.bad{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.fact.ok{background:var(--accent-soft);color:var(--accent)}.fact a,.foot-note a{color:inherit}textarea{font:inherit;color:inherit;border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:6px;width:100%;min-width:0;padding:8px 10px;line-height:1.6}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){textarea{font-size:16px}}.swatches{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.swatch{font:inherit;cursor:pointer;border:2px solid;border-radius:8px;padding:12px 6px;font-size:13px;font-weight:600}.swatch.on,.swatch:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.card-stage{max-height:70vh}.card-canvas{width:auto;max-width:100%;height:auto;max-height:66vh}.scan-thumb{border:1px solid var(--line);background:var(--checker);border-radius:4px;width:56px;height:auto;max-height:72px}.scan-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}@media (width<=600px){.scan-pair{grid-template-columns:minmax(0,1fr)}}.scan-edit{background:var(--checker);touch-action:none;border-radius:8px;position:relative;overflow:hidden}.scan-edit img{width:100%;height:auto;display:block}.scan-edit svg{width:100%;height:100%;position:absolute;inset:0}.scan-poly{fill:#2f6b4f1f;stroke:var(--accent)}.scan-handle{fill:#fff;stroke:var(--accent);cursor:grab}.scan-result{background:var(--checker);border-radius:8px;justify-content:center;padding:8px;display:flex}.scan-result img{max-width:100%;max-height:60vh;display:block;box-shadow:0 1px 6px #00000026}.id-pair{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:14px;display:grid}@media (width<=600px){.id-pair{grid-template-columns:minmax(0,1fr)}}.id-frame{object-fit:contain;touch-action:none;cursor:grab;background:var(--checker);border-radius:8px;width:100%;height:auto;max-height:62vh;box-shadow:0 1px 6px #00000026}.id-out{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.id-out img{border:1px solid var(--line);border-radius:4px;max-width:100%}.wrap-seg{flex-wrap:wrap;width:fit-content;max-width:100%}.warn-text{color:var(--danger)}.text-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px;display:grid}.text-thumb{object-fit:contain;background:var(--checker);border-radius:4px;width:96px;max-height:140px}.text-body{flex-direction:column;gap:6px;min-width:0;display:flex}@media (width<=520px){.text-row{grid-template-columns:minmax(0,1fr)}.text-thumb{width:100%;max-height:160px}}.wm-logo{object-fit:contain;background:var(--checker);border-radius:4px;width:auto;max-width:96px;height:32px;padding:2px}.pos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:260px;display:grid}.wm-preview{max-width:100%;max-height:62vh;display:block;box-shadow:0 1px 6px #00000026}.cut-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.cut-item{border:1px solid var(--line);background:var(--checker);border-radius:8px;flex-direction:column;margin:0;display:flex;overflow:hidden}.cut-item.checker{background-color:#fff;background-image:linear-gradient(45deg,#e4e6e3 25%,#0000 25% 75%,#e4e6e3 75%),linear-gradient(45deg,#e4e6e3 25%,#0000 25% 75%,#e4e6e3 75%);background-position:0 0,8px 8px;background-size:16px 16px}.cut-item img{object-fit:contain;width:100%;height:220px;display:block}.cut-item figcaption{background:var(--panel);padding:6px 8px;font-size:13px}.tools{overflow:visible}.tools-menu{position:relative}.tools-menu>.tool-link{font:inherit;cursor:pointer;background:0 0;border:0}.tools-menu>.tool-link.on{background:var(--accent);color:var(--accent-fg)}.tools-panel{z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;width:min(760px,100vw - 32px);padding:14px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 36px #0000002e}.tools-group{flex-direction:column;gap:2px;min-width:0;display:flex}.tools-group .label{margin:0 8px 4px}.tools-item{color:var(--fg);border-radius:8px;flex-direction:column;gap:1px;padding:8px;text-decoration:none;display:flex}.tools-item strong{font-size:14px;font-weight:600}.tools-item span{color:var(--muted);font-size:12.5px;line-height:1.35}.tools-item:hover,.tools-item:focus-visible{background:var(--accent-soft);outline:none}.tools-item.on strong{color:var(--accent)}@media (width<=820px){.tools-panel{left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));grid-template-columns:minmax(0,1fr);width:auto;max-height:70vh;position:fixed;top:auto;overflow:auto}.tools{-webkit-mask-image:none;mask-image:none}}.ba-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ba-slot{border:2px dashed var(--line);background:var(--bg);aspect-ratio:3/4;cursor:pointer;font:inherit;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;padding:8px;font-size:13px;display:flex;position:relative;overflow:hidden}.ba-slot:hover{border-color:var(--accent)}.ba-slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ba-slot strong{background:var(--panel);color:var(--fg);border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;top:8px;left:8px}.wrap.guide{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-block:8px 36px;display:grid}.guide h2,.info h2{margin:18px 0 8px;font-size:16px}.guide p,.info p{color:var(--muted);max-width:68ch;margin:0 0 10px}.guide ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.guide details{border-bottom:1px solid var(--line);padding:9px 0}.guide summary{cursor:pointer;font-weight:500}.guide details p{margin:8px 0 2px}@media (width<=760px){.wrap.guide{grid-template-columns:1fr;gap:0}}.info section{max-width:72ch}.info ul{margin:0 0 10px;padding-left:20px}.wrap.ad{min-height:0;padding-block:0 16px}.seo-static{max-width:860px;margin:0 auto;padding:20px 16px 40px}.seo-static h1{font-size:24px}.seo-static nav ul{columns:2;padding-left:18px}