.gal{padding-block:8px 72px}.gal-filters{background:var(--tov-soft);border-radius:26px;gap:16px;padding:20px;display:grid}.gal-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.gal-filter-label{font:700 1.05rem/1.2 var(--app-font-display);margin:0}.gal-count{color:var(--app-text-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.gal-chips{flex-wrap:wrap;gap:8px;display:flex}.gal-chip{background:var(--app-surface);min-block-size:44px;color:var(--app-text);font:600 15px/1 var(--app-font-body);box-shadow:inset 0 0 0 1.5px var(--app-border);cursor:pointer;transition:background-color .2s var(--acc-ease), transform .16s var(--acc-ease);border:0;border-radius:999px;align-items:center;gap:8px;padding-inline:16px;display:inline-flex}.gal-chip:active{transform:scale(.97)}.gal-chip i{background:var(--tov-field);block-size:12px;inline-size:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text) 18%, transparent);border-radius:50%}.gal-chip[aria-pressed=true]{background:var(--tov-field);box-shadow:none}.gal-chip[aria-pressed=true] i{background:var(--app-text)}.gal-names{gap:6px;max-inline-size:440px;font-weight:600;display:grid}.gal-names input{background:var(--app-surface);min-block-size:48px;color:var(--app-text);font:500 16px/1 var(--app-font-body);box-shadow:inset 0 0 0 1.5px var(--app-border);border:0;border-radius:999px;padding-inline:18px}.gal-names input:focus-visible{box-shadow:inset 0 0 0 2px var(--app-text);outline:none}.gal-names small{color:var(--app-text-muted);font-size:.82rem;font-weight:400}.gal-layout{gap:40px;margin-block-start:32px;display:grid}.gal-stage-col{display:none}@media (width>=1024px){.gal-layout{grid-template-columns:372px minmax(0,1fr);gap:56px}.gal-stage-col{align-self:start;display:block;position:sticky;inset-block-start:88px}}.gal-stage{justify-items:center;gap:14px;display:grid}.gal-stage .wz-frame-box{block-size:clamp(460px,100svh - 290px,680px);inline-size:min(340px,100%)}.gal-stage-bar{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;inline-size:min(340px,100%);margin-block-start:6px;display:grid}.gal-stage-arrow{background:var(--app-surface);block-size:44px;inline-size:44px;color:var(--app-text);box-shadow:inset 0 0 0 1.5px var(--app-border);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.gal-stage-arrow svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;block-size:20px;inline-size:20px}[dir=rtl] .gal-stage-arrow svg{transform:scaleX(-1)}.gal-stage-name{text-align:center}.gal-stage-title{font:700 1.15rem/1.2 var(--app-font-display);margin:0}.gal-stage-count{color:var(--app-text-muted);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:.8rem}.gal-stage-desc{max-inline-size:34ch;color:var(--app-text-muted);text-align:center;margin:0;font-size:.92rem;line-height:1.45}.gal-stage-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gal-stage .gal-create,.gal-page{border-radius:999px;align-items:center;min-block-size:48px;padding-inline:22px;font-weight:600;text-decoration:none;display:inline-flex}.gal-stage .gal-create{background:var(--app-primary);color:var(--app-primary-fg)}.gal-page{color:var(--app-text);box-shadow:inset 0 0 0 1.5px var(--app-border-strong,var(--app-border))}.gal-family+.gal-family{margin-block-start:52px}.gal-family-head h2{font:700 clamp(1.45rem, 2.6vw, 2rem) / 1.15 var(--app-font-display);text-wrap:balance;margin:0}.gal-family-head p{max-inline-size:60ch;color:var(--app-text-muted);margin-block:6px 0}.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;margin:0;margin-block-start:18px;padding:0;list-style:none;display:grid}@media (width>=640px){.gal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}}@media (width>=1024px){.gal-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.gal-card{align-content:start;gap:6px;display:grid}.gal-thumb{aspect-ratio:3/4;background:var(--tov-soft);box-shadow:var(--acc-lift);transition:transform .35s var(--acc-ease), box-shadow .35s var(--acc-ease);border-radius:22px;display:block;position:relative;overflow:hidden}.gal-thumb img{object-fit:cover;object-position:50% 18%;block-size:100%;inline-size:100%}.gal-play{background:color-mix(in srgb, var(--app-primary) 86%, transparent);block-size:44px;inline-size:44px;transition:transform .25s var(--acc-ease);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-end:12px;inset-inline-end:12px}.gal-play svg{block-size:18px;inline-size:18px;fill:var(--app-primary-fg)}@media (hover:hover){.gal-thumb:hover{transform:translateY(-6px)}.gal-thumb:hover .gal-play{transform:scale(1.08)}}.gal-card[data-current] .gal-thumb{box-shadow:0 0 0 4px var(--tov-field), var(--acc-lift)}.gal-name{font:700 1.05rem/1.2 var(--app-font-display);margin:8px 0 0}.gal-desc{color:var(--app-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.4;display:-webkit-box;overflow:hidden}.gal-occ{color:var(--tov-deep);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:600}.gal-colors{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.gal-colors-count{color:var(--app-text-muted);margin-inline-end:4px;font-size:.8rem;font-weight:600}.gal-swatch{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;block-size:32px;inline-size:32px;padding:0;display:grid}.gal-swatch:before{content:"";background:var(--sw);block-size:22px;inline-size:22px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text) 18%, transparent), 0 0 0 2px var(--app-bg,#fff);border-radius:999px}.gal-swatch[aria-pressed=true]:before{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-text) 18%, transparent), 0 0 0 2px var(--app-bg,#fff), 0 0 0 4px var(--app-text)}.gal-swatch:focus-visible{outline:2px solid var(--app-text);outline-offset:1px}.gal-actions{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-block-start:4px;display:flex}.gal-watch{background:var(--app-primary);min-block-size:44px;color:var(--app-primary-fg);border-radius:999px;align-items:center;padding-inline:16px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.gal-card .gal-create{min-block-size:44px;color:var(--app-text);text-underline-offset:3px;align-items:center;font-size:.88rem;font-weight:600;text-decoration:underline;display:inline-flex}@media (width<=639px){.gal-desc,.gal-card .gal-create{display:none}}html.gal-lock{overflow:hidden}.gal-preview{z-index:9000;padding-block:calc(64px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--app-primary) 95%, transparent);color:var(--app-primary-fg);place-items:center;padding-inline:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.gal-preview .wz-frame-box{block-size:clamp(420px,100svh - 280px,660px);box-shadow:0 0 0 8px color-mix(in srgb, var(--app-primary-fg) 22%, transparent), 0 28px 70px #00000073}.gal-preview .gal-stage-count,.gal-preview .gal-stage-desc{color:color-mix(in srgb, var(--app-primary-fg) 78%, transparent)}.gal-preview .gal-stage-arrow{color:var(--app-primary-fg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--app-primary-fg) 45%, transparent);background:0 0}.gal-preview .gal-stage .gal-create{background:var(--app-primary-fg);color:var(--app-primary)}.gal-preview .gal-page{color:var(--app-primary-fg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--app-primary-fg) 45%, transparent)}.gal-preview-close{z-index:1;background:var(--app-surface);min-block-size:44px;color:var(--app-text);font:600 15px/1 var(--app-font-body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding-inline:16px 12px;display:inline-flex;position:fixed;inset-block-start:calc(12px + env(safe-area-inset-top,0px));inset-inline-end:12px}.gal-preview-close svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;block-size:18px;inline-size:18px}@media (prefers-reduced-motion:reduce){.gal-thumb,.gal-play,.gal-chip{transition:none}}