body{margin:0;background:#101015;color:#f4f0e9;font-family:Arial,sans-serif}.studio-header{max-width:1480px;margin:auto;padding:24px 4%;display:flex;align-items:center;gap:25px;border-bottom:1px solid #ffffff18}.studio-brand{font-size:26px;font-weight:800;text-decoration:none;color:#f4f0e9;letter-spacing:-1px}.studio-brand span{color:#c5b2ff}.back-link{margin-inline-start:auto;color:#c8c4d0;font-size:13px;text-decoration:none}.studio-main{max-width:1390px;margin:auto;padding:48px 4% 72px}.studio-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:42px}.studio-eyebrow{font-size:10px;letter-spacing:2.4px;color:#b6a1de}.studio-intro h1{font-size:clamp(42px,5vw,74px);line-height:1.05;letter-spacing:-2px;margin:20px 0 0}.studio-intro h1 em{font-style:normal;color:#c8b5ed}.studio-intro p{font-size:18px;line-height:1.8;max-width:450px;color:#c2bdcb;margin:0 0 22px}.studio-local{font-size:12px;color:#d6c6ed;display:inline-flex;gap:9px;align-items:center}.studio-layout{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(0,1.2fr);gap:32px;align-items:start}.studio-visual{position:sticky;top:20px;overflow:hidden;border:1px solid #ffffff1b;border-radius:22px;background:radial-gradient(ellipse at 48% 34%,#50415e 0,#282331 42%,#1b1921 72%)}.studio-visual-heading{padding:20px 22px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#d1c7df;letter-spacing:1px}#studio-canvas{height:410px;position:relative;background:radial-gradient(ellipse at 50% 94%,#b8a0cc38 0,transparent 35%)}#studio-canvas canvas{width:100%;height:100%;display:block}#preview-fallback{padding:50px 25px;text-align:center;color:#efe5ff}.look-caption{text-align:center;padding:3px 10px 20px}.look-caption>span{font-size:11px;color:#bab0c9}.look-caption h2{font-size:28px;margin:8px}.studio-preview-controls{padding:16px 22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 15px;border-top:1px solid #ffffff16;align-items:center;font-size:12px}.studio-preview-controls input[type=range]{width:100%;accent-color:#c5b2ff}.studio-preview-controls select,.studio-controls select,.studio-name input{width:100%;min-width:0;border:1px solid #ffffff29;border-radius:9px;background:#26232e;color:#f6f1fb;padding:10px 12px;font:inherit;min-height:43px}.studio-preview-controls .studio-checkbox{grid-column:1/-1}.studio-save{padding:6px 22px 23px;text-align:center}.studio-save .primary-button{width:100%;justify-content:center;min-height:50px;background:#d1bdfa;color:#241b35;font-weight:700}.studio-save p{font-size:12px;line-height:1.7;min-height:22px;color:#d5cbdf;margin:12px 0}.studio-save a{font-size:12px;color:#d6c6ed;text-underline-offset:4px}.studio-save a.saved{color:#bcf1d7}.studio-workspace{min-width:0}#studio-design{border:0;padding:0;margin:0;min-width:0}.studio-section{margin-bottom:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-heading h2{font-size:21px;margin:0}.step-number{color:#b29ace;font-size:12px;border:1px solid #ffffff25;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0}.collection-count{font-size:11px;color:#a6a0b2}.collection-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}.collection-filters button{border:1px solid #ffffff1a;background:transparent;color:#b8b1c4;padding:9px 13px;border-radius:30px;font:inherit;font-size:12px;min-height:38px}.collection-filters button[aria-pressed=true]{background:#d1bdfa;color:#241b35;border-color:#d1bdfa}.avatar-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.look-card{min-width:0;text-align:start;border:1px solid #ffffff1c;border-radius:12px;padding:0 0 12px;background:#1c1a23;color:#f5effb;overflow:hidden;font:inherit;transition:border-color .15s,transform .15s}.look-card:hover{transform:translateY(-3px);border-color:#ac8fe0}.look-card[aria-pressed=true]{border:2px solid #d1bdfa;background:#302538}.look-picture{height:134px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--look-color),transparent 65%),transparent 80%);font-size:36px;color:#c5b2ff}.look-picture img{width:100%;height:100%;object-fit:contain}.look-card strong,.look-card small{display:block;padding:0 11px}.look-card strong{font-size:13px;line-height:1.7}.look-card small{font-size:9px;color:#ada3ba;line-height:1.6}.studio-detail{font-size:12px;line-height:1.8;color:#aca4ba}.studio-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.studio-controls>label{display:grid;gap:8px;font-size:12px;color:#ccc3d8}.studio-controls fieldset{border:0;padding:0;margin:0;min-width:0}.studio-controls legend{font-size:12px;color:#ccc3d8;margin-bottom:10px}.studio-controls .palette{display:flex;flex-wrap:wrap;gap:7px}.studio-controls .color-swatch{width:28px;height:28px;min-width:28px;border-radius:50%;border:2px solid #ffffff25;padding:0}.studio-controls .color-swatch[aria-pressed=true]{outline:2px solid #dbc9ff;outline-offset:2px}.studio-name{display:grid;gap:9px;font-size:12px;margin-bottom:20px}.studio-checkbox{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;font-size:12px;line-height:1.8}.studio-checkbox input{width:17px;height:17px;accent-color:#c5b2ff;flex-shrink:0}.studio-import{border-top:1px solid #ffffff20;padding:22px 0;font-size:13px;line-height:1.9}.studio-import summary{cursor:pointer;color:#d6c6ed;font-weight:600}.studio-import label[for=avatar-file]{display:block;margin:16px 0 6px}.studio-import input[type=file]{max-width:100%;font-size:12px}.import-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.studio-footnote{font-size:11px;line-height:1.8;color:#9991a6;margin:0}.subtle-button{background:none;border:1px solid #ffffff25;padding:9px 12px;border-radius:8px;color:#d6c6ed;font-size:11px;cursor:pointer}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}fieldset:disabled .look-card{opacity:.6}.studio-main :focus-visible{outline:3px solid #dcbeff;outline-offset:4px}#delete-dialog{background:#211c2a;color:#f0e9f8;border:1px solid #75628e;border-radius:18px;max-width:460px;padding:28px}#delete-dialog p{line-height:1.8}.delete-actions{display:flex;gap:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:1000px){.studio-layout{gap:20px;grid-template-columns:minmax(280px,.85fr) minmax(0,1fr)}.avatar-collection{grid-template-columns:repeat(3,minmax(0,1fr))}.look-picture{height:115px}.section-heading{flex-wrap:wrap}}@media(max-width:720px){.studio-header{padding:17px;gap:12px}.studio-brand{font-size:21px}.back-link{font-size:10px}.studio-main{padding:28px 18px 40px}.studio-intro{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.studio-intro h1{font-size:49px}.studio-intro p{font-size:15px;line-height:1.7;margin:0 0 14px}.studio-layout{grid-template-columns:1fr;gap:28px}.studio-visual{position:relative;top:auto}#studio-canvas{height:300px}.studio-visual-heading{padding:16px}.look-caption{padding-bottom:14px}.look-caption h2{font-size:24px}.studio-preview-controls{padding:14px 18px;grid-template-columns:auto 1fr}.studio-save{padding:4px 18px 20px}.avatar-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.look-picture{height:116px}.look-card strong{font-size:12px}.studio-controls{gap:16px 12px}.collection-filters button{font-size:11px;padding:8px 10px}.section-heading h2{font-size:20px}.collection-count{font-size:10px}}@media(prefers-reduced-motion:reduce){.look-card{transition:none}.look-card:hover{transform:none}}
.studio-mobile-actions{display:none}@media(max-width:720px){.studio-main{padding-bottom:100px}.studio-mobile-actions{display:flex;position:fixed;bottom:0;left:0;right:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));gap:12px;z-index:20;background:#1c1825f5;border-top:1px solid #ffffff25;align-items:center;justify-content:space-between}.studio-mobile-actions a{color:#ddc9f4;text-decoration:none;font-size:12px}.studio-mobile-actions button{font:inherit;font-size:12px;background:#d1bdfa;color:#241b35;border:0;border-radius:10px;padding:13px 17px;font-weight:700}#studio-canvas{scroll-margin-top:15px}}
