.studio{--bg: #121318;--bg-deep: #0c0d11;--panel: #1b1d25;--panel-2: #15171e;--ink: #ecebe4;--muted: #9b9aa3;--line: rgba(255, 255, 255, .1);--line-soft: rgba(255, 255, 255, .06);--line-strong: rgba(255, 255, 255, .22);--acc: #5b79ff;--acc-bright: #88a0ff;--acc-glow: rgba(91, 121, 255, .45);--radius: 14px;--font-disp: "Fraunces", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif;position:relative;min-height:100dvh;max-width:1120px;margin:0 auto;padding:2.25rem 1.25rem 5rem;color:var(--ink);font-family:var(--font-ui)}body:has(.studio){background:var(--bg-deep)!important}.studio:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.studio-glow{position:fixed;top:-22vh;left:50%;transform:translate(-50%);width:min(900px,95vw);height:60vh;pointer-events:none;z-index:0;background:radial-gradient(60% 60% at 50% 40%,rgba(91,121,255,.18),transparent 70%),radial-gradient(40% 50% at 70% 30%,rgba(255,138,92,.07),transparent 70%);filter:blur(8px)}.studio>*{position:relative;z-index:1}.studio-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--line-soft)}.studio-wordmark{font-family:var(--font-disp);font-weight:400;font-size:1.35rem;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.studio-wordmark strong{font-weight:700;color:var(--acc-bright)}.studio-eyebrow{font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:.3rem .7rem;border-radius:999px}.studio-intro{margin:2.75rem 0 2rem;max-width:30ch;animation:studioRise .6s both}.studio-display{font-family:var(--font-disp);font-weight:400;font-size:clamp(2.1rem,5.5vw,3.4rem);line-height:1.02;letter-spacing:-.02em;margin:0}.studio-display em{font-style:normal;color:var(--acc-bright)}.studio-lede{color:var(--muted);margin-top:.9rem;max-width:48ch;line-height:1.55}.studio-drop{position:relative;border:1px dashed var(--line-strong);border-radius:20px;background:linear-gradient(180deg,var(--panel),var(--panel-2));padding:3.25rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .25s,transform .2s,background .2s;animation:studioRise .7s .05s both}.studio-drop:after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 1px #ffffff0d;pointer-events:none}.studio-drop:hover,.studio-drop:focus-visible{border-color:var(--acc);box-shadow:0 0 0 4px #5b79ff14,0 22px 60px -30px var(--acc-glow);outline:none}.studio-drop.is-drag{border-color:var(--acc-bright);background:linear-gradient(180deg,#1f2230,var(--panel-2));box-shadow:0 0 0 5px #5b79ff24,0 30px 80px -30px var(--acc-glow);transform:scale(1.01)}.studio-aperture{width:56px;height:56px;color:var(--acc-bright);margin-bottom:1rem;animation:studioSpin 32s linear infinite}.studio-drop:hover .studio-aperture{animation-duration:9s}.studio-drop-title{font-family:var(--font-disp);font-weight:400;font-size:1.4rem;color:var(--ink)}.studio-drop-sub{color:var(--muted);margin-top:.5rem;font-size:.92rem}.studio-drop-link{color:var(--acc-bright);text-decoration:underline;text-underline-offset:3px}.studio-error{color:#ffd7d7;background:#b000202e;border:1px solid rgba(255,90,90,.35);border-radius:12px;padding:.8rem 1.1rem;margin-top:1.1rem;font-size:.92rem}.studio-actions{display:flex;gap:.75rem;align-items:center;margin:2rem 0 1.5rem}.studio-btn{font:inherit;font-size:.92rem;padding:.72rem 1.3rem;border-radius:11px;border:1px solid var(--line);background:#ffffff0a;color:var(--ink);cursor:pointer;transition:background .18s,border-color .18s,transform .1s}.studio-btn:hover{background:#ffffff17;border-color:var(--line-strong)}.studio-btn:active{transform:translateY(1px)}.studio-btn-primary{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600;box-shadow:0 16px 40px -22px var(--acc-glow)}.studio-btn-primary:hover{background:var(--acc-bright);border-color:var(--acc-bright)}.studio-btn:disabled{opacity:.45;cursor:not-allowed}.studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.1rem}.studio-tile{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg-deep);display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .25s;animation:studioReveal .5s both}.studio-tile:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 24px 50px -28px #000c,0 0 0 1px #5b79ff40}.studio-tile:nth-child(1){animation-delay:.02s}.studio-tile:nth-child(2){animation-delay:.06s}.studio-tile:nth-child(3){animation-delay:.1s}.studio-tile:nth-child(4){animation-delay:.14s}.studio-tile:nth-child(5){animation-delay:.18s}.studio-tile:nth-child(6){animation-delay:.22s}.studio-tile:nth-child(7){animation-delay:.26s}.studio-tile:nth-child(8){animation-delay:.3s}.studio-tile:nth-child(9){animation-delay:.34s}.studio-tile:nth-child(10){animation-delay:.38s}.studio-tile:nth-child(11){animation-delay:.42s}.studio-tile:nth-child(12){animation-delay:.46s}.studio-tile-canvas{width:100%;height:188px;object-fit:contain;background:repeating-conic-gradient(#1a1c22 0% 25%,#15161c 0% 50%) 50% / 18px 18px;display:block}.studio-tile.is-locked .studio-tile-canvas{filter:blur(7px) brightness(.7)}.studio-tile.is-locked:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 22px));font-size:1.4rem;filter:drop-shadow(0 0 12px var(--acc-glow));pointer-events:none}.studio-tile-body{padding:.7rem .85rem .85rem;display:flex;flex-direction:column;gap:.45rem;border-top:1px solid var(--line-soft)}.studio-tile-title{font-size:.86rem;color:var(--ink);font-weight:500}.studio-tile-dim{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em}.studio-tile-actions{display:flex;gap:.4rem;margin-top:.15rem;flex-wrap:wrap}.studio-tile-actions button{font:inherit;font-size:.78rem;padding:.38rem .7rem;border-radius:8px;border:1px solid var(--line);background:#ffffff0a;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s}.studio-tile-actions button:hover{background:#5b79ff2e;border-color:var(--acc)}.studio-lock-badge{align-self:flex-start;font-size:.74rem;color:var(--acc-bright)}.studio-adjust{border-top:1px solid var(--line);background:var(--panel-2)}.studio-adjust button{font:inherit;background:#ffffff0d;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:.3rem .55rem;cursor:pointer;transition:background .15s}.studio-adjust button:hover{background:#5b79ff33}.studio-adjust input[type=range]{accent-color:var(--acc);width:100%}.studio-unlock-wrap{text-align:center;margin-top:3rem}.studio-unlock{font:inherit;font-weight:600;padding:.85rem 1.6rem;border-radius:12px;border:1px solid var(--acc);background:linear-gradient(180deg,var(--acc),#4a66e6);color:#fff;cursor:pointer;box-shadow:0 18px 44px -24px var(--acc-glow);transition:transform .12s,box-shadow .2s,filter .18s}.studio-unlock:hover{filter:brightness(1.08);transform:translateY(-1px)}.studio-unlock:disabled{background:#ffffff0a;color:var(--muted);border-color:var(--line);box-shadow:none;cursor:not-allowed}.studio-unlock-note{color:var(--muted);font-size:.8rem;margin-top:.6rem}@keyframes studioReveal{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes studioRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes studioSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.studio-intro,.studio-drop,.studio-tile,.studio-aperture{animation:none}}