.spl{--spl-0:#0b6e78;--spl-1:#4b4fd1;--spl-2:#b45309;--spl-3:#be185d;--spl-4:#15803d;--spl-5:#0369a1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .spl{--spl-0:#3fc1c9;--spl-1:#9ea3ff;--spl-2:#f5b83d;--spl-3:#f472b6;--spl-4:#4ade80;--spl-5:#7dd3fc}}:root[data-theme=dark] .spl{--spl-0:#3fc1c9;--spl-1:#9ea3ff;--spl-2:#f5b83d;--spl-3:#f472b6;--spl-4:#4ade80;--spl-5:#7dd3fc}.spl-c0{--c:var(--spl-0)}.spl-c1{--c:var(--spl-1)}.spl-c2{--c:var(--spl-2)}.spl-c3{--c:var(--spl-3)}.spl-c4{--c:var(--spl-4)}.spl-c5{--c:var(--spl-5)}.spl-bar__file{align-items:center;gap:var(--space-3);flex:220px;min-width:0;display:flex}.spl-bar__icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.spl-bar__text{min-width:0;font-size:.93rem;line-height:1.3;display:grid}.spl-bar__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spl-main{position:relative}.spl-gridbar{z-index:3;justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-wrap:wrap;min-height:52px;display:flex;position:sticky;top:0}.spl-gridbar__title{align-items:center;gap:var(--space-2);font-size:.93rem;font-weight:700;display:inline-flex}.spl-gridbar__title svg{color:var(--accent)}.spl-gridbar__hint{font-size:var(--step--1)}.spl-gridbar__quick{flex-wrap:wrap;gap:2px;display:flex}.spl-gridbar__quick .btn{min-height:36px}.spl .page-grid{padding:var(--space-3)}.spl:not(.ext) .pg-card__frame{cursor:default}.spl-mark{box-shadow:inset 0 0 0 3px var(--c);background:linear-gradient(to top, color-mix(in srgb, var(--c) 22%, transparent), transparent 28%);animation:spl-in var(--dur-2,.16s) var(--ease-out,ease-out) both;border-radius:10px;position:absolute;inset:0}.spl-mark__tag{border-radius:var(--radius-pill);background:var(--c);color:#fff;min-width:26px;height:26px;box-shadow:var(--shadow-sm);place-items:center;padding:0 7px;font-size:.8rem;font-weight:700;display:grid;position:absolute;top:6px;left:6px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .spl-mark__tag{color:#0f1115}}:root[data-theme=dark] .spl-mark__tag{color:#0f1115}@keyframes spl-in{0%{opacity:0}to{opacity:1}}.spl .page-grid>li,.spl .pg-card__foot{min-width:0}.spl .pg-card__caption{flex:1;min-width:0}.spl-cap{align-items:center;gap:5px;min-width:0;display:flex}.spl-cap__t{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.spl-cap--out{font-style:italic}.spl-cap--new{color:var(--accent);font-weight:700}.spl-dot{background:var(--c);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.spl .pg-card.is-dimmed{opacity:.5}.spl .pg-card.is-dimmed:hover{opacity:.8}.ext .pg-card.is-selected .pg-thumb{box-shadow:0 0 0 3px var(--accent), var(--shadow-md)}.spl-modes{gap:var(--space-2);display:grid}.spl-mode{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color var(--dur-2), box-shadow var(--dur-2), background-color var(--dur-2);display:flex;position:relative}.spl-mode:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.spl-mode input{opacity:0;pointer-events:none;position:absolute}.spl-mode:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:color-mix(in srgb, var(--accent-soft) 45%, var(--surface))}.spl-mode:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:2px}.spl-mode.is-disabled{opacity:.55;cursor:not-allowed}.spl-mode__icon{background:var(--surface-2);width:34px;height:34px;color:var(--text-muted);transition:background-color var(--dur-2), color var(--dur-2);border-radius:10px;flex:none;place-items:center;display:grid}.spl-mode:has(input:checked) .spl-mode__icon{background:var(--accent);color:var(--accent-contrast)}.spl-mode__text{font-size:.93rem;line-height:1.25;display:grid}.spl-mode__text small{color:var(--text-muted);font-size:.82rem}.spl-range{letter-spacing:.01em;font-size:1rem}.spl-stepper{gap:var(--space-2);grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.spl-stepper .input{text-align:center;font-size:1.05rem}.spl-stepper .btn{padding:0}.spl-parts{padding:var(--space-1) 0;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);gap:2px;max-height:260px;margin:0;list-style:none;display:grid;overflow:auto}.spl-parts li{align-items:center;gap:var(--space-2);padding:6px var(--space-3);min-height:32px;font-size:.9rem;display:flex}.spl-parts__label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.spl-parts__pages{white-space:nowrap;font-size:.82rem}.spl-parts__more{font-size:.85rem}.spl-name-hint code,.spl-name-hint{overflow-wrap:anywhere}.spl-name-hint code{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1px 5px;font-size:.8rem}.spl-why{text-align:center;margin-top:var(--space-2)}.spl-why:empty{display:none}.spl-inline-icon{vertical-align:-2px;color:var(--accent);margin-right:2px}.ext .radio-card strong{align-items:center;gap:4px;display:inline-flex}.spl-opening{padding:clamp(2rem, 6vw, 3rem) var(--space-5);border-radius:calc(var(--radius-xl) - 8px);background:var(--surface-2)}.spl-result{gap:var(--space-4);display:grid}.spl-files{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.spl-files summary{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-4);cursor:pointer;font-weight:700;list-style:none;display:flex}.spl-files summary::-webkit-details-marker{display:none}.spl-files summary svg{transition:transform var(--dur-2);color:var(--text-muted)}.spl-files[open] summary svg{transform:rotate(180deg)}.spl-files summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.spl-files ul{padding:0 var(--space-2) var(--space-2);gap:2px;max-height:360px;margin:0;list-style:none;display:grid;overflow:auto}.spl-files li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.spl-files li:nth-child(odd){background:var(--surface-2)}.spl-files__name{align-items:center;gap:var(--space-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:700;display:inline-flex;overflow:hidden}.spl-files__name svg{color:var(--accent);flex:none}.spl-files__meta{white-space:nowrap;font-size:.85rem}@media (width<=860px){.spl-gridbar{position:static}.spl .page-grid{gap:var(--space-2);padding:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.spl .pg-card__foot{gap:4px;font-size:.76rem}.spl-files li{grid-template-columns:minmax(0,1fr) auto}.spl-files__meta{grid-row:2}.spl-files li .btn{grid-area:1/2/span 2}}@media (hover:none){.spl-gridbar__quick .btn{min-height:44px}}@media (prefers-reduced-motion:reduce){.spl-mark{animation:none}}