.gallery.svelte-1ggvvwj{display:flex;flex-direction:column;gap:.55rem;padding:.7rem .85rem .55rem}.bar.svelte-1ggvvwj{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.bar-title.svelte-1ggvvwj{display:flex;align-items:baseline;gap:.45rem;margin-right:auto}.bar-name.svelte-1ggvvwj{font-weight:600;font-size:.92rem}.bar-count.svelte-1ggvvwj{font-size:.72rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.bar-actions.svelte-1ggvvwj{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.sample-chip.svelte-1ggvvwj{appearance:none;border:1px solid color-mix(in oklch,var(--border) 80%,transparent);background:color-mix(in oklch,var(--muted) 60%,transparent);color:var(--foreground);padding:.3rem .65rem;border-radius:999px;font-size:.7rem;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}.sample-chip.svelte-1ggvvwj:hover{background:color-mix(in oklch,var(--muted) 90%,transparent)}.sample-chip.svelte-1ggvvwj:disabled{opacity:.4;cursor:not-allowed}.strip.svelte-1ggvvwj{display:flex;gap:.4rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.3rem;scroll-snap-type:x proximity}.strip.svelte-1ggvvwj::-webkit-scrollbar{height:6px}.strip.svelte-1ggvvwj::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--muted-foreground) 30%,transparent);border-radius:3px}.card.svelte-1ggvvwj{appearance:none;border:0;padding:0;background:transparent;cursor:pointer;flex:0 0 auto;position:relative;scroll-snap-align:start}.card.svelte-1ggvvwj img:where(.svelte-1ggvvwj){width:64px;height:64px;object-fit:cover;border-radius:8px;border:2px solid transparent;display:block}.card.selected.svelte-1ggvvwj img:where(.svelte-1ggvvwj){border-color:var(--primary)}.card-idx.svelte-1ggvvwj{position:absolute;left:4px;top:4px;font-size:.55rem;font-weight:700;color:#fff;background:#0000008c;padding:1px 4px;border-radius:4px;font-variant-numeric:tabular-nums}.empty.svelte-1ggvvwj{text-align:center;padding:1rem .5rem;font-size:.78rem;color:var(--muted-foreground)}.empty.svelte-1ggvvwj p:where(.svelte-1ggvvwj){margin:0}.cap-badge{align-self:flex-start}.cropper.svelte-3816e7{display:flex;flex-direction:column;gap:.4rem;align-items:center;min-height:0;flex:1}.viewport.svelte-3816e7{position:relative;overflow:hidden;border-radius:12px;background:#0a0a0c;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:0 0 auto}.viewport.svelte-3816e7:active{cursor:grabbing}.viewport.svelte-3816e7 img:where(.svelte-3816e7){position:absolute;left:0;top:0;max-width:none;pointer-events:none;transform-origin:0 0}.frame.svelte-3816e7{position:absolute;inset:0;pointer-events:none;border:1px solid color-mix(in oklch,white 30%,transparent);box-shadow:0 0 0 1px #0006;border-radius:12px}.bezel.svelte-3816e7{position:absolute;inset:0;pointer-events:none;border-radius:12px;background:linear-gradient(to bottom,rgba(0,0,0,.55) var(--inset),transparent var(--inset),transparent calc(100% - var(--inset)),rgba(0,0,0,.55) calc(100% - var(--inset))),linear-gradient(to right,rgba(0,0,0,.55) var(--inset),transparent var(--inset),transparent calc(100% - var(--inset)),rgba(0,0,0,.55) calc(100% - var(--inset)))}.visible-frame.svelte-3816e7{position:absolute;left:var(--inset);right:var(--inset);top:var(--inset);bottom:var(--inset);pointer-events:none;border:1px dashed color-mix(in oklch,white 60%,transparent);border-radius:4px}.meta.svelte-3816e7{display:flex;justify-content:space-between;gap:.75rem;font-size:.72rem;color:var(--muted-foreground)}.dim.svelte-3816e7{font-variant-numeric:tabular-nums}.inspector.svelte-vqegm{display:flex;flex-direction:column;gap:.7rem;padding:.75rem .85rem .85rem;min-height:0;height:100%}.head.svelte-vqegm{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.name-input.svelte-vqegm{flex:1;background:color-mix(in oklch,var(--muted) 70%,transparent);border:1px solid color-mix(in oklch,var(--border) 80%,transparent);border-radius:8px;padding:.42rem .65rem;font-size:.85rem;color:var(--foreground);min-width:0}.name-input.svelte-vqegm:focus{outline:2px solid var(--ring);outline-offset:1px}.head-actions.svelte-vqegm{display:flex;gap:.3rem;flex-shrink:0}.cropper-wrap.svelte-vqegm{flex:1 1 0;min-height:0;display:flex;align-items:stretch;justify-content:center}.cropper-wrap.svelte-vqegm .cropper{flex:1;min-height:0;display:flex;flex-direction:column}.cropper-wrap.svelte-vqegm .viewport{flex:none}.contrast.svelte-vqegm{display:flex;flex-direction:column;gap:.35rem;flex-shrink:0}.contrast-row.svelte-vqegm{display:flex;justify-content:space-between;align-items:center}.contrast-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-weight:600}.value.svelte-vqegm{font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}@media(max-width:900px){.inspector.svelte-vqegm{height:auto}.cropper-wrap.svelte-vqegm{flex:none;aspect-ratio:1 / 1;max-height:26rem}}.danger{color:#e64343}.lithophane-page.svelte-1dfujon{display:grid;grid-template-rows:auto 1fr;height:100dvh;overflow:hidden;background:var(--background);color:var(--foreground);position:relative}header.svelte-1dfujon{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--background) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-row.svelte-1dfujon{display:flex;align-items:center;gap:.85rem}.title.svelte-1dfujon h1:where(.svelte-1dfujon){font-size:1.15rem;font-weight:700;line-height:1;margin:0}.title.svelte-1dfujon .subtitle:where(.svelte-1dfujon){font-size:.75rem;color:var(--muted-foreground)}.download-split.svelte-1dfujon{position:relative;display:flex}.download-split.svelte-1dfujon .split-main{border-top-right-radius:0;border-bottom-right-radius:0}.download-split.svelte-1dfujon .split-toggle{border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid color-mix(in oklch,var(--primary-foreground) 25%,transparent);width:2.1rem}.download-menu.svelte-1dfujon{position:absolute;right:0;top:calc(100% + .4rem);z-index:20;min-width:19rem;display:flex;flex-direction:column;padding:.3rem;background:var(--background);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 40px -18px #0009}.download-menu.svelte-1dfujon button:where(.svelte-1dfujon){appearance:none;border:0;background:transparent;color:var(--foreground);text-align:left;display:flex;flex-direction:column;gap:.1rem;padding:.55rem .7rem;border-radius:7px;cursor:pointer}.download-menu.svelte-1dfujon button:where(.svelte-1dfujon):hover,.download-menu.svelte-1dfujon button:where(.svelte-1dfujon):focus-visible{background:var(--muted);outline:none}.mi-title.svelte-1dfujon{font-size:.82rem;font-weight:600}.mi-sub.svelte-1dfujon{font-size:.72rem;color:var(--muted-foreground)}.header-actions.svelte-1dfujon{display:flex;align-items:center;gap:.65rem;flex-shrink:0}main.svelte-1dfujon{display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,1fr);min-height:0;overflow:hidden}main.empty.svelte-1dfujon{display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);font-size:.9rem}.stage-pane.svelte-1dfujon{padding:1rem;min-height:0;display:flex}.stage-frame.svelte-1dfujon{position:relative;flex:1;min-height:0;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#15161a,#0a0a0c);border:1px solid color-mix(in oklch,var(--border) 80%,transparent);box-shadow:0 24px 60px -28px #0009}.stage-frame.svelte-1dfujon canvas{display:block;width:100%!important;height:100%!important}.stage-header.svelte-1dfujon{position:absolute;top:1rem;left:1rem;z-index:2;display:flex;align-items:center;gap:.6rem;max-width:calc(100% - 9rem)}.view-toggle.svelte-1dfujon{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:color-mix(in oklch,var(--background) 60%,transparent);border:1px solid color-mix(in oklch,var(--border) 75%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.view-toggle.svelte-1dfujon button:where(.svelte-1dfujon){appearance:none;border:0;background:transparent;color:var(--muted-foreground);font-size:.72rem;font-weight:600;padding:.28rem .8rem;border-radius:999px;cursor:pointer}.view-toggle.svelte-1dfujon button.active:where(.svelte-1dfujon){background:var(--foreground);color:var(--background)}.view-toggle.svelte-1dfujon button:where(.svelte-1dfujon):disabled{opacity:.4;cursor:not-allowed}.tile-caption.svelte-1dfujon{display:inline-flex;align-items:baseline;gap:.4rem;min-width:0;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--foreground)}.tile-name.svelte-1dfujon{font-weight:400;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-tools.svelte-1dfujon{position:absolute;top:1rem;right:1rem;z-index:3}.stage-bottom.svelte-1dfujon{position:absolute;bottom:.9rem;left:1rem;right:1rem;z-index:3;pointer-events:none}.bottom-bar.svelte-1dfujon{display:flex;flex-direction:column;gap:.4rem;padding:.6rem .9rem;background:color-mix(in oklch,var(--background) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in oklch,var(--border) 75%,transparent);border-radius:14px;pointer-events:auto}.scrub-row.svelte-1dfujon{display:flex;align-items:center;gap:.6rem}.scrub-label.svelte-1dfujon{font-size:.65rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.scrub-row.svelte-1dfujon [role=slider]{flex:1}.bulb-row.svelte-1dfujon{display:flex;align-items:center;gap:.55rem;justify-content:flex-end;flex-wrap:wrap}.sleeve-picker.svelte-1dfujon{display:flex;align-items:center;gap:.3rem}.sleeve-picker.svelte-1dfujon button:where(.svelte-1dfujon){appearance:none;border:1px solid color-mix(in oklch,var(--border) 80%,transparent);background:transparent;color:var(--muted-foreground);font-size:.68rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;cursor:pointer}.sleeve-picker.svelte-1dfujon button.active:where(.svelte-1dfujon){background:var(--foreground);border-color:var(--foreground);color:var(--background)}.colour-picker.svelte-1dfujon{margin-right:auto}.colour-chip.svelte-1dfujon{appearance:none;display:inline-flex;align-items:center;gap:.45rem;border:1px solid color-mix(in oklch,var(--border) 80%,transparent);background:transparent;color:var(--muted-foreground);font-size:.68rem;font-weight:600;padding:.2rem .6rem .2rem .3rem;border-radius:999px;cursor:pointer}.colour-chip.open.svelte-1dfujon{color:var(--foreground);border-color:var(--foreground)}.chip-dots.svelte-1dfujon{display:inline-flex}.chip-dots.svelte-1dfujon>span:where(.svelte-1dfujon){width:.85rem;height:.85rem;border-radius:999px;box-shadow:0 0 0 1.5px var(--background)}.chip-dots.svelte-1dfujon>span:where(.svelte-1dfujon)+span:where(.svelte-1dfujon){margin-left:-.3rem}.swatch-fill.svelte-1dfujon{background:var(--c)}.colour-menu.svelte-1dfujon{--w: min(19.5rem, calc(100vw - 2rem) );position:fixed;inset:auto;left:clamp(1rem,var(--chip-left, 1rem),calc(100vw - 1rem - var(--w)));margin:0;width:var(--w);overflow-y:auto;padding:.75rem .85rem .65rem;gap:.7rem;color:var(--foreground);border:1px solid color-mix(in oklch,var(--border) 80%,transparent);border-radius:.75rem;background:color-mix(in oklch,var(--background) 97%,transparent);box-shadow:0 8px 28px #0000002e}.colour-menu.svelte-1dfujon:popover-open{display:grid}.colour-row.svelte-1dfujon{display:grid;gap:.4rem}.colour-row-head.svelte-1dfujon{display:flex;align-items:baseline;justify-content:space-between}.colour-name.svelte-1dfujon{font-size:.72rem;color:var(--foreground)}.swatches.svelte-1dfujon{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;justify-items:center}.swatch.svelte-1dfujon{appearance:none;width:1.5rem;height:1.5rem;border:0;padding:0;border-radius:999px;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--foreground) 22%,transparent);transition:transform .12s ease}.swatch.svelte-1dfujon:hover{transform:scale(1.12)}.swatch.active.svelte-1dfujon{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--foreground) 22%,transparent),0 0 0 2px var(--background),0 0 0 3.5px var(--foreground)}.colour-note.svelte-1dfujon{margin:0;font-size:.68rem;color:var(--muted-foreground)}.bulb-on{color:#ffc761;color:oklch(.86 .16 80)}.bulb-off{color:var(--muted-foreground)}.bulb-label{font-size:.74rem}.panel.svelte-1dfujon{display:grid;grid-template-rows:auto minmax(0,1fr);border-left:1px solid var(--border);min-height:0;overflow:hidden}.gallery-strip.svelte-1dfujon{min-height:0;border-bottom:1px solid var(--border)}.inspector-pane.svelte-1dfujon{min-height:0;overflow:hidden;display:flex;flex-direction:column}.export-overlay.svelte-1dfujon{position:absolute;inset:0;background:color-mix(in oklch,var(--background) 75%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10}.overlay-card.svelte-1dfujon{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 2rem;border:1px solid var(--border);border-radius:12px;background:var(--background)}.overlay-card.svelte-1dfujon .muted:where(.svelte-1dfujon){font-size:.78rem;color:var(--muted-foreground)}.error-bar.svelte-1dfujon{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#cc272e;color:#fff;padding:.55rem .9rem;border-radius:8px;display:flex;align-items:center;gap:.7rem;font-size:.85rem;z-index:12}.error-bar.svelte-1dfujon button:where(.svelte-1dfujon){background:#ffffff2e;border:0;color:#fff;font-size:.75rem;padding:.2rem .5rem;border-radius:4px;cursor:pointer}.drop-overlay.svelte-1dfujon{position:absolute;inset:0;background:color-mix(in oklch,var(--primary) 35%,transparent);display:flex;align-items:center;justify-content:center;z-index:11;pointer-events:none}.drop-card.svelte-1dfujon{padding:1.4rem 2rem;border-radius:14px;background:var(--background);border:2px dashed var(--primary);font-weight:600}@media(max-width:900px){main.svelte-1dfujon{grid-template-columns:1fr;grid-template-rows:minmax(45vh,1fr) auto}.panel.svelte-1dfujon{border-left:0;border-top:1px solid var(--border);max-height:55vh;grid-template-rows:auto auto;overflow-y:auto}.inspector-pane.svelte-1dfujon{overflow:visible}}@media(max-width:640px){header.svelte-1dfujon{padding:.6rem .75rem}.title.svelte-1dfujon .subtitle:where(.svelte-1dfujon){display:none}.btn-label,.count-badge{display:none}.stage-pane.svelte-1dfujon{padding:.5rem}.stage-bottom.svelte-1dfujon{left:.5rem;right:.5rem}}