.compare-shell.svelte-varpox{gap:12px;display:grid}.preview-shell.svelte-varpox{aspect-ratio:16/10;touch-action:pan-y;background:#0c0f12;border:1px solid #ffffff1a;border-radius:8px;width:100%;min-height:430px;position:relative;overflow:hidden}.original-shell.svelte-varpox{aspect-ratio:16/8;min-height:320px}.preview-canvas.svelte-varpox{position:absolute;inset:0}.view-label.svelte-varpox{z-index:1;color:#f4f1e8d1;pointer-events:none;background:#090d11c2;border:1px solid #ffffff1a;border-radius:8px;max-width:min(34ch,100% - 24px);padding:.45rem .62rem;font-size:.78rem;font-weight:700;position:absolute;top:12px;left:12px}.preview-empty.svelte-varpox{z-index:1;color:#f4f1e8b8;text-align:center;pointer-events:none;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.preview-empty.svelte-varpox span:where(.svelte-varpox),.preview-meta.svelte-varpox{background:#090d11c2;border:1px solid #ffffff1a;border-radius:8px;max-width:min(42ch,100% - 32px);padding:.7rem .85rem}.preview-meta.svelte-varpox{z-index:1;color:#f4f1e8c2;pointer-events:none;font-size:.78rem;position:absolute;bottom:12px;right:12px}@media (width<=900px){.preview-shell.svelte-varpox,.original-shell.svelte-varpox{aspect-ratio:4/3;min-height:300px}}.tool-page.svelte-m09olh{width:min(1480px,100vw - 32px);margin:0 auto;padding:32px 0 48px}.hero-card.svelte-m09olh,.tool-shell.svelte-m09olh{background:#11161b;border:1px solid #ffffff1a}.hero-card.svelte-m09olh{background:linear-gradient(#151a20f0,#0c0f13f0);border-radius:30px;grid-template-columns:minmax(0,auto) minmax(340px,.58fr);align-items:end;gap:12px 32px;margin:0 0 18px;padding:24px 28px;display:grid}.tool-shell.svelte-m09olh{border-radius:8px;padding:22px}.example-gallery.svelte-m09olh{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin:18px 0 0;display:grid}.example-shot.svelte-m09olh{aspect-ratio:16/9;background:#11161b;border:1px solid #ffffff1a;border-radius:8px;min-width:0;position:relative;overflow:hidden}.example-shot.svelte-m09olh img:where(.svelte-m09olh){object-fit:contain;background:#0b0f12;width:100%;height:100%;display:block}.shot-caption.svelte-m09olh{color:#f4f1e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b0ed1;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 20px);padding:7px 9px;display:flex;position:absolute;inset:auto 10px 10px}.shot-caption.svelte-m09olh span:where(.svelte-m09olh){color:#55d6b8;font-family:IBM Plex Mono,monospace;font-size:.72rem}.shot-caption.svelte-m09olh strong:where(.svelte-m09olh){overflow-wrap:anywhere;min-width:0;font-size:.86rem}.header-row.svelte-m09olh,.section-title.svelte-m09olh,.button-row.svelte-m09olh,.field-row.svelte-m09olh{align-items:center;gap:12px;display:flex}.header-row.svelte-m09olh,.section-title.svelte-m09olh{justify-content:space-between}.kicker.svelte-m09olh{color:#55d6b8;letter-spacing:0;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.78rem;display:block}h1.svelte-m09olh,h2.svelte-m09olh{letter-spacing:0;margin:0}h1.svelte-m09olh{white-space:nowrap;font-size:2.55rem;line-height:1.02}h2.svelte-m09olh{font-size:1rem}.hero-card.svelte-m09olh .kicker:where(.svelte-m09olh){grid-column:1/-1}.hero-card.svelte-m09olh p:where(.svelte-m09olh){color:#f4f1e8cc;justify-self:end;max-width:58ch;margin:0;line-height:1.55}.tool-shell.svelte-m09olh .kicker:where(.svelte-m09olh){margin-bottom:6px}.workspace.svelte-m09olh{grid-template-columns:minmax(430px,.9fr) minmax(0,1.15fr);gap:14px;margin-top:22px;display:grid}.control-column.svelte-m09olh{align-content:start;gap:14px;min-width:0;display:grid}.panel.svelte-m09olh{background:#171d23;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.preview-panel.svelte-m09olh{min-width:0}.preview-panel.svelte-m09olh .preview-shell{margin-top:14px}.mixes-panel.svelte-m09olh{grid-column:1/-1}.file-drop.svelte-m09olh{cursor:pointer;background:#0d1116;border:1px dashed #ffffff42;border-radius:8px;place-items:center;min-height:150px;padding:18px;display:grid}.file-drop.svelte-m09olh input:where(.svelte-m09olh){opacity:0;block-size:1px;inline-size:1px;position:absolute}.file-drop.svelte-m09olh span:where(.svelte-m09olh){overflow-wrap:anywhere;max-width:100%;font-weight:800}.file-drop.svelte-m09olh small:where(.svelte-m09olh),.status.svelte-m09olh,.section-title.svelte-m09olh span:where(.svelte-m09olh),.mix-swatch.svelte-m09olh span:where(.svelte-m09olh),.mix-swatch.svelte-m09olh code:where(.svelte-m09olh){color:#f4f1e8ad}.field-row.svelte-m09olh{margin-top:14px}.field-row.triple.svelte-m09olh label:where(.svelte-m09olh){min-width:0}.field-row.svelte-m09olh label:where(.svelte-m09olh),.range-field.svelte-m09olh{flex:1;gap:7px;display:grid}label.svelte-m09olh span:where(.svelte-m09olh){font-size:.82rem;font-weight:800}select.svelte-m09olh,input[type=number].svelte-m09olh,.hex-input.svelte-m09olh{color:#f4f1e8;background:#0e1318;border:1px solid #ffffff24;border-radius:8px;width:100%;min-height:42px;padding:0 11px}.range-field.svelte-m09olh{margin-top:16px}.range-field.disabled.svelte-m09olh{opacity:.45}input[type=range].svelte-m09olh{width:100%}.primary.svelte-m09olh,.secondary.svelte-m09olh,.remove-button.svelte-m09olh{color:#f4f1e8;cursor:pointer;border:1px solid #ffffff1f;border-radius:8px;min-height:40px;padding:0 14px;font-weight:800}.primary.svelte-m09olh{background:#0ea58f}.secondary.svelte-m09olh,.remove-button.svelte-m09olh{background:#242b32}button.svelte-m09olh:disabled{cursor:not-allowed;opacity:.5}.status.svelte-m09olh{min-height:24px;margin:14px 0 0}.status.error.svelte-m09olh{color:#ff8a7a}.filament-grid.svelte-m09olh{gap:10px;margin-top:14px;display:grid}.filament-card.svelte-m09olh{background:#10151a;border:1px solid #ffffff17;border-radius:8px;grid-template-columns:32px 48px minmax(118px,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.filament-card.invalid.svelte-m09olh{border-color:#ff8a7aa6}.slot-index.svelte-m09olh{background:#26313a;border-radius:6px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.color-input.svelte-m09olh{background:0 0;border:0;border-radius:8px;width:48px;height:42px;padding:0}.mix-grid.svelte-m09olh{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.mix-swatch.svelte-m09olh{background:#10151a;border:1px solid #ffffff17;border-radius:8px;grid-template-columns:28px auto;align-items:center;gap:5px 8px;min-width:0;padding:10px;display:grid}.mix-swatch.svelte-m09olh .swatch:where(.svelte-m09olh){border:1px solid #ffffff38;border-radius:6px;grid-row:span 3;width:28px;height:58px}.mix-swatch.svelte-m09olh strong:where(.svelte-m09olh),.mix-swatch.svelte-m09olh span:where(.svelte-m09olh),.mix-swatch.svelte-m09olh code:where(.svelte-m09olh){overflow-wrap:anywhere;min-width:0}@media (width<=1320px){.hero-card.svelte-m09olh{grid-template-columns:1fr}h1.svelte-m09olh{white-space:normal;text-wrap:balance}.hero-card.svelte-m09olh p:where(.svelte-m09olh){justify-self:start}}@media (width<=900px){.header-row.svelte-m09olh,.section-title.svelte-m09olh,.field-row.svelte-m09olh{flex-direction:column;align-items:stretch}.workspace.svelte-m09olh,.example-gallery.svelte-m09olh,.mix-grid.svelte-m09olh{grid-template-columns:1fr}.example-shot.svelte-m09olh img:where(.svelte-m09olh){height:100%}.filament-card.svelte-m09olh{grid-template-columns:32px 48px minmax(0,1fr)}.hex-input.svelte-m09olh,.remove-button.svelte-m09olh{grid-column:1/-1}.primary.svelte-m09olh,.secondary.svelte-m09olh{width:100%}.tool-page.svelte-m09olh{width:100%;padding:20px 10px 40px}.hero-card.svelte-m09olh{border-radius:24px;padding:22px}h1.svelte-m09olh{font-size:2.15rem}}