.studio-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06080eb8;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.studio{background:var(--paper-raised);width:100%;max-width:860px;max-height:calc(100dvh - 28px);color:var(--ink);border:1px solid var(--line);border-radius:20px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #00000073}.studio:before{content:"";background:repeating-linear-gradient(90deg,#e3a23b 0 26px,#3f9a6b 26px 52px,#d9475f 52px 78px,#1b2547 78px 90px);height:5px;display:block}.studio-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.studio-head h3{margin:0;font-size:1.1rem}.studio-modes{background:var(--paper);border:1px solid var(--line);border-radius:12px;gap:4px;padding:3px;display:flex}.studio-modes button{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 14px;font-size:.86rem;font-weight:700}.studio-modes button.on{background:var(--signature);color:var(--on-signature-solid,var(--on-signature))}.studio-close{border:1px solid var(--line);background:var(--paper);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:50%;margin-inline-start:auto;font-size:1.4rem;line-height:1}.studio-body{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:18px;padding:16px;display:grid}.studio-stage{aspect-ratio:9/16;background:#0a0e1a;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.studio-canvas{width:100%;height:100%;display:block}.studio-pick{text-align:center;color:#fff;gap:12px;padding:20px;display:grid}.studio-pick p{color:#ffffffd1;margin:0 0 6px;font-size:.9rem;line-height:1.5}.studio-pick-btn{color:#111;min-height:46px;font:inherit;cursor:pointer;background:#fff;border:none;border-radius:23px;font-weight:700}.studio-pick-btn.ghost{color:#fff;background:#ffffff1f;border:1px solid #ffffff80}.studio-tools{align-content:start;gap:8px;min-width:0;display:grid}.studio-label{margin-top:4px;font-size:.84rem;font-weight:700}.studio-row{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.studio-row.compact{flex-wrap:wrap;overflow:visible}.studio-chip{min-width:64px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;flex:none;justify-items:center;gap:4px;padding:6px 4px;font-size:.72rem;font-weight:600;display:grid}.studio-chip.on{border-color:var(--signature);background:var(--signature-soft)}.studio-swatch{background:conic-gradient(from 210deg,#e3a23b,#d9475f,#4457c9,#1c9fb3,#3f9a6b,#e3a23b) 50%/300%;border-radius:12px;width:44px;height:44px;box-shadow:inset 0 0 0 1px #0000001a}.studio-chip .studio-swatch[style*=url]{background-size:44px}.studio-pill{border:1px solid var(--line);background:var(--paper);min-height:34px;color:var(--ink);font:inherit;cursor:pointer;border-radius:17px;padding:0 14px;font-size:.8rem;font-weight:600}.studio-pill.on{border-color:var(--signature);background:var(--signature-soft)}.studio-pill.ts-classique{font-family:Georgia,serif}.studio-pill.ts-neon{text-shadow:0 0 8px #f2bd62}.studio-tools textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--paper-sunken,var(--paper));width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:12px;padding:10px 12px}.studio-change{justify-self:start}.studio-error{color:var(--berry);margin:0;font-size:.86rem}.studio-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.studio-chip:focus-visible,.studio-pill:focus-visible,.studio-modes button:focus-visible{outline:2px solid var(--signature);outline-offset:2px}@media (max-width:640px){.studio-backdrop{align-items:stretch;padding:0}.studio{border-radius:0;max-height:100dvh}.studio-body{grid-template-columns:1fr}.studio-stage{justify-self:center;width:auto;max-width:100%;height:52dvh}}