.attract-prompt.svelte-1yos4ws{position:fixed;left:50%;bottom:140px;transform:translate(-50%);z-index:70;pointer-events:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.55),0 0 24px rgba(0,0,0,.3);max-width:90vw}@media(max-height:600px){.attract-prompt.svelte-1yos4ws{bottom:110px}}.attract-headline.svelte-1yos4ws{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:400;opacity:.98;background:#0000006b;padding:.625rem 1.25rem;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.attract-hint.svelte-1yos4ws{font-size:.875rem;font-weight:500;opacity:.95;background:#141826b3;padding:.375rem .875rem;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:svelte-1yos4ws-hint-in .22s ease-out}@keyframes svelte-1yos4ws-hint-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.attract-cursor.svelte-1yos4ws{position:fixed;left:0;top:0;width:28px;height:28px;z-index:60;pointer-events:none;transition:transform .8s cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));will-change:transform}.attract-cursor.svelte-1yos4ws svg{width:100%;height:100%}.attract-ripple.svelte-1yos4ws{position:fixed;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 #ffffffd9;z-index:55;pointer-events:none;animation:svelte-1yos4ws-ripple-pulse .52s ease-out forwards}@keyframes svelte-1yos4ws-ripple-pulse{0%{transform:scale(.4);opacity:.95;box-shadow:0 0 #ffffffd9}to{transform:scale(2.4);opacity:0;box-shadow:0 0 0 24px #fff0}}#renderCanvas.capture-mode>*:not(canvas):not(:has(canvas)){display:none!important}.studio-color-bar.svelte-jiy87c{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 20px;background:#ffffffeb;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;font-family:system-ui,-apple-system,sans-serif}.studio-tone-tabs.svelte-jiy87c{display:flex;background:#0000000a;border-radius:10px;padding:3px;gap:2px}.studio-tone-tab.svelte-jiy87c{padding:5px 14px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#00000059;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.studio-tone-tab.svelte-jiy87c:hover{color:#0000008c}.studio-tone-tab.active.svelte-jiy87c{color:#000000d9;background:#fff;box-shadow:0 1px 3px #00000014}.studio-swatches.svelte-jiy87c{display:flex;align-items:center;gap:16px;padding:2px 4px}.studio-swatch.svelte-jiy87c{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none;border:none;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1)}.studio-swatch.svelte-jiy87c:hover{transform:translateY(-2px)}.studio-swatch.svelte-jiy87c:active{transform:translateY(0) scale(.96)}.studio-sw-dot.svelte-jiy87c{display:block;width:38px;height:38px;border-radius:50%;background:var(--sw-bg);border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 8px #00000026,inset 0 0 6px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.studio-swatch.selected.svelte-jiy87c .studio-sw-dot:where(.svelte-jiy87c){box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--sw-ring),0 4px 12px #0000001f;transform:scale(1.05)}.studio-sw-tooltip.svelte-jiy87c{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 10px;font-size:11px;font-weight:600;color:#fff;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.studio-sw-tooltip.svelte-jiy87c:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000bf}.studio-swatch.svelte-jiy87c:hover .studio-sw-tooltip:where(.svelte-jiy87c){opacity:1;transform:translate(-50%) translateY(0)}.studio-gem-bar.svelte-jiy87c{position:absolute;bottom:28px;right:24px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:12px 16px;background:#ffffffeb;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-radius:16px;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;font-family:system-ui,-apple-system,sans-serif;max-height:280px;overflow-y:auto}.studio-gem-group-label.svelte-jiy87c{font-size:9px;font-weight:700;letter-spacing:.08em;color:#00000040}.studio-gem-row.svelte-jiy87c{display:flex;flex-wrap:wrap;gap:6px}.studio-gem-chip.svelte-jiy87c{padding:6px 14px;font-size:11px;font-weight:600;letter-spacing:.01em;color:#00000073;background:#0000000a;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.studio-gem-chip.svelte-jiy87c:hover{color:#000000b3;background:#0000000f;transform:translateY(-1px)}.studio-gem-chip.active.svelte-jiy87c{color:#fff;background:#4646c6;border-color:#4646c6;box-shadow:0 2px 8px #4646c640}@media(max-width:640px){.studio-color-bar.svelte-jiy87c{bottom:16px;padding:10px 14px}.studio-swatches.svelte-jiy87c{gap:10px}.studio-sw-dot.svelte-jiy87c{width:32px;height:32px}.studio-gem-bar.svelte-jiy87c{bottom:16px;right:12px;padding:8px 12px}}.fas.svelte-jiy87c{font-family:"Font Awesome 5 Free";font-weight:900}