.st-loading{opacity:.7;pointer-events:none;transition:opacity var(--dur-2)}.st-filename{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:min(42ch,60vw);display:inline-block;overflow:hidden}.st-count{background:var(--surface)}.st-stack{gap:var(--space-3);display:grid}.st-reveal{animation:st-reveal var(--dur-3) var(--ease-out) both}@keyframes st-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.st-go-hint{margin-top:var(--space-2);font-size:var(--step--1);text-align:center;overflow-wrap:anywhere}.options .field-label svg{vertical-align:-2px;color:var(--accent);margin-right:4px}.st-seg{width:100%}.st-seg button{flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;display:inline-flex}.st-seg button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.st-slider{gap:6px;display:grid}.st-slider__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.st-slider__val{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);text-align:center;min-width:3.5em;padding:2px 8px;font-size:.8rem;font-weight:700}.st-range{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.st-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--pct,50%), var(--border) var(--pct,50%) 100%);border-radius:99px;height:6px}.st-range::-moz-range-track{background:var(--border);border-radius:99px;height:6px}.st-range::-moz-range-progress{background:var(--accent);border-radius:99px;height:6px}.st-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:3px solid var(--accent);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--dur-1) var(--ease-out);border-radius:50%;margin-top:-8px}.st-range::-moz-range-thumb{background:var(--surface);border:3px solid var(--accent);border-radius:50%;width:18px;height:18px}.st-range:active::-webkit-slider-thumb{transform:scale(1.15)}.st-range:focus-visible{outline:none}.st-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft), 0 0 0 6px var(--focus-ring)}.st-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--focus-ring)}.st-swatches{flex-wrap:wrap;gap:8px;display:flex}.st-swatch{background:var(--sw);border:2px solid var(--surface);width:34px;height:34px;box-shadow:0 0 0 1px var(--border);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-2);border-radius:50%;position:relative}.st-swatch:hover{transform:scale(1.08)}.st-swatch[aria-pressed=true],.st-swatch--custom.is-on{box-shadow:0 0 0 2px var(--accent)}.st-swatch:focus-visible,.st-swatch--custom:focus-within{outline:3px solid var(--focus-ring);outline-offset:2px}.st-swatch--custom{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#ef4444);place-items:center;display:grid}.st-swatch--custom.is-on:after{content:"";background:var(--sw);border:2px solid #fff;border-radius:50%;width:14px;height:14px}.st-swatch--custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.st-more{border-top:1px solid var(--border);padding-top:var(--space-3)}.st-more summary{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:8px;min-height:36px;font-weight:700;list-style:none;display:flex}.st-more summary::-webkit-details-marker{display:none}.st-more summary:after{content:"";width:9px;height:9px;transition:transform var(--dur-2) var(--ease-out);opacity:.6;border-bottom:2px solid;border-right:2px solid;margin-left:auto;transform:rotate(45deg)translateY(-3px)}.st-more[open] summary:after{transform:rotate(-135deg)translateY(-2px)}.st-more summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.st-more summary svg{color:var(--accent)}.st-more__body{gap:var(--space-4);padding-top:var(--space-3);animation:st-reveal var(--dur-3) var(--ease-out) both;display:grid}.pp{aspect-ratio:1/1.3;background:var(--surface);border:1px solid var(--border);width:116px;box-shadow:var(--shadow-sm), inset 0 0 0 4px color-mix(in srgb, var(--surface-2) 60%, transparent);border-radius:10px;flex:none;gap:6px;padding:8px;display:grid}.pp.is-disabled{opacity:.5}.pp__spot{cursor:pointer;min-height:30px;transition:background-color var(--dur-2);border-radius:6px;align-items:center;padding:0 4px;display:grid}.pp__spot--l{justify-items:start}.pp__spot--c{justify-items:center}.pp__spot--r{justify-items:end}.pp__spot:hover{background:var(--accent-soft)}.pp__spot:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.pp__mark{background:var(--border);width:18px;height:6px;transition:background-color var(--dur-2), transform var(--dur-2) var(--ease-spring), width var(--dur-2) var(--ease-out);border-radius:3px;display:block}.pp__spot:hover .pp__mark{background:color-mix(in srgb, var(--accent) 50%, var(--border))}.pp__spot[aria-checked=true] .pp__mark{background:var(--accent);width:24px;box-shadow:0 2px 8px -2px var(--accent-shadow);transform:scale(1.1)}.pp__lines{grid-column:auto;align-content:center;gap:6px;padding:0 2px;display:grid}.pp__lines i{background:var(--surface-2);border-radius:2px;height:4px;display:block}.pp__lines i:nth-child(2){width:80%}.pp--bar .pp__lines:nth-child(4) i,.pp--bar .pp__lines:nth-child(6) i{width:100%}.pp--dot{width:120px}.pp--dot .pp__spot{justify-items:center}.pp--dot .pp__mark{border-radius:50%;width:12px;height:12px}.pp--dot .pp__spot[aria-checked=true] .pp__mark{width:16px;height:16px;transform:none}.pn-pos,.wm-grid{align-items:center;gap:var(--space-4);display:flex}.pn-pos__name{color:var(--text-muted);font-weight:700;font-size:var(--step--1)}.pn-main{padding:var(--space-2)}.pn-formats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pn-format{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-height:44px;font-family:var(--font-mono);color:var(--text);cursor:pointer;transition:border-color var(--dur-2), box-shadow var(--dur-2), background-color var(--dur-2);padding:6px 10px;font-size:.86rem;font-weight:600}.pn-format:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border))}.pn-format[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}.pn-format:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.pn-row{gap:var(--space-3);grid-template-columns:.8fr 1.2fr;align-items:end;display:grid}.pn-row .segmented button{min-height:38px}.pn-row .input{min-height:46px}.pn-ov{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pn-ov__halo{fill:color-mix(in srgb, var(--sheen) 16%, transparent);stroke:var(--sheen);stroke-width:1.5px;vector-effect:non-scaling-stroke;animation:2.4s ease-in-out infinite pn-pulse}.pn-ov text{white-space:pre}.pn-bg-swatch{border:1px solid var(--border-strong,var(--border));background:#fff;border-radius:3px;flex:none;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 1px #0000000a}@keyframes pn-pulse{50%{fill:color-mix(in srgb, var(--sheen) 6%, transparent)}}@media (prefers-reduced-motion:reduce){.pn-ov__halo{animation:none}}.pn-cap{font-family:var(--font-mono);color:var(--text);background:var(--surface-2);border-radius:6px;padding:1px 6px;font-size:.78rem}.pn-cap--off{color:var(--text-muted);background:0 0;padding:0;font-family:inherit}.wm-main{gap:var(--space-3);padding:var(--space-4);background:var(--surface-2);background-image:radial-gradient(var(--grid-line) 1px, transparent 1px);background-size:16px 16px;max-height:none;display:grid}.wm-stage{place-items:center;display:grid}.wm-page{width:min(100%, calc(64vh * var(--ar,.707)));aspect-ratio:var(--ar,.707);width:round(down, min(100%, calc(64vh * var(--ar,.707))), 1px);transition:aspect-ratio var(--dur-3) var(--ease-out);background:#fff;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014,0 18px 40px -18px #00000059}.wm-page>img{width:100%;height:100%;display:block;position:absolute;inset:0}.wm-page>.skeleton{position:absolute;inset:0}.wm-ov{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wm-ov text{white-space:pre}.wm-page.is-behind .wm-ov{mix-blend-mode:multiply}.wm-badge{border-radius:var(--radius-pill);color:#fff;background:#15171cc7;padding:4px 12px;font-size:.8rem;font-weight:700;position:absolute;top:10px;left:50%;translate:-50%}.wm-pager{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.wm-pager .btn{width:44px;min-height:44px}.wm-pager__label{font-weight:700;font-size:var(--step--1);text-align:center;min-width:9ch}.wm-presets{gap:6px;display:flex}.wm-presets .wm-preset{letter-spacing:.05em;flex:auto;padding:4px 8px}.wm-preset{border-radius:var(--radius-pill);border:1.5px dashed color-mix(in srgb, #c0392b 50%, var(--border));background:var(--surface);min-height:40px;color:var(--text);letter-spacing:.08em;cursor:pointer;transition:border-color var(--dur-2), background-color var(--dur-2), color var(--dur-2), transform var(--dur-1);padding:4px 14px;font-size:.78rem;font-weight:800}.wm-preset:hover{transform:translateY(-1px)}.wm-preset[aria-pressed=true]{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.wm-preset:focus-visible,.wm-angle:focus-visible,.wm-imgpick:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.wm-angles{gap:6px;display:flex}.wm-angle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-height:36px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;flex:1;font-size:.8rem;font-weight:700}.wm-angle[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.wm-imgpick{align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:left;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--accent);cursor:pointer;transition:border-color var(--dur-2), background-color var(--dur-2);display:flex}.wm-imgpick strong{color:var(--text)}.wm-imgpick:hover{border-color:var(--accent);background:var(--accent-soft)}.wm-imgcard{align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:flex}.wm-imgcard img{object-fit:contain;background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 50% / 12px 12px;border-radius:8px;flex:none;width:56px;height:56px}.wm-imgcard__info{min-width:0;font-size:var(--step--1);flex:1;display:grid}.wm-imgcard__info strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wm-note{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--warning) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 28%, transparent);font-size:var(--step--1);color:var(--text);align-items:flex-start;display:flex}.wm-note svg{color:var(--warning);flex:none;margin-top:1px}@media (width<=860px){.pn-main{max-height:58vh}.pn-main .page-grid--lg{--pg-min:120px}.wm-main{padding:var(--space-3)}.wm-page{width:min(100%, calc(70vh * var(--ar,.707)));width:round(down, min(100%, calc(70vh * var(--ar,.707))), 1px)}.st-filename{max-width:70vw}}