.mirror-container.svelte-gsq6wt{grid-template-columns:1fr;gap:24px;width:100%;max-width:1140px;margin:0 auto;padding:0 16px;display:grid}@media (width>=920px){.mirror-container.svelte-gsq6wt{grid-template-columns:minmax(380px,480px) 1fr;align-items:start;gap:36px;padding:0 24px}}.stage-section.svelte-gsq6wt{flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=920px){.stage-section.svelte-gsq6wt{position:sticky;top:80px}}.stage-frame.svelte-gsq6wt{aspect-ratio:3/4;border:1px solid var(--line);background:#0d1514;border-radius:20px;width:100%;max-width:480px;max-height:580px;position:relative;overflow:hidden;box-shadow:0 16px 40px #28463c26,0 0 0 1px #5ec4b633}@media (width<=600px){.stage-frame.svelte-gsq6wt{border-radius:16px;max-height:48vh}}.stage-frame.error.svelte-gsq6wt{border-color:var(--error)}canvas.svelte-gsq6wt{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compare-badges.svelte-gsq6wt{pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute;top:14px;left:14px;right:14px}.badge.svelte-gsq6wt{letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);color:#fff;background:#0f1917d1;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #0000004d}.badge.active-tint.svelte-gsq6wt{border-color:var(--brand-teal);color:#fff;box-shadow:0 4px 14px #39185566, 0 0 10px var(--brand-teal-glow);background:#391855d9}.badge.natural.svelte-gsq6wt{color:#d1deda;background:#0f1917bf}.badge-center.svelte-gsq6wt{margin:0 auto}.color-dot.svelte-gsq6wt{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #fff9}.camera-controls-overlay.svelte-gsq6wt{z-index:3;gap:8px;display:flex;position:absolute;bottom:48px;right:12px}.cam-action-btn.svelte-gsq6wt{color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#0f1917d9;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.cam-action-btn.svelte-gsq6wt:hover{background:var(--brand-teal);border-color:var(--brand-teal);color:#fff;transform:translateY(-1px)}.cam-action-btn.paused.svelte-gsq6wt{background:var(--brand-teal);color:#fff;border-color:#0000;font-weight:600}.cam-action-btn.icon-only.svelte-gsq6wt{border-radius:50%;padding:7px}.stage-status-bar.svelte-gsq6wt{z-index:2;background:linear-gradient(#0000 0%,#0a1210e6 100%);padding:10px 14px;position:absolute;bottom:0;left:0;right:0}.status-indicator.svelte-gsq6wt{color:#d1deda;align-items:center;gap:8px;font-size:12px;display:flex}.dot.svelte-gsq6wt{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.dot.ready.svelte-gsq6wt{background:var(--brand-teal-bright);box-shadow:0 0 8px #6ad7c4cc}.dot.warn.svelte-gsq6wt{background:var(--warning)}.dot.err.svelte-gsq6wt{background:var(--error)}.spinner.svelte-gsq6wt{border:2px solid #fff3;border-top-color:var(--brand-teal);border-radius:50%;width:10px;height:10px;animation:.8s linear infinite svelte-gsq6wt-spin}@keyframes svelte-gsq6wt-spin{to{transform:rotate(360deg)}}.controls-panel.svelte-gsq6wt{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 10px 30px #1e3c320d}@media (width<=600px){.controls-panel.svelte-gsq6wt{border-radius:16px;gap:18px;padding:18px}}.tone-spotlight-card.svelte-gsq6wt{background:var(--panel-card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:16px;padding:16px 18px;display:flex}.spotlight-swatch.svelte-gsq6wt{border:2px solid #fff;border-radius:14px;flex-shrink:0;width:52px;height:52px;box-shadow:0 4px 12px #0000001f}.spotlight-info.svelte-gsq6wt{flex:1;min-width:0}.spotlight-header.svelte-gsq6wt{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.spotlight-tag.svelte-gsq6wt{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-teal-dark);font-size:11px;font-weight:700}.spotlight-hex.svelte-gsq6wt{color:var(--text-muted);font-family:monospace;font-size:12px;font-weight:500}.spotlight-title.svelte-gsq6wt{color:var(--brand-purple);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.spotlight-undertone.svelte-gsq6wt{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.section-group.svelte-gsq6wt{flex-direction:column;gap:8px;display:flex}.group-header.svelte-gsq6wt{justify-content:space-between;align-items:baseline;display:flex}.group-label.svelte-gsq6wt{color:var(--brand-purple);letter-spacing:.01em;font-size:13px;font-weight:600}.hint.svelte-gsq6wt{color:var(--text-muted);font-size:11px}.category-tabs.svelte-gsq6wt{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.cat-tab.svelte-gsq6wt{background:var(--panel-card);min-width:fit-content;color:var(--text-secondary);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:9999px;flex:1;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s}.cat-tab.svelte-gsq6wt:hover{color:var(--brand-purple);border-color:var(--brand-teal)}.cat-tab.active.svelte-gsq6wt{background:var(--brand-teal-soft);color:var(--brand-purple);border-color:var(--brand-teal);font-weight:700}.swatches-grid.svelte-gsq6wt{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (width<=400px){.swatches-grid.svelte-gsq6wt{grid-template-columns:repeat(5,1fr);gap:6px}}.swatch-btn.svelte-gsq6wt{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000014,0 2px 5px #0000000a}.swatch-btn.svelte-gsq6wt:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 6px 14px #0000001f}.swatch-btn[aria-pressed=true].svelte-gsq6wt{box-shadow:0 0 0 3px var(--brand-teal), 0 6px 14px #5ec4b666;z-index:1;border-color:#fff;transform:scale(1.06)}.swatch-number.svelte-gsq6wt{letter-spacing:-.02em;pointer-events:none;font-size:12px;font-weight:700}.swatch-check.svelte-gsq6wt{border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:3px;right:3px}.segmented-control.svelte-gsq6wt{background:var(--panel-card);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid}.seg-btn.svelte-gsq6wt{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.seg-btn.svelte-gsq6wt:hover{color:var(--brand-purple)}.seg-btn.active.svelte-gsq6wt{color:var(--brand-purple);border:1px solid var(--brand-teal-border);background:#fff;font-weight:700;box-shadow:0 2px 6px #0000000f}.seg-icon.svelte-gsq6wt{font-size:14px}.val-pill.svelte-gsq6wt{color:var(--brand-teal-dark);background:var(--brand-teal-soft);border:1px solid var(--brand-teal-border);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.slider-container.svelte-gsq6wt{padding:4px 0}.custom-slider.svelte-gsq6wt{appearance:none;background:linear-gradient(to right, var(--brand-teal) 0%, var(--brand-teal) var(--progress,50%), var(--line) var(--progress,50%), var(--line) 100%);cursor:pointer;border-radius:9999px;outline:none;width:100%;height:6px}.custom-slider.svelte-gsq6wt::-webkit-slider-thumb{appearance:none;border:3px solid var(--brand-teal);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 6px #00000026}.custom-slider.svelte-gsq6wt::-webkit-slider-thumb:hover{transform:scale(1.15)}.preset-pills.svelte-gsq6wt{gap:6px;display:flex}.preset-chip.svelte-gsq6wt{color:var(--text-secondary);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:6px 8px;font-size:11px;transition:all .15s}.preset-chip.svelte-gsq6wt:hover{border-color:var(--brand-teal);color:var(--brand-purple)}.preset-chip.active.svelte-gsq6wt{background:var(--brand-teal-soft);border-color:var(--brand-teal);color:var(--brand-purple);font-weight:700}.blend-row.svelte-gsq6wt{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.blend-chip.svelte-gsq6wt{background:var(--panel-card);color:var(--text-secondary);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:8px;padding:8px;font-size:11px;font-weight:500;transition:all .15s}.blend-chip.svelte-gsq6wt:hover{color:var(--brand-purple);border-color:var(--brand-teal)}.blend-chip.active.svelte-gsq6wt{background:var(--brand-teal-soft);border-color:var(--brand-teal);color:var(--brand-purple);font-weight:700}.action-footer.svelte-gsq6wt{border-top:1px solid var(--line-subtle);gap:12px;margin-top:8px;padding-top:16px;display:flex}@media (width<=600px){.action-footer.svelte-gsq6wt{z-index:10;background:#fff;border-radius:0 0 16px 16px;margin:0 -18px -18px;padding:12px 18px;position:sticky;bottom:0;box-shadow:0 -8px 20px #00000014}}.btn-secondary.svelte-gsq6wt,.btn-primary.svelte-gsq6wt{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary.svelte-gsq6wt{color:var(--brand-purple);border:1px solid var(--line);background:#fff;flex:none}.btn-secondary.svelte-gsq6wt:hover{background:var(--panel-card-hover);border-color:var(--brand-purple)}.btn-primary.svelte-gsq6wt{background:var(--brand-purple);color:#fff;border:none;flex:1;box-shadow:0 4px 14px #39185559}.btn-primary.svelte-gsq6wt:hover{background:var(--brand-purple-hover);transform:translateY(-1px);box-shadow:0 6px 18px #39185573}.vf-main.svelte-1uha8ag{flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:32px 0 56px;display:flex}@media (width<=600px){.vf-main.svelte-1uha8ag{padding:20px 0 36px}}.app-header.svelte-1uha8ag{text-align:center;flex-direction:column;align-items:center;max-width:640px;margin-bottom:24px;padding:0 16px;display:flex}@media (width<=600px){.app-header.svelte-1uha8ag{margin-bottom:16px}}.logo-container.svelte-1uha8ag{justify-content:center;margin-bottom:14px;display:flex}.app-brand-logo.svelte-1uha8ag{width:auto;height:42px;display:block}@media (width<=600px){.app-brand-logo.svelte-1uha8ag{height:34px}}.brand-badge.svelte-1uha8ag{background:var(--brand-teal-soft);border:1px solid var(--brand-teal-border);letter-spacing:.06em;color:var(--brand-purple);border-radius:9999px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.sparkle.svelte-1uha8ag{color:var(--brand-teal-dark);font-size:11px}h1.svelte-1uha8ag{letter-spacing:-.02em;color:var(--brand-purple);margin:0 0 10px;font-size:32px;font-weight:300}@media (width<=600px){h1.svelte-1uha8ag{margin-bottom:6px;font-size:24px}}.subtitle.svelte-1uha8ag{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}@media (width<=600px){.subtitle.svelte-1uha8ag{font-size:13px}}.floating-chosen-bar.svelte-1uha8ag{-webkit-backdrop-filter:blur(14px);border:1px solid var(--brand-teal);box-shadow:0 10px 30px #39185566, 0 0 15px var(--brand-teal-glow);z-index:50;background:#391855f2;border-radius:9999px;align-items:center;gap:16px;padding:10px 18px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.chosen-preview.svelte-1uha8ag{align-items:center;gap:10px;display:flex}.chosen-chip.svelte-1uha8ag{border:2px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.chosen-texts.svelte-1uha8ag{flex-direction:column;display:flex}.chosen-label.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-teal-bright);font-size:10px}.chosen-val.svelte-1uha8ag{color:#fff;font-size:13px;font-weight:700}.view-result-btn.svelte-1uha8ag{background:var(--brand-teal);color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:7px 16px;font-size:12px;font-weight:700;transition:background .15s}.view-result-btn.svelte-1uha8ag:hover{background:var(--brand-teal-dark)}.modal-backdrop.svelte-1uha8ag{-webkit-backdrop-filter:blur(8px);z-index:100;background:#121c19a6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out svelte-1uha8ag-fadeIn;display:flex;position:fixed;inset:0}.modal-card.svelte-1uha8ag{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:440px;max-height:90vh;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) svelte-1uha8ag-scaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px #0000002e,0 0 30px #5ec4b626}@media (width<=480px){.modal-card.svelte-1uha8ag{border-radius:20px;padding:20px}}.close-btn.svelte-1uha8ag{background:var(--panel-card);width:32px;height:32px;color:var(--text-muted);border:1px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.close-btn.svelte-1uha8ag:hover{color:var(--text);border-color:var(--brand-teal)}.modal-header.svelte-1uha8ag{text-align:center}.match-pill.svelte-1uha8ag{letter-spacing:.08em;color:var(--brand-teal-dark);background:var(--brand-teal-soft);border:1px solid var(--brand-teal-border);border-radius:9999px;margin-bottom:6px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-block}.modal-title.svelte-1uha8ag{color:var(--brand-purple);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.modal-desc.svelte-1uha8ag{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.snapshot-frame.svelte-1uha8ag{aspect-ratio:4/3;border:1px solid var(--line);background:#000;border-radius:14px;width:100%;position:relative;overflow:hidden}.snapshot-img.svelte-1uha8ag{object-fit:cover;width:100%;height:100%}.snapshot-tag.svelte-1uha8ag{-webkit-backdrop-filter:blur(8px);color:#fff;background:#391855d9;border:1px solid #fff3;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:8px;left:8px}.tone-summary-card.svelte-1uha8ag{background:var(--panel-card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.summary-swatch.svelte-1uha8ag{border:2px solid #fffc;border-radius:10px;flex-shrink:0;width:48px;height:48px;box-shadow:0 2px 6px #0000001a}.summary-details.svelte-1uha8ag{flex-direction:column;flex:1;gap:4px;display:flex}.detail-row.svelte-1uha8ag{justify-content:space-between;font-size:12px;display:flex}.detail-name.svelte-1uha8ag{color:var(--text-muted)}.detail-val.svelte-1uha8ag{color:var(--text);font-weight:500}.detail-val.code.svelte-1uha8ag{color:var(--brand-purple);font-family:monospace;font-weight:700}.modal-actions.svelte-1uha8ag{gap:10px;display:flex}.modal-btn.svelte-1uha8ag{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.modal-btn.secondary.svelte-1uha8ag{background:var(--panel-card);color:var(--brand-purple);border:1px solid var(--line);flex:1}.modal-btn.secondary.svelte-1uha8ag:hover{border-color:var(--brand-purple);background:#fff}.modal-btn.primary.svelte-1uha8ag{background:var(--brand-teal);color:#fff;border:none;flex:1;box-shadow:0 4px 14px #5ec4b666}.modal-btn.primary.svelte-1uha8ag:hover{background:var(--brand-teal-dark);transform:translateY(-1px)}.text-link-btn.svelte-1uha8ag{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;padding:4px;font-size:12px;transition:color .15s}.text-link-btn.svelte-1uha8ag:hover{color:var(--brand-purple);text-decoration:underline}@keyframes svelte-1uha8ag-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1uha8ag-scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}