@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/avatarlab/assets/roboto-flex-cyrillic-ext-wght-normal-CVcCQn0y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/avatarlab/assets/roboto-flex-cyrillic-wght-normal-BJ-nQEdz.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/avatarlab/assets/roboto-flex-greek-wght-normal-DeN4rzfy.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/avatarlab/assets/roboto-flex-vietnamese-wght-normal-AVFfiTln.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/avatarlab/assets/roboto-flex-latin-ext-wght-normal-gysdOMcS.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/avatarlab/assets/roboto-flex-latin-wght-normal-n-dP9qr2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#24212d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#24212d;--muted:#777380;--line:#dedbe7;--surface:#fff;--surface-soft:#f1eff8;--primary:#6549e8;--primary-dark:#4c32c9;--primary-container:#e5deff;--lime:#c9f36b;--coral:#ff8d78;--yellow:#ffd965;--spring:cubic-bezier(.2, 1.45, .45, 1);background:#f6f5fd;font-family:Roboto Flex Variable,Roboto Flex,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #24212d}.app-shell{background:radial-gradient(circle at 47% 22%,#fffc,#0000 24rem),#f6f5fd;flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.top-bar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;flex:none;grid-template-columns:minmax(200px,1fr) minmax(420px,1.2fr) minmax(200px,1fr);align-items:center;gap:16px;height:82px;padding:0 24px 0 28px;display:grid;position:relative;overflow:visible}.brand-zone{align-items:center;gap:18px;display:flex}.brand-lockup{width:max-content;color:var(--ink);-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.boxlore-wordmark{object-fit:contain;width:118px;height:auto;display:block}.brand-divider{background:#d3cfdd;width:1px;height:26px;margin:0 16px}.avatar-lab-mark{color:var(--primary);cursor:default;isolation:isolate;align-items:center;gap:8px;display:inline-flex;position:relative}.avatar-logo-crew{flex:none;width:49px;height:35px;display:inline-block;position:relative}.avatar-logo-face{filter:drop-shadow(1px 2px #221f2b40);transform-origin:50% 85%;transition:transform .32s var(--spring), filter .22s ease;position:absolute;overflow:visible}.avatar-logo-face--left{z-index:1;width:25px;height:25px;animation:avatar-peek-left 4.8s var(--spring) infinite;top:7px;left:0}.avatar-logo-face--right{z-index:2;width:25px;height:25px;animation:avatar-peek-right 5.2s var(--spring) .45s infinite;top:6px;right:0}.avatar-logo-face--center{z-index:3;opacity:0;width:32px;height:32px;animation:avatar-bob 3.6s var(--spring) infinite, avatar-cycle 9s linear infinite;top:1px;left:8px}.avatar-logo-variant--one{opacity:1;animation-delay:0s,0s}.avatar-logo-variant--two{animation-delay:.18s,-6s}.avatar-logo-variant--three{animation-delay:.36s,-3s}.avatar-logo-eyes{transform-box:fill-box;transform-origin:50%;animation:4.2s ease-in-out infinite avatar-blink}.avatar-logo-face--left .avatar-logo-eyes{animation-delay:.7s}.avatar-logo-face--right .avatar-logo-eyes{animation-delay:1.4s}.avatar-lab-words{color:var(--ink);font-variation-settings:"wght" 760, "wdth" 104;letter-spacing:-.8px;transition:transform .22s var(--spring);align-items:center;gap:5px;font-size:20px;display:inline-flex}.lab-pill{color:#fff;background:var(--primary);min-width:39px;height:28px;animation:lab-pill-morph 5s var(--spring) infinite;border-radius:50% 42% 48% 38%/50% 46% 54% 42%;place-items:center;padding:0 8px;transition:background .16s,color .16s,box-shadow .18s;display:inline-grid;transform:rotate(2deg)}.brand-spark{color:#e65b86;font-size:12px;animation:3.4s ease-in-out infinite twinkle;position:absolute;top:-9px;right:-15px}.brand-beta-sticker{color:var(--ink);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-variation-settings:"wght" 850;letter-spacing:.6px;text-transform:uppercase;pointer-events:none;transition:transform .22s var(--spring), background .16s ease;background:#ffe36d;border-radius:7px 11px;padding:2px 6px 3px;font-size:7px;line-height:1;position:absolute;bottom:-11px;right:-31px;transform:rotate(-7deg)}.brand-pop{z-index:4;border:1.5px solid var(--ink);background:var(--yellow);opacity:0;pointer-events:none;width:7px;height:7px;position:absolute;transform:scale(0)}.brand-pop--a{background:var(--lime);border-radius:50%;top:-2px;left:10px}.brand-pop--b{background:var(--coral);border-radius:2px;top:4px;right:18px}.brand-pop--c{background:#fff;width:5px;height:5px;bottom:8px;left:42px}.brand-pop--d{background:var(--yellow);top:18px;right:-4px;transform:rotate(45deg)scale(0)}.avatar-lab-mark:hover .avatar-logo-face--left,.avatar-lab-mark:focus-within .avatar-logo-face--left{animation:brand-face-chaos-left .48s var(--spring) infinite;filter:drop-shadow(2px 3px #221f2b59)}.avatar-lab-mark:hover .avatar-logo-face--right,.avatar-lab-mark:focus-within .avatar-logo-face--right{animation:brand-face-chaos-right .52s var(--spring) infinite;filter:drop-shadow(2px 3px #221f2b59)}.avatar-lab-mark:hover .avatar-logo-face--center,.avatar-lab-mark:focus-within .avatar-logo-face--center{opacity:1;animation:brand-face-chaos-center .45s var(--spring) infinite;filter:drop-shadow(2px 3px #221f2b59)}.avatar-lab-mark:hover .avatar-logo-variant--two,.avatar-lab-mark:focus-within .avatar-logo-variant--two,.avatar-lab-mark:hover .avatar-logo-variant--three,.avatar-lab-mark:focus-within .avatar-logo-variant--three{opacity:0;animation:none}.avatar-lab-mark:hover .avatar-logo-variant--one,.avatar-lab-mark:focus-within .avatar-logo-variant--one{opacity:1}.avatar-lab-mark:hover .avatar-lab-words,.avatar-lab-mark:focus-within .avatar-lab-words{animation:.32s steps(2,end) infinite brand-words-wobble}.avatar-lab-mark:hover .lab-pill,.avatar-lab-mark:focus-within .lab-pill{color:var(--ink);box-shadow:2px 2px 0 var(--ink);animation:brand-pill-chaos .55s var(--spring) infinite;background:#ffe36d}.avatar-lab-mark:hover .brand-spark,.avatar-lab-mark:focus-within .brand-spark{animation:brand-spark-burst .55s var(--spring) infinite}.avatar-lab-mark:hover .brand-beta-sticker,.avatar-lab-mark:focus-within .brand-beta-sticker{background:var(--lime);animation:brand-beta-flip .6s var(--spring) infinite}.avatar-lab-mark:hover .brand-pop,.avatar-lab-mark:focus-within .brand-pop{opacity:1;animation:brand-pop-spark .7s var(--spring) infinite}.avatar-lab-mark:hover .brand-pop--b,.avatar-lab-mark:focus-within .brand-pop--b{animation-delay:80ms}.avatar-lab-mark:hover .brand-pop--c,.avatar-lab-mark:focus-within .brand-pop--c{animation-delay:.16s}.avatar-lab-mark:hover .brand-pop--d,.avatar-lab-mark:focus-within .brand-pop--d{animation-delay:.24s}@keyframes avatar-bob{0%,72%,to{transform:translateY(0)rotate(-2deg)}82%{transform:translateY(-3px)rotate(2deg)}91%{transform:translateY(1px)rotate(-1deg)}}@keyframes avatar-cycle{0%,27%{opacity:1}33%,94%{opacity:0}to{opacity:1}}@keyframes avatar-peek-left{0%,68%,to{transform:translate(2px,1px)rotate(-8deg)}78%{transform:translate(-3px,-2px)rotate(-16deg)}88%{transform:translate(1px)rotate(-6deg)}}@keyframes avatar-peek-right{0%,64%,to{transform:translate(-2px,1px)rotate(8deg)}75%{transform:translate(3px,-3px)rotate(15deg)}87%{transform:translate(-1px)rotate(6deg)}}@keyframes avatar-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes lab-pill-morph{0%,70%,to{border-radius:50% 42% 48% 38%/50% 46% 54% 42%;transform:rotate(2deg)translateY(0)}82%{border-radius:39% 61% 43% 57%/57% 42% 58% 43%;transform:rotate(-2deg)translateY(-1px)}}@keyframes brand-face-chaos-left{0%{transform:translate(-2px)rotate(-10deg)scale(1.05)}35%{transform:translate(-8px,-6px)rotate(-28deg)scale(1.18)}70%{transform:translate(-3px,2px)rotate(8deg)scale(1.1)}to{transform:translate(-2px)rotate(-10deg)scale(1.05)}}@keyframes brand-face-chaos-right{0%{transform:translate(2px)rotate(10deg)scale(1.05)}40%{transform:translate(9px,-7px)rotate(30deg)scale(1.2)}75%{transform:translate(3px,2px)rotate(-10deg)scale(1.08)}to{transform:translate(2px)rotate(10deg)scale(1.05)}}@keyframes brand-face-chaos-center{0%{transform:translateY(-2px)rotate(-4deg)scale(1.08)}25%{transform:translateY(-8px)rotate(12deg)scale(1.22)}55%{transform:translate(2px,-1px)rotate(-14deg)scale(1.12)}to{transform:translateY(-2px)rotate(-4deg)scale(1.08)}}@keyframes brand-words-wobble{0%{transform:translate(0)rotate(0)}50%{transform:translate(1px)rotate(-.8deg)}to{transform:translate(-1px)rotate(.8deg)}}@keyframes brand-pill-chaos{0%{border-radius:18px 28px 16px 30px;transform:rotate(-4deg)scale(1.08)}35%{border-radius:30px 14px 28px 18px;transform:rotate(8deg)scale(1.14)}70%{border-radius:16px 26px 20px 24px;transform:rotate(-6deg)scale(1.1)}to{border-radius:18px 28px 16px 30px;transform:rotate(-4deg)scale(1.08)}}@keyframes brand-spark-burst{0%,to{opacity:1;transform:scale(1)rotate(0)}40%{opacity:1;transform:scale(1.55)rotate(25deg)translate(2px,-3px)}70%{opacity:.7;transform:scale(.85)rotate(-15deg)}}@keyframes brand-beta-flip{0%{transform:rotate(-7deg)scale(1)}40%{transform:rotate(12deg)scale(1.18)translateY(-2px)}to{transform:rotate(-14deg)scale(1.05)}}@keyframes brand-pop-spark{0%{opacity:0;transform:translate(0)scale(0)rotate(0)}35%{opacity:1;transform:translateY(-8px)scale(1.2)rotate(18deg)}to{opacity:0;transform:translate(5px,-16px)scale(.2)rotate(70deg)}}.editor-tips{z-index:1;justify-self:center;width:100%;max-width:min(720px,56vw);position:relative}.editor-tips-card{text-align:left;width:100%;min-width:0;height:34px;color:var(--ink);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;transition:transform .22s var(--spring), box-shadow .22s ease;background:linear-gradient(135deg,#fffdf6 0%,#fff0e0 46%,#f3e8ff 100%);border-radius:999px;align-items:center;gap:7px;padding:0 8px 0 6px;display:flex;position:relative;overflow:hidden}.editor-tips-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--coral), var(--yellow));transform-origin:0;height:2px;animation:11s linear infinite tip-progress;position:absolute;inset:auto 0 0}.editor-tips:hover .editor-tips-card:before,.editor-tips:focus-within .editor-tips-card:before{animation-play-state:paused}.editor-tips-card:hover,.editor-tips-card:focus-visible{box-shadow:3px 3px 0 var(--ink);transform:translateY(-1px)}.editor-tips-icon{border:1.5px solid var(--ink);background:var(--yellow);width:22px;height:22px;box-shadow:1px 1px 0 var(--ink);animation:tip-icon-wiggle 3.6s var(--spring) infinite;border-radius:50%;flex:none;place-items:center;display:grid}.editor-tips-icon svg{stroke-width:2.6px;width:11px;height:11px}.editor-tips-path{color:#6a6474;max-width:none;box-shadow:none;font-variation-settings:"wght" 700;letter-spacing:.01em;white-space:nowrap;background:0 0;border:0;border-radius:0;flex:none;padding:0;font-size:10px;line-height:1;overflow:visible}.editor-tips-path:after{color:#b0aab8;content:"·";margin:0 2px 0 6px}.editor-tips-text{min-width:0;color:var(--ink);font-variation-settings:"wght" 700;letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;animation:tip-copy-in .36s var(--spring) both;flex:auto;font-size:12px;line-height:1;overflow:hidden}.editor-tips-go{width:18px;height:18px;transition:transform .22s var(--spring), background .18s ease;background:#24212d14;border-radius:999px;flex:none;place-items:center;display:grid}.editor-tips-card:hover .editor-tips-go{background:var(--lime);transform:translate(2px)}.editor-tips-go svg{stroke-width:2.6px;width:12px;height:12px}@keyframes tip-copy-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tip-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tip-icon-wiggle{0%,to{transform:rotate(-4deg)}40%{transform:rotate(5deg)}70%{transform:rotate(-2deg)}}.top-actions,.history-actions{align-items:center;display:flex}.top-actions{justify-self:end;gap:10px;overflow:visible}.history-actions{border-right:1px solid var(--line);gap:2px;padding-right:8px}.tool-button{cursor:pointer;min-width:42px;height:42px;transition:transform .25s var(--spring), background .18s ease, border-radius .25s var(--spring);background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.tool-button svg{stroke-width:2.1px;width:19px;height:19px}.tool-button:hover:not(:disabled){background:var(--surface-soft);border-radius:50%;transform:scale(1.06)}.tool-button:disabled{opacity:.3;cursor:default}.surprise-me{z-index:2;flex:none;width:148px;height:44px;position:relative;overflow:visible}.surprise-me-button{z-index:1;color:#fff;border:2px solid var(--ink);background:var(--primary);width:100%;height:100%;box-shadow:3px 3px 0 var(--ink);cursor:pointer;isolation:isolate;font-variation-settings:"wght" 760;letter-spacing:-.01em;transform-origin:50%;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;transition:background .16s,box-shadow .18s,color .16s;display:inline-flex;position:relative;overflow:hidden}.surprise-me-glow{z-index:-1;opacity:0;mix-blend-mode:soft-light;pointer-events:none;background:conic-gradient(#ff8d78,#ffd965,#c9f36b,#6549e8,#ff8ba0,#ff8d78);animation:4s linear infinite surprise-spin;position:absolute;inset:-40%}.surprise-me-burst{z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(circle at 20%,#ffd9658c,#0000 42%),radial-gradient(circle at 80% 40%,#c9f36b73,#0000 40%),radial-gradient(circle at 50% 110%,#ff8d7880,#0000 45%);transition:opacity .18s;position:absolute;inset:0}.surprise-me-dice{z-index:1;place-items:center;width:22px;height:22px;display:grid;position:relative}.surprise-me-dice svg{stroke-width:2.35px;width:18px;height:18px}.surprise-me-label{z-index:1;position:relative}.surprise-me-spark{z-index:2;background:var(--yellow);width:7px;height:7px;box-shadow:0 0 0 1px var(--ink);opacity:0;pointer-events:none;border-radius:1px;position:absolute;transform:scale(0)}.surprise-me-spark--a{background:var(--lime);top:4px;left:18px}.surprise-me-spark--b{background:var(--coral);border-radius:50%;top:6px;right:16px}.surprise-me-spark--c{background:#fff;width:5px;height:5px;bottom:5px;left:28px}.surprise-me-spark--d{background:var(--yellow);bottom:7px;right:24px;transform:rotate(45deg)scale(0)}.surprise-me-button:hover,.surprise-me-button:focus-visible{color:var(--ink);box-shadow:4px 5px 0 var(--ink);animation:surprise-chaos .55s var(--spring) infinite;background:#ffe36d}.surprise-me-button:hover .surprise-me-glow,.surprise-me-button:focus-visible .surprise-me-glow{opacity:.85;animation-duration:.7s}.surprise-me-button:hover .surprise-me-burst,.surprise-me-button:focus-visible .surprise-me-burst{opacity:1}.surprise-me-button:hover .surprise-me-dice,.surprise-me-button:focus-visible .surprise-me-dice{animation:surprise-dice-tumble .45s var(--spring) infinite}.surprise-me-button:hover .surprise-me-label,.surprise-me-button:focus-visible .surprise-me-label{animation:.28s steps(2,end) infinite surprise-label-jitter}.surprise-me-button:hover .surprise-me-spark,.surprise-me-button:focus-visible .surprise-me-spark{opacity:1;animation:surprise-spark .7s var(--spring) infinite}.surprise-me-button:hover .surprise-me-spark--b,.surprise-me-button:focus-visible .surprise-me-spark--b{animation-delay:80ms}.surprise-me-button:hover .surprise-me-spark--c,.surprise-me-button:focus-visible .surprise-me-spark--c{animation-delay:.16s}.surprise-me-button:hover .surprise-me-spark--d,.surprise-me-button:focus-visible .surprise-me-spark--d{animation-delay:.24s}.surprise-me-button:active{box-shadow:1px 1px 0 var(--ink);animation:none;transform:translate(2px,2px)scale(.98)}@keyframes surprise-chaos{0%{border-radius:18px 28px 16px 30px;transform:translate(0)rotate(0)scale(1.04)}25%{border-radius:28px 14px 30px 18px;transform:translate(-2px,1px)rotate(-3deg)scale(1.06)}50%{border-radius:16px 30px 18px 26px;transform:translate(2px,-2px)rotate(3deg)scale(1.08)}75%{border-radius:30px 18px 24px 14px;transform:translate(-1px,-1px)rotate(-2deg)scale(1.05)}to{border-radius:18px 28px 16px 30px;transform:translate(0)rotate(0)scale(1.04)}}@keyframes surprise-dice-tumble{0%{transform:rotate(0)scale(1)}40%{transform:rotate(140deg)scale(1.25)}to{transform:rotate(360deg)scale(1)}}@keyframes surprise-label-jitter{0%{transform:translate(0)}50%{transform:translate(1px)}to{transform:translate(-1px)}}@keyframes surprise-spark{0%{opacity:0;transform:translate(0)scale(0)rotate(0)}35%{opacity:1;transform:translateY(-6px)scale(1.15)rotate(20deg)}to{opacity:0;transform:translate(4px,-14px)scale(.2)rotate(80deg)}}@keyframes surprise-spin{to{transform:rotate(360deg)}}.editor-tab-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #ddd8e5;flex:none;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;height:76px;padding:9px 20px;display:grid;box-shadow:0 5px 16px #31274d0d}.workspace-tab-strip{background:#efedf4;border:1px solid #ded9e7;border-radius:15px 22px;align-items:center;gap:4px;padding:4px;display:flex}.workspace-wide-tab{color:#706a78;font-variation-settings:"wght" 720;cursor:pointer;min-width:72px;height:48px;transition:color .16s ease, background .16s ease, border-radius .22s var(--spring), transform .22s var(--spring);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:inline-flex}.workspace-wide-tab svg{width:17px;height:17px}.workspace-wide-tab:hover{color:var(--ink);background:#fff}.workspace-wide-tab--active{color:#fff;background:var(--primary);box-shadow:2px 3px 0 var(--ink);border-radius:11px 19px;transform:translateY(-1px)rotate(-1deg)}.workspace-wide-tab--active:hover{color:#fff;background:var(--primary-dark)}.editor-tabs-divider{background:#ddd8e3;width:1px;height:34px}.tool-tab-strip{scrollbar-color:#bcb3cc transparent;scrollbar-width:thin;align-items:center;gap:5px;min-width:0;padding:3px 2px 5px;display:flex;overflow-x:auto}.editor-tool-tab{color:#6b6572;font-variation-settings:"wght" 680;white-space:nowrap;cursor:pointer;height:46px;transition:color .15s ease, background .15s ease, border-radius .22s var(--spring), transform .22s var(--spring);background:0 0;border:1px solid #0000;border-radius:12px 18px;flex:none;align-items:center;gap:6px;padding:0 11px;font-size:10px;display:inline-flex}.editor-tool-tab svg{width:16px;height:16px}.editor-tool-tab:hover{color:var(--ink);background:#f2eff7;border-color:#ded8e7;transform:translateY(-1px)}.editor-tool-tab--active{color:#3a2e64;background:var(--primary-container);box-shadow:inset 0 -3px 0 var(--primary);font-variation-settings:"wght" 780;border-color:#cfc4ed;border-radius:17px 10px}.editor-tool-tab--active svg{color:var(--primary)}.editor-tabs-empty{color:var(--muted);padding:0 12px;font-size:10px}.editor-tab-search{background:#f8f7fa;border:1px solid #ddd8e3;border-radius:13px 20px;align-items:center;gap:7px;width:142px;height:42px;padding:0 11px;display:flex}.editor-tab-search:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6549e81a}.editor-tab-search svg{color:#7d7783;width:15px}.editor-tab-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:10px}.studio{flex:auto;grid-template-columns:minmax(0,1fr) min(402px,34vw);height:auto;min-height:0;display:grid;overflow:hidden}.studio--creative-editor{grid-template-columns:var(--menu-width,420px) minmax(0, 1fr) var(--layers-width,310px);position:relative}.studio-menu{border-right:1px solid var(--line);background:#fff;grid-template-columns:68px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.studio-menu.is-collapsed{grid-template-columns:68px}.studio-activity-rail{background:#f4f2fa;border-right:1px solid #e4e0eb;flex-direction:column;align-items:stretch;gap:5px;padding:12px 7px;display:flex}.studio-menu.is-collapsed .studio-activity-rail{border-right:0}.studio-activity-rail button{color:#746e7d;font-variation-settings:"wght" 700;cursor:pointer;border-radius:15px;align-content:center;place-items:center;gap:4px;min-height:58px;padding:6px 3px;font-size:9px;display:grid;position:relative}.studio-activity-rail button svg{width:19px;height:19px}.studio-activity-rail button:hover:not(:disabled){color:#3d2f6d;background:#e9e4f8}.studio-activity-rail button.is-active{color:#fff;background:var(--primary);border-radius:13px 20px;box-shadow:2px 3px #282332}.studio-activity-rail button:disabled{opacity:.5;cursor:not-allowed}.studio-activity-rail button em{color:#6b4416;letter-spacing:.04em;text-transform:uppercase;background:#ffe0aa;border-radius:5px;padding:1px 3px;font-size:6px;font-style:normal;position:absolute;top:3px;right:2px}.studio-panel-toggle{color:#5f5769;margin-top:auto;min-height:44px!important}.studio-menu-drawer{scrollbar-width:none;-ms-overflow-style:none;background:radial-gradient(circle,#6549e80d 1px,#0000 1.5px) 4px 4px/20px 20px,#fff;min-width:0;min-height:0;padding:18px 14px 28px;overflow:hidden auto}.studio-menu-drawer::-webkit-scrollbar{width:0;height:0;display:none}.studio-menu-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.studio-menu-heading{flex:1;min-width:0}.studio-menu-header h2{font-variation-settings:"wght" 760, "wdth" 96;letter-spacing:-.5px;margin:0;font-size:18px}.studio-menu-header .step-label{margin-bottom:5px}.studio-menu-search{background:#f8f7fb;border:1px solid #ddd8e7;border-radius:10px 14px;flex:none;align-items:center;gap:6px;width:min(132px,42%);height:32px;margin-top:2px;padding:0 9px;display:flex}.studio-menu-search:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6549e81a}.studio-menu-search svg{color:#7c7683;flex:none;width:13px;height:13px}.studio-menu-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:10px}.studio-tool-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:18px;display:grid}.studio-tool-list>button{text-align:left;background:#f8f7fb;border:1px solid #e3dfe9;border-radius:14px 20px;gap:3px;min-width:0;padding:10px;display:grid}.studio-tool-list>button:hover{background:#f0edfc;border-color:#bcb2dd}.studio-tool-list>button.is-active{border-color:var(--primary);background:var(--primary-container);box-shadow:2px 2px #2a2435}.studio-tool-list strong{font-variation-settings:"wght" 740;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.studio-tool-list small{color:#827b89;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.studio-menu-empty{color:#817a88;text-align:center;border:1px dashed #d8d2e1;border-radius:14px;grid-column:1/-1;padding:14px;font-size:10px}.studio-menu-editor{border-top:1px solid #e4e0e9;padding-top:16px}.studio-menu-editor-heading{margin-bottom:12px}.studio-menu-editor-heading>span{color:var(--primary);font-variation-settings:"wght" 760;letter-spacing:.12em;text-transform:uppercase;font-size:8px}.studio-menu-editor-heading h3{font-variation-settings:"wght" 780, "wdth" 96;letter-spacing:-.7px;margin:2px 0 3px;font-size:22px}.studio-menu-editor-heading p{color:#7c7683;margin:0;font-size:9px}.studio-menu-editor .focused-inspector{background:0 0;border:0;padding:0;overflow:visible}.studio-menu-editor .inspector-breadcrumbs{display:none}.studio-menu-editor .inspector-heading{margin-bottom:12px}.studio-menu-editor .option-card{min-height:150px}.layers-panel{border-left:1px solid var(--line);background:radial-gradient(circle,#6549e80d 1px,#0000 1.5px) 4px 4px/20px 20px,#fff;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.layers-panel.is-collapsed{background:#f4f2fa}.layers-collapsed-toggle{color:#5f5769;cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;width:100%;height:100%;padding:16px 8px;display:flex}.layers-collapsed-toggle svg{flex:none;width:18px;height:18px}.layers-collapsed-toggle span{writing-mode:vertical-rl;font-variation-settings:"wght" 760;letter-spacing:.14em;text-transform:uppercase;font-size:11px;transform:rotate(180deg)}.layers-collapsed-toggle:hover{color:#3d2f6d;background:#ebe6f8}.layers-panel-header{grid-template-columns:40px minmax(0,1fr) 34px;align-items:flex-start;gap:12px;padding:18px 14px 14px;display:grid}.layers-panel-icon{width:40px;height:40px;color:var(--ink);border:1.5px solid var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);border-radius:12px 18px;place-items:center;display:grid;transform:rotate(-2deg)}.layers-panel-icon svg{stroke-width:2.1px;width:18px;height:18px}.layers-panel-heading{gap:4px;min-width:0;display:grid}.layers-panel-heading .step-label{width:max-content;margin-bottom:0}.layers-panel-heading strong{font-variation-settings:"wght" 780, "wdth" 96;letter-spacing:-.7px;font-size:22px;line-height:1}.layers-panel-heading small{color:#7c7683;font-size:9px;line-height:1.35}.layers-panel-collapse{color:#6e6775;background:#f8f7fb;border:1px solid #ddd8e7;border-radius:11px 16px;place-items:center;width:34px;height:34px;display:grid;box-shadow:1px 1px #ded8e8}.layers-panel-collapse:hover{color:#3d2f6d;background:#ebe6f8}.layers-panel-collapse svg{width:16px;height:16px}.layers-panel-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:0 12px 18px;display:flex;overflow:hidden auto}.layers-panel-list::-webkit-scrollbar{width:0;height:0;display:none}.layer-group{gap:8px;display:grid}.layer-group-heading{color:#6f6876;font-variation-settings:"wght" 760;letter-spacing:.12em;text-align:left;text-transform:uppercase;grid-template-columns:14px 1fr auto;align-items:center;gap:7px;width:100%;min-height:32px;padding:0 4px 0 2px;font-size:8px;display:grid}.layer-group-heading svg{width:13px;height:13px;transition:transform .18s var(--spring)}.layer-group-heading[aria-expanded=false] svg{transform:rotate(-90deg)}.layer-group-heading small{color:#5a4a86;text-align:center;background:#f4f1ff;border:1px solid #d8d2e4;border-radius:999px;min-width:18px;padding:2px 6px;font-size:7px}.layer-group-list{gap:8px;display:grid}.layer-card{border:1.5px solid var(--ink);min-width:0;min-height:62px;box-shadow:2.5px 3px 0 var(--ink);transition:background .16s ease, border-color .16s ease, box-shadow .18s var(--spring), transform .18s var(--spring);background:#fff;border-radius:16px 22px 14px 20px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:4px;padding:8px 8px 8px 6px;display:grid}.layer-card:hover{box-shadow:3.5px 4px 0 var(--ink);background:#f7f4ff;transform:translate(-1px,-1px)}.layer-card.is-active{border-color:var(--primary);background:var(--primary-container);box-shadow:3px 3px #2a2435}.layer-card.is-hidden{opacity:.58;background:#f3f2f6}.layer-card.is-locked:not(.is-active){background:repeating-linear-gradient(-45deg,#fff,#fff 6px,#f6f4fa 6px 12px)}.layer-visibility{color:#79727f;cursor:pointer;width:28px;height:34px;transition:background .16s ease, color .16s ease, border-radius .22s var(--spring);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.layer-visibility:hover{color:#3d2f6d;background:#ebe6f8;border-radius:50%}.layer-visibility svg{stroke-width:2.1px;width:14px;height:14px}.layer-select{text-align:left;cursor:pointer;min-width:0;box-shadow:none;appearance:none;background:0 0;border:0;border-radius:0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:2px;display:grid}.layer-thumbnail{width:42px;height:42px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid;overflow:hidden}.layer-card.is-active .layer-thumbnail{background:0 0;border:0}.layer-thumbnail .part-preview-surface,.layer-thumbnail .part-preview-canvas{max-width:none;max-height:none;padding:0;width:100%!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;transform:none!important}.layer-copy{gap:3px;min-width:0;display:grid}.layer-copy strong,.layer-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-copy strong{font-variation-settings:"wght" 760;font-size:12px}.layer-copy small{color:#7c7683;font-size:9px}.layer-actions{opacity:0;gap:3px;transition:opacity .14s;display:flex}.layer-card:hover .layer-actions,.layer-card:focus-within .layer-actions,.layer-card.is-active .layer-actions,.layer-card.is-locked .layer-actions{opacity:1}.layer-actions button{width:28px;height:30px;color:var(--ink);border:1.5px solid var(--ink);box-shadow:1.5px 1.5px 0 var(--ink);transition:background .16s ease, color .16s ease, transform .18s var(--spring);background:#fff;border-radius:9px 12px 8px 11px;place-items:center;display:grid}.layer-actions button:hover:not(:disabled){background:var(--yellow);box-shadow:2.5px 2.5px 0 var(--ink);transform:translate(-1px,-1px)}.layer-actions button.is-active{color:#fff;border-color:var(--ink);background:var(--primary);box-shadow:1.5px 1.5px 0 var(--ink)}.layer-actions button:disabled{opacity:.3;cursor:not-allowed}.layer-actions svg{stroke-width:2.1px;width:13px;height:13px}.layers-panel-removed{border:1.5px dashed var(--ink);background:#f8f6fb;border-radius:16px 22px;flex:none;gap:8px;margin:0 12px 14px;padding:12px;display:grid}.layers-panel-removed>span{color:#8a8494;font-variation-settings:"wght" 760;letter-spacing:.12em;text-transform:uppercase;font-size:8px}.layers-panel-removed>div{scrollbar-width:none;flex-wrap:wrap;gap:6px;max-height:78px;display:flex;overflow-y:auto}.layers-panel-removed>div::-webkit-scrollbar{display:none}.layers-panel-removed button{border:1.5px solid var(--ink);color:var(--ink);font-variation-settings:"wght" 680;box-shadow:1.5px 1.5px 0 var(--ink);transition:background .16s ease, transform .18s var(--spring);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-size:9px;display:inline-flex}.layers-panel-removed button:hover{background:var(--primary-container);box-shadow:2.5px 2.5px 0 var(--ink);transform:translate(-1px,-1px)}.layers-panel-removed svg{width:11px;height:11px}.panel-resize-handle{z-index:8;cursor:col-resize;touch-action:none;background:0 0;border:0;width:10px;padding:0;position:absolute;top:0;bottom:0}.panel-resize-handle:after{content:"";opacity:0;background:#d7d1e4;border-radius:999px;width:3px;height:42px;transition:opacity .14s,background .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-resize-handle:hover:after,.panel-resize-handle:focus-visible:after,body.is-resizing-panels .panel-resize-handle:after{opacity:1;background:var(--primary)}.panel-resize-handle--menu{right:-5px}.panel-resize-handle--layers{left:-5px}body.is-resizing-panels{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-resizing-panels *{cursor:col-resize!important}.category-rail{border-right:1px solid var(--line);background:#ffffff8a;flex-direction:column;padding:30px 18px 20px;display:flex;overflow-y:auto}.rail-intro{padding:0 9px 20px;position:relative}.eyebrow,.step-label{color:var(--primary);font-variation-settings:"wght" 780;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:10px;display:inline-flex}.eyebrow{color:#473578;background:#e7e1ff;border-radius:8px 13px;padding:5px 8px;transform:rotate(-1deg)}.step-label{color:var(--ink);border:1px solid var(--ink);background:var(--yellow);box-shadow:1.5px 2px 0 var(--ink);letter-spacing:.12em;border-radius:7px 11px;padding:4px 8px;transform:rotate(-1deg)}.rail-intro h1{font-variation-settings:"wght" 790, "wdth" 92;letter-spacing:-2.3px;max-width:185px;margin:2px 0 17px;font-size:clamp(34px,3vw,44px);line-height:.88}.rail-intro h1>span{display:block}.face-word{color:#fff;border:2px solid var(--ink);background:var(--primary);width:max-content;box-shadow:4px 5px 0 var(--ink);border-radius:14px 24px 14px 22px;margin-top:8px;padding:4px 12px 7px 10px;position:relative;transform:rotate(-3deg)}.face-word:after{content:"✦";color:var(--coral);text-shadow:1px 1px 0 var(--ink);font-size:22px;position:absolute;top:-13px;right:-18px;transform:rotate(14deg)}.rail-intro p{max-width:192px;color:var(--muted);margin:0;font-size:12px;line-height:1.45}.editor-map{gap:18px;display:grid}.editor-map__section{gap:7px;display:grid}.editor-map__heading{color:#4d4855;justify-content:space-between;align-items:baseline;padding:0 9px;display:flex}.editor-map__heading>span{font-variation-settings:"wght" 800;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.editor-map__heading small{color:#9993a2;font-variation-settings:"wght" 620;letter-spacing:.03em;font-size:8px}.category-list{gap:4px;display:grid}.category-button{color:#67636f;text-align:left;font-variation-settings:"wght" 610;cursor:pointer;width:100%;min-height:48px;transition:background .18s ease, color .18s ease, border-radius .24s var(--spring), transform .24s var(--spring);background:0 0;border:0;border-radius:16px;grid-template-columns:36px 1fr auto;align-items:center;gap:7px;padding:5px 10px 5px 7px;font-size:13px;display:grid}.category-button:hover{color:var(--ink);background:#eeebf6;transform:translate(3px)}.category-button--active{color:#2f205f;background:var(--primary-container);border-radius:13px 26px 26px 13px}.category-button--active:hover{color:#2f205f;background:var(--primary-container)}.category-icon{background:#ffffffad;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.category-icon svg{stroke-width:2.1px;width:17px;height:17px}.category-button--active .category-icon{color:#fff;background:var(--primary);border-radius:50% 38% 51% 42%;transform:rotate(-3deg)}.category-button--active .category-icon svg{transform:rotate(3deg)}.category-count{font-variation-settings:"wght" 760;opacity:.68;background:#ffffff9e;border-radius:999px;place-items:center;min-width:23px;height:20px;font-size:8px;display:grid}.preview-stage{flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;padding:clamp(20px,4vh,56px) clamp(24px,4vw,72px) clamp(16px,2.5vh,28px);display:flex;position:relative;overflow:hidden}.stage-decor{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage-shape{position:absolute;overflow:visible}.stage-shape--sunny{fill:none;stroke:#cfe85b;stroke-width:10px;opacity:.48;width:160px;top:-36px;left:48%;transform:rotate(9deg)}.stage-shape--soft-boom{fill:#dcd3ff;opacity:.48;width:110px;top:12%;right:8%;transform:rotate(13deg)}.stage-shape--flower{fill:#ffbfd7;opacity:.62;width:118px;bottom:16%;right:6%;transform:rotate(-10deg)}.stage-shape--clover{fill:#fee576;opacity:.54;width:96px;bottom:6%;left:7%;transform:rotate(16deg)}.stage-headline{z-index:1;color:#342e40;font-variation-settings:"wght" 820, "wdth" 90;letter-spacing:-4px;pointer-events:auto;cursor:default;margin:0;font-size:clamp(44px,4vw,62px);line-height:.82;position:absolute;top:38px;left:28px;transform:rotate(-3deg)}.stage-headline span,.stage-headline strong{display:block}.stage-headline>span{text-shadow:2px 3px #ffffffeb,4px 5px #6549e81f;transition:transform .28s var(--spring)}.stage-headline .stage-face-word{color:#fff;border:3px solid var(--ink);background:var(--primary);width:max-content;box-shadow:6px 7px 0 var(--ink);text-shadow:none;transition:transform .32s var(--spring), border-radius .32s var(--spring), background .22s ease, box-shadow .22s ease, padding .28s var(--spring);border-radius:18px 31px;justify-items:center;margin-top:8px;padding:6px 18px 10px;display:grid;position:relative;overflow:hidden;transform:rotate(-1deg)}.stage-face-word .stage-face-idle,.stage-face-word .stage-face-hover{transition:opacity .22s ease, transform .32s var(--spring);grid-area:1/1;display:block}.stage-face-word .stage-face-hover{opacity:0;transform:translateY(8px)}.stage-smile-mark{width:52px;height:0;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .22s ease, height .28s var(--spring), margin-top .28s var(--spring), transform .32s var(--spring);grid-area:2/1;margin-top:0;overflow:visible;transform:translateY(-4px)scale(.7)}.stage-face-word:after{content:"✦";color:var(--coral);text-shadow:1px 2px 0 var(--ink);transition:transform .32s var(--spring);font-size:22px;position:absolute;top:-14px;right:-18px;transform:rotate(14deg)}.stage-headline:hover>span{transform:translate(2px)}.stage-headline:hover .stage-face-word{color:var(--ink);box-shadow:5px 8px 0 var(--ink);background:#ffe36d;border-radius:28px 22px 30px 24px;padding:6px 18px 8px;transform:rotate(2deg)translateY(-2px)}.stage-headline:hover .stage-face-idle{opacity:0;transform:translateY(-8px)}.stage-headline:hover .stage-face-hover{opacity:1;transform:translateY(0)}.stage-headline:hover .stage-smile-mark{opacity:1;height:20px;margin-top:2px;transform:translateY(0)scale(1)}.stage-headline:hover .stage-face-word:after{transform:rotate(-8deg)scale(1.12)translate(2px,-2px)}.avatar-frame{z-index:2;aspect-ratio:.89;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(125deg,#fff,#ded8ff) border-box;border:1px solid #e3dfeb;border-radius:44px 44px 120px;place-items:center;width:min(100%,510px);max-height:min(63vh,100%);padding:18px;display:grid;position:relative;overflow:visible;box-shadow:0 2px 1px #1c173208,0 22px 60px #3a2a6b17}.avatar-frame:before{content:"";pointer-events:none;border:1px dashed #e1ddea;border-radius:36px 36px 108px;position:absolute;inset:10px}.avatar-canvas{width:100%;height:100%;max-height:min(63vh,100%);overflow:visible}.avatar-canvas>g{transition:transform .35s var(--spring)}.avatar-canvas path,.avatar-canvas circle,.avatar-canvas ellipse,.avatar-canvas rect{transition:fill .24s ease, stroke .24s ease, d .28s var(--spring), opacity .18s ease}.avatar-frame .avatar-canvas{pointer-events:none}.avatar-frame .avatar-wink-zone{pointer-events:all;cursor:default}.avatar-eye-wink{opacity:0;pointer-events:none}.avatar-canvas.is-winking .avatar-eye--right{animation:.56s both avatar-wink-hide}.avatar-canvas.is-winking .avatar-eye-wink{animation:.56s both avatar-wink-show}.avatar-canvas.is-winking .avatar-eyes--wink .avatar-eye--left{animation:.56s both avatar-wink-hide}.avatar-canvas.is-winking .avatar-eye-lash{animation:.56s both avatar-wink-lash}@keyframes avatar-wink-hide{0%,to{opacity:1}28%,62%{opacity:0}}@keyframes avatar-wink-show{0%,to{opacity:0}28%,62%{opacity:1}}@keyframes avatar-wink-lash{0%,to{opacity:1}28%,62%{opacity:.35}}.frame-sticker{z-index:2;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);cursor:pointer;font:inherit;transition:transform .32s var(--spring), background .2s ease, box-shadow .22s ease, border-radius .28s var(--spring);place-items:center;padding:0;display:grid;position:absolute}.frame-sticker:focus-visible{outline-offset:3px;outline:3px solid #24212d}.frame-sticker--hello{width:148px;min-width:0;height:64px;min-height:0;box-shadow:none;font-variation-settings:"wght" 780;letter-spacing:-.02em;background:0 0;border:0;border-radius:0;padding:0 0 10px;font-size:13px;line-height:1.1;top:-58px;right:-46px;overflow:visible;transform:rotate(4deg)}.hello-bubble-svg{width:100%;height:100%;filter:drop-shadow(3px 4px 0 var(--ink));transition:filter .22s;position:absolute;inset:0;overflow:visible}.hello-bubble-fill{fill:#fff;transition:fill .2s}.hello-bubble-stroke{stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.frame-sticker--hello .frame-sticker-idle,.frame-sticker--hello .frame-sticker-hover{z-index:1;margin-top:-6px;padding:0 10px 0 6px;position:relative}.frame-sticker-idle,.frame-sticker-hover{transition:opacity .2s ease, transform .28s var(--spring);grid-area:1/1}.frame-sticker-hover{opacity:0;transform:translateY(6px)scale(.96)}.frame-sticker--hello:hover,.frame-sticker--hello:focus-visible{box-shadow:none;background:0 0;border-radius:0;transform:rotate(-2deg)translateY(-3px)scale(1.04)}.frame-sticker--hello:hover .hello-bubble-svg,.frame-sticker--hello:focus-visible .hello-bubble-svg{filter:drop-shadow(4px 5px 0 var(--ink))}.frame-sticker--hello:hover .hello-bubble-fill,.frame-sticker--hello:focus-visible .hello-bubble-fill{fill:#ff9a7a}.frame-sticker--hello:hover .frame-sticker-idle,.frame-sticker--hello:focus-visible .frame-sticker-idle{opacity:0;transform:translateY(-6px)}.frame-sticker--hello:hover .frame-sticker-hover,.frame-sticker--hello:focus-visible .frame-sticker-hover{opacity:1;color:#fff;transform:translateY(0)scale(1)}.frame-sticker--bottom{color:#fff;background:var(--primary);border-radius:45% 55% 41% 59%;width:41px;height:41px;bottom:22px;left:19px;transform:rotate(-8deg)}.frame-sticker--bottom svg{width:19px;transition:transform .32s var(--spring)}.frame-sticker--bottom:hover,.frame-sticker--bottom:focus-visible{background:var(--coral);box-shadow:4px 5px 0 var(--ink);border-radius:58% 42% 56% 44%;transform:rotate(8deg)scale(1.1)}.frame-sticker--bottom:hover svg,.frame-sticker--bottom:focus-visible svg{transform:rotate(20deg)scale(1.12)}.zoom-control{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:999px;align-items:center;gap:8px;margin:0;padding:7px 10px;display:flex;position:absolute;bottom:20px;left:24px;box-shadow:0 8px 24px #24212d14}.zoom-control button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:29px;height:29px;padding:0;display:grid}.zoom-control button:hover{background:var(--surface-soft)}.zoom-control button svg{width:14px;height:14px}.zoom-control input{width:108px;accent-color:var(--primary)}.zoom-control span{width:34px;color:var(--muted);font-variation-settings:"wght" 690;font-size:10px}.seed-name-badge{z-index:3;max-width:min(220px,100% - 72px);color:var(--ink);box-shadow:none;pointer-events:auto;cursor:default;animation:seed-badge-settle .52s var(--spring) both;transition:transform .32s var(--spring);background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;bottom:32px;left:auto;right:-70px;transform:rotate(-1.5deg)}.seed-name-lanyard{border:2px solid var(--ink);background:var(--yellow);width:8px;height:16px;transition:background .2s ease, height .28s var(--spring);border-bottom:0;border-radius:5px 5px 0 0;margin-bottom:-2px}.seed-name-clip{z-index:1;border:2px solid var(--ink);pointer-events:none;background:#efeaff;border-radius:999px;width:22px;height:10px;margin-bottom:-5px;position:relative;box-shadow:inset 0 0 0 2.5px #fff}.seed-name-body{border:2.5px solid var(--ink);min-width:148px;max-width:100%;box-shadow:4px 5px 0 var(--ink);transition:transform .32s var(--spring), box-shadow .22s ease, background .22s ease;background:linear-gradient(#f3efff 0 22px,#fff 22px);border-radius:12px;justify-items:start;gap:5px;padding:14px 14px 11px;display:grid}.seed-name-eyebrow{color:#fff;border:1.5px solid var(--ink);background:var(--primary);width:max-content;min-width:48px;box-shadow:1.5px 1.5px 0 var(--ink);font-variation-settings:"wght" 800;letter-spacing:.16em;text-transform:uppercase;transition:background .2s ease, transform .28s var(--spring);border-radius:5px;place-items:center;padding:2px 8px 3px;font-size:9px;line-height:1.25;display:grid;position:relative;overflow:hidden}.seed-name-eyebrow-idle,.seed-name-eyebrow-hover{transition:opacity .2s ease, transform .28s var(--spring);grid-area:1/1}.seed-name-eyebrow-hover{opacity:0;transform:translateY(5px)}.seed-name-value{font-variation-settings:"wght" 800, "wdth" 96;letter-spacing:-.04em;white-space:nowrap;min-width:0;animation:seed-name-swap .42s var(--spring) both;font-size:clamp(17px,1.6vw,22px);line-height:1.05;display:grid;position:relative;overflow:hidden}.seed-name-full,.seed-name-wave{text-overflow:ellipsis;min-width:0;transition:opacity .2s ease, transform .3s var(--spring);grid-area:1/1;overflow:hidden}.seed-name-wave{opacity:0;transform:translate(10px)skew(-6deg)}.seed-name-badge:hover,.seed-name-badge:focus-within{transform:rotate(1deg)translateY(-3px)}.seed-name-badge:hover .seed-name-lanyard,.seed-name-badge:focus-within .seed-name-lanyard{background:var(--coral);height:18px}.seed-name-badge:hover .seed-name-clip,.seed-name-badge:focus-within .seed-name-clip{background:#ffd8cc}.seed-name-badge:hover .seed-name-body,.seed-name-badge:focus-within .seed-name-body{box-shadow:5px 7px 0 var(--ink);background:linear-gradient(#ffe7a3 0 22px,#fff8dc 22px)}.seed-name-badge:hover .seed-name-eyebrow,.seed-name-badge:focus-within .seed-name-eyebrow{background:var(--coral);transform:rotate(-2deg)}.seed-name-badge:hover .seed-name-eyebrow-idle,.seed-name-badge:focus-within .seed-name-eyebrow-idle{opacity:0;transform:translateY(-5px)}.seed-name-badge:hover .seed-name-eyebrow-hover,.seed-name-badge:focus-within .seed-name-eyebrow-hover{opacity:1;transform:translateY(0)}.seed-name-badge:hover .seed-name-full,.seed-name-badge:focus-within .seed-name-full{opacity:0;transform:translate(-8px)}.seed-name-badge:hover .seed-name-wave,.seed-name-badge:focus-within .seed-name-wave{opacity:1;transform:translate(0)skew(0)}@keyframes seed-badge-settle{0%{opacity:0;transform:rotate(-6deg)translateY(12px)scale(.94)}to{opacity:1;transform:rotate(-1.5deg)translateY(0)scale(1)}}@keyframes seed-name-swap{0%{opacity:0;transform:translateY(6px)skew(-4deg)}to{opacity:1;transform:translateY(0)skew(0)}}.customizer{border-left:1px solid var(--line);background:radial-gradient(circle,#6549e814 1px,#0000 1.5px) 8px 8px/18px 18px,#fff;padding:28px 24px 22px;position:relative;overflow-y:auto}.panel-heading,.color-heading-row{justify-content:space-between;align-items:flex-end;display:flex}.panel-heading{z-index:1;margin-bottom:7px;position:relative}.panel-title-group{align-items:center;gap:12px;display:flex}.panel-number{color:#fff;border:2px solid var(--ink);background:var(--primary);width:45px;height:45px;box-shadow:3px 3px 0 var(--ink);font-variation-settings:"wght" 850;border-radius:42% 58% 38% 62%/55% 42% 58% 45%;flex:none;place-items:center;font-size:13px;display:grid;transform:rotate(-6deg)}.panel-heading h2,.color-heading-row h3{color:var(--ink);letter-spacing:-.8px;margin:0}.panel-heading h2{z-index:1;font-variation-settings:"wght" 760, "wdth" 96;width:max-content;font-size:27px;position:relative}.panel-heading h2:after{z-index:-1;content:"";background:#ffc0d6;border-radius:50%;height:10px;position:absolute;bottom:-1px;left:-5px;right:-8px;transform:rotate(-2deg)}.option-count{color:#5b5171;font-variation-settings:"wght" 720;background:#ffffffe0;border:1px dashed #9187ab;border-radius:8px 12px;margin-bottom:5px;padding:5px 8px;font-size:9px;transform:rotate(2deg)}.panel-callout{color:#7a7188;font-variation-settings:"wght" 610;width:max-content;margin:0 0 13px 59px;font-size:10px;font-style:italic;transform:rotate(-2deg)}.panel-callout span{color:var(--primary);margin-left:5px;font-size:16px;font-style:normal;display:inline-block;transform:rotate(10deg)}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option-grid--shapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:3px 3px 20px 2px}.option-grid--face{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-grid--face .option-card{min-height:156px;padding:11px 10px}.option-grid--face .option-glyph--preview{aspect-ratio:1;height:auto}.option-grid--face .option-name{font-size:10px;line-height:1.15}.option-grid--shapes .option-card{min-height:104px;padding:9px 7px}.option-grid--shapes .option-glyph{min-width:50px;min-height:50px;padding:7px}.option-grid--shapes .option-glyph svg{fill:currentColor;width:42px;height:42px;overflow:visible}.option-grid--shapes .shape-option-preview--none{color:#8a8494;fill:none}.option-grid--shapes .option-name{font-size:9px;line-height:1.15}.option-card{cursor:pointer;min-height:168px;transition:transform .26s var(--spring), border-radius .26s var(--spring), background .18s ease, border-color .18s ease;background:#f8f7fb;border:1px solid #e3e0e8;border-radius:22px;grid-template-rows:auto auto;align-items:center;padding:12px;display:grid;position:relative;overflow:visible;box-shadow:1px 2px #ded8e8}.option-card:nth-child(odd){transform:rotate(-.45deg)}.option-card:nth-child(2n){transform:rotate(.45deg)}.option-card:nth-child(3n+2){border-radius:32px 16px 24px}.option-card:hover{background:#f1eefc;border-color:#bcb4db;border-radius:32px 16px 29px 18px;transform:translateY(-3px)rotate(0)}.option-card--selected{border:2px solid var(--primary);background:var(--primary-container);box-shadow:inset 0 0 0 2px #fff, 3px 4px 0 var(--ink);transform:translate(-1px,-2px)rotate(-1deg)}.option-index{color:#8a8693;font-variation-settings:"wght" 750;letter-spacing:.08em;font-size:9px;position:absolute;top:10px;left:11px}.option-glyph{color:#33285b;font-variation-settings:"wght" 710;background:#e9e4fc;border-radius:50% 44% 55% 45%;place-items:center;min-width:54px;min-height:54px;padding:8px;font-size:23px;line-height:1;display:grid;transform:rotate(-2deg)}.option-card:nth-child(2n) .option-glyph{color:#6d2b48;background:#ffe1ec;border-radius:38% 62% 45% 55%;transform:rotate(3deg)}.option-card--selected .option-glyph{color:#fff;background:var(--primary)}.option-name{font-variation-settings:"wght" 670;justify-self:start;font-size:11px}.selected-check{color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:8px;right:8px}.selected-check svg{stroke-width:3px;width:13px}.color-section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.multi-select-note{color:#6b647e;background:#f3f0fd;border-radius:12px 18px;margin:12px 2px 0;padding:10px 12px;font-size:10px;line-height:1.45}.shape-option-controls{gap:9px;margin:0 0 16px;display:grid}.clip-avatar-control{color:#4e4858;text-align:left;cursor:pointer;width:100%;transition:background .16s ease, border-color .16s ease, border-radius .22s var(--spring), transform .22s var(--spring);background:#f4f1f8;border:1px solid #d9d3e4;border-radius:16px 25px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:0;padding:11px 12px;display:grid}.clip-avatar-control:hover{background:#eee9fa;border-color:#bcb1d7;transform:translateY(-1px)}.clip-avatar-control--active{color:#382d5c;background:var(--primary-container);border-color:#b6a8df;border-radius:23px 15px;box-shadow:2px 3px #d3c9ef}.clip-avatar-icon{width:35px;height:35px;color:var(--primary);background:#fff;border-radius:11px 16px;place-items:center;display:grid}.clip-avatar-icon svg{width:18px;height:18px}.clip-avatar-copy{gap:2px;min-width:0;display:grid}.clip-avatar-copy strong{font-variation-settings:"wght" 770;font-size:10px}.clip-avatar-copy small{color:#766e80;font-size:8px;line-height:1.25}.clip-avatar-switch{background:#d8d4de;border:1px solid #aaa2b5;border-radius:999px;align-items:center;width:34px;height:20px;padding:3px;transition:background .16s;display:flex}.clip-avatar-switch span{width:12px;height:12px;transition:transform .22s var(--spring);background:#fff;border-radius:50%;box-shadow:0 1px 3px #221f2b40}.clip-avatar-control--active .clip-avatar-switch{border-color:var(--primary);background:var(--primary)}.clip-avatar-control--active .clip-avatar-switch span{transform:translate(14px)}.backdrop-decoration-control{background:#faf8fc;border:1px solid #ded8e6;border-radius:22px 14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.backdrop-decoration-copy,.backdrop-decoration-copy>span:last-child{align-items:center;min-width:0;display:flex}.backdrop-decoration-copy{gap:10px}.backdrop-decoration-copy>span:last-child{gap:2px;display:grid}.backdrop-decoration-copy strong{font-variation-settings:"wght" 770;font-size:10px}.backdrop-decoration-copy small{color:#766e80;font-size:8px}.backdrop-decoration-actions{align-items:center;gap:8px;display:flex}.decoration-randomize{color:#4c3b86;font-variation-settings:"wght" 760;cursor:pointer;background:#eee8ff;border:1px solid #cfc4eb;border-radius:10px 15px;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:9px;display:inline-flex}.decoration-randomize:hover:not(:disabled){color:#fff;border-color:var(--primary);background:var(--primary);transform:rotate(-2deg)}.decoration-randomize:disabled{opacity:.42;cursor:not-allowed}.decoration-randomize svg{width:13px;height:13px}.decoration-visibility{cursor:pointer;background:#d8d4de;border:1px solid #aaa2b5;border-radius:999px;align-items:center;width:34px;height:20px;padding:3px;transition:background .16s;display:flex}.decoration-visibility span{width:12px;height:12px;transition:transform .22s var(--spring);background:#fff;border-radius:50%;box-shadow:0 1px 3px #221f2b40}.decoration-visibility--active{border-color:var(--primary);background:var(--primary)}.decoration-visibility--active span{transform:translate(14px)}.color-heading-row{align-items:center;margin-bottom:14px}.color-heading-row h3{z-index:1;font-variation-settings:"wght" 710;width:max-content;font-size:17px;position:relative}.color-heading-row h3:after{z-index:-1;content:"";background:var(--lime);border-radius:999px;height:7px;position:absolute;bottom:-2px;left:-4px;right:-7px;transform:rotate(1deg)}.color-heading-row>svg{color:#fff;border:1.5px solid var(--ink);background:var(--primary);width:29px;height:29px;box-shadow:2px 2px 0 var(--ink);border-radius:45% 55% 39% 61%;padding:6px;transform:rotate(5deg)}.swatch-list{flex-wrap:wrap;gap:8px;display:flex}.swatch{color:#fff;background:var(--swatch);cursor:pointer;width:35px;height:35px;transition:transform .22s var(--spring), border-radius .22s var(--spring), box-shadow .18s ease;border:2px solid #fff;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 0 0 1px #d4d0dc}.swatch:hover,.swatch--selected{box-shadow:0 0 0 2px var(--ink);border-radius:38% 62% 45% 55%;transform:scale(1.13)rotate(-5deg)}.swatch svg{filter:drop-shadow(0 1px 1px #00000059);stroke-width:3px;width:15px}.tune-section{border-top:1px solid var(--line);gap:16px;margin-top:22px;padding-top:20px;display:grid}.tune-section .color-heading-row{margin-bottom:0}.shape-controls{background:#f7f5fc;border-radius:20px 28px;gap:14px;padding:14px;display:grid}.fixed-shape-note{color:#696275;background:#fff;border:1px dashed #aaa1bc;border-radius:11px 17px;margin:0;padding:10px 11px;font-size:10px;line-height:1.45}.range-control{gap:8px;display:grid}.range-control>span{color:#625d6b;font-variation-settings:"wght" 630;justify-content:space-between;align-items:center;font-size:11px;display:flex}.range-control output{color:#42376a;text-align:center;font-variation-settings:"wght" 760;background:#e9e4fa;border-radius:999px;min-width:42px;padding:3px 7px;font-size:9px}.range-control input{width:100%;height:5px;accent-color:var(--primary);cursor:pointer;margin:0}.stroke-control{gap:9px;display:grid}.stroke-control>span{color:#625d6b;font-variation-settings:"wght" 650;font-size:11px}.weight-options{background:#f0eef5;border-radius:16px;grid-template-columns:repeat(6,1fr);gap:5px;padding:5px;display:grid}.weight-option{color:#6c6873;font-variation-settings:"wght" 700;cursor:pointer;height:32px;transition:color .16s ease, background .16s ease, transform .22s var(--spring), border-radius .22s var(--spring);background:0 0;border:0;border-radius:11px;padding:0;font-size:10px}.weight-option:hover{color:var(--ink);background:#fff}.weight-option--active{color:#fff;background:var(--primary);border-radius:9px 15px;transform:translateY(-1px);box-shadow:0 3px 10px #6549e838}.weight-option--active:hover{color:#fff;background:var(--primary-dark)}.possibilities{color:#45376e;background:#f0ecff;border-radius:20px 32px;align-items:center;gap:13px;margin-top:22px;padding:15px 16px;display:flex}.possibilities>svg{width:22px;color:var(--primary);flex:none}.possibilities div{flex-direction:column;display:flex}.possibilities strong{font-variation-settings:"wght" 790;font-size:17px}.possibilities span{color:#716987;font-size:10px}.workspace-rail{border-right:1px solid var(--line);background:#ffffff9e;flex-direction:column;min-height:0;padding:25px 15px 16px;display:flex;overflow:hidden}.workspace-rail .rail-intro{flex:none;padding:0 8px 19px}.workspace-rail .rail-intro h1{margin-bottom:0}.workspace-navigation{z-index:6;position:relative}.workspace-mode-tabs{background:#efedf4;border:1px solid #ddd7e7;border-radius:18px 27px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;display:grid}.workspace-mode-tab{color:#746e7c;font-variation-settings:"wght" 720;cursor:pointer;min-width:0;height:58px;transition:color .16s ease, background .16s ease, border-radius .23s var(--spring), transform .23s var(--spring);background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:9px;display:flex}.workspace-mode-tab svg{width:19px;height:19px}.workspace-mode-tab:hover{color:var(--ink);background:#fff}.workspace-mode-tab--active{color:#fff;background:var(--primary);box-shadow:2px 3px 0 var(--ink);border-radius:12px 21px;transform:translateY(-1px)rotate(-1deg)}.workspace-mode-tab--active:hover{color:#fff;background:var(--primary-dark)}.workspace-guide{z-index:2;pointer-events:none;align-items:flex-start;display:flex;position:absolute;top:-22px;right:5px;transform:rotate(-2deg)}.workspace-guide span{color:#403717;box-shadow:1px 2px 0 var(--ink);font-variation-settings:"wght" 790;letter-spacing:.04em;text-transform:uppercase;background:#ffe782;border:1px solid #c5ad41;border-radius:8px 12px;padding:3px 7px;font-size:7px}.workspace-guide svg{fill:none;stroke:#ff6d84;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;width:44px;height:58px;animation:workspace-guide-nudge 1.8s var(--spring) infinite;margin-left:-2px;overflow:visible}@keyframes workspace-guide-nudge{0%,72%,to{transform:translate(0)rotate(0)}82%{transform:translate(2px,2px)rotate(4deg)}92%{transform:translate(-1px)rotate(-2deg)}}.workspace-switcher{position:relative}.workspace-switcher-trigger{width:100%;min-height:64px;color:var(--ink);cursor:pointer;transition:border-radius .24s var(--spring), transform .18s ease, box-shadow .18s ease;background:#f0ecff;border:1px solid #d9d3e8;border-radius:17px 26px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 11px;list-style:none;display:grid;box-shadow:2px 3px #d7d0e5}.workspace-switcher-trigger:hover{transform:translateY(-1px);box-shadow:3px 4px #ccc3de}.workspace-switcher--open .workspace-switcher-trigger{border-color:var(--primary);box-shadow:2px 3px 0 var(--ink);border-radius:23px 16px}.workspace-switcher-icon,.workspace-menu-icon{color:#fff;background:var(--primary);border-radius:13px 19px;place-items:center;width:38px;height:38px;display:grid}.workspace-switcher-icon svg,.workspace-menu-icon svg{width:19px;height:19px}.workspace-switcher-copy{min-width:0;display:grid}.workspace-switcher-copy>small{color:#7f768d;font-variation-settings:"wght" 760;letter-spacing:.12em;text-transform:uppercase;font-size:7px}.workspace-switcher-copy>strong{font-variation-settings:"wght" 790;font-size:13px}.workspace-switcher-copy>span{color:#746c80;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.workspace-chevron{width:16px;transition:transform .2s var(--spring)}.workspace-switcher--open .workspace-chevron{transform:rotate(180deg)}.workspace-menu{z-index:20;background:#fff;border:1px solid #d9d4e1;border-radius:18px 28px;padding:9px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 15px 34px #31264c3d}.workspace-menu-label{color:#817a89;font-variation-settings:"wght" 760;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px 8px;font-size:7px;display:block}.workspace-menu-list{scrollbar-color:#b9b0ca transparent;scrollbar-width:thin;gap:4px;max-height:min(330px,55vh);display:grid;overflow-y:auto}.workspace-menu-item{min-height:53px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px;display:grid;position:relative}.workspace-menu-item:hover:not(:disabled){background:#f1eef9}.workspace-menu-item--active{background:var(--primary-container);border-radius:12px 21px}.workspace-menu-item .workspace-menu-icon{color:#615a6d;background:#eeebf3;border-radius:11px;width:33px;height:33px}.workspace-menu-item--active .workspace-menu-icon{color:#fff;background:var(--primary)}.workspace-menu-item>span:nth-child(2){min-width:0;display:grid}.workspace-menu-item strong{font-variation-settings:"wght" 730;font-size:10px}.workspace-menu-item small{color:#85808c;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.workspace-menu-item>svg{width:15px;color:var(--primary)}.workspace-menu-item em{color:#77717e;font-variation-settings:"wght" 700;background:#efedf2;border-radius:999px;padding:2px 5px;font-size:7px;font-style:normal}.workspace-menu-item:disabled{opacity:.48;cursor:default}.panel-browser{flex-direction:column;flex:1;min-height:0;margin-top:18px;display:flex}.browser-heading{color:var(--ink);font-variation-settings:"wght" 760;justify-content:space-between;align-items:center;padding:0 7px 9px;font-size:13px;display:flex}.browser-heading strong{color:#504874;background:#e6e0fa;border-radius:8px 12px;place-items:center;min-width:23px;height:20px;font-size:9px;display:grid}.panel-search{background:#fff;border:1px solid #d9d5e1;border-radius:13px 19px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.panel-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6549e81c}.panel-search svg{color:#77717f;width:15px}.panel-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:11px}.panel-results{scrollbar-color:#b8b0cb transparent;scrollbar-width:thin;align-content:start;gap:5px;min-height:0;margin-top:10px;padding-right:3px;display:grid;overflow-y:auto}.panel-tab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel-tool-tab{color:#5f5968;text-align:center;cursor:pointer;min-width:0;min-height:76px;transition:transform .23s var(--spring), border-radius .23s var(--spring), color .16s ease, background .16s ease;background:#ffffffbd;border:1px solid #e0dce6;border-radius:16px 23px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:9px 6px;display:flex;position:relative;box-shadow:1px 2px #ddd8e5}.panel-tool-tab:hover{color:var(--ink);background:#f1eef9;border-radius:23px 15px;transform:translateY(-2px)}.panel-tool-icon{background:#eeebf3;border-radius:11px;place-items:center;width:32px;height:32px;display:grid}.panel-tool-icon svg{width:16px;height:16px}.panel-tool-tab strong{font-variation-settings:"wght" 730;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.15;overflow:hidden}.panel-tool-tab--active{color:#fff;border:2px solid var(--ink);background:var(--primary);box-shadow:3px 4px 0 var(--ink);border-radius:15px 26px;transform:translate(-1px,-1px)rotate(-1deg)}.panel-tool-tab--active:hover{color:#fff;background:var(--primary-dark);transform:translate(-1px,-2px)rotate(0)}.panel-tool-tab--active .panel-tool-icon{color:var(--primary);background:#fff;border-radius:50% 39% 52% 43%}.panel-link{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:35px 1fr;align-items:center;gap:9px;min-height:54px;padding:7px 9px;display:grid}.panel-link:hover{background:#f0edf7}.panel-link--active{color:#332461;background:var(--primary-container);border-radius:12px 22px 22px 12px}.panel-link--active:hover{background:var(--primary-container)}.panel-link-icon{color:#625b70;background:#f0edf5;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.panel-link-icon svg{width:16px}.panel-link--active .panel-link-icon{color:#fff;background:var(--primary);border-radius:50% 40% 52% 42%}.panel-link>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.panel-link strong{font-variation-settings:"wght" 710;font-size:11px}.panel-link small{color:#88828e;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.empty-search{color:var(--muted);margin:18px 7px;font-size:10px;line-height:1.4}.focused-inspector{border-left:1px solid var(--line);background:radial-gradient(circle,#6549e812 1px,#0000 1.5px) 8px 8px/18px 18px,#fff;min-height:0;padding:24px 24px 28px;overflow-y:auto}.avatar-stack{border-left:1px solid var(--line);background:radial-gradient(circle,#6549e812 1px,#0000 1.5px) 8px 8px/18px 18px,#fff;flex-direction:column;gap:14px;min-height:0;padding:20px 18px 28px;display:flex;overflow:hidden}.avatar-stack-header{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.avatar-stack-header h2{font-variation-settings:"wght" 780, "wdth" 96;letter-spacing:-1px;margin:0;font-size:26px}.avatar-stack-header p{color:#7c7683;max-width:28ch;margin:6px 0 0;font-size:10px;line-height:1.4}.avatar-stack-show-all{color:#4e3d86;font-variation-settings:"wght" 700;white-space:nowrap;background:#f4f1ff;border:1px solid #d9d2ec;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:inline-flex}.avatar-stack-show-all svg{width:12px;height:12px}.avatar-stack-list{flex-direction:column;flex:auto;gap:8px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.avatar-stack-row{background:#f8f7fb;border:1px solid #e3e0e8;border-radius:18px;overflow:hidden;box-shadow:1px 2px #ded8e8}.avatar-stack-row.is-recent{background:#f3f0ff;border-color:#c4b7ef}.avatar-stack-row.is-locked{background:#f3f3f5}.avatar-stack-row.is-expanded{border-color:var(--primary);background:#fff;box-shadow:2px 3px #d8d0eb}.avatar-stack-row-main{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:4px;display:grid}.avatar-stack-open{text-align:left;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:10px;min-width:0;padding:10px 8px 10px 10px;display:grid}.avatar-stack-thumb{background:#ece8f8;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.avatar-stack-thumb .part-preview-surface,.avatar-stack-thumb .part-preview-canvas{max-width:none;max-height:none;border-radius:12px!important;width:100%!important;height:100%!important;transform:none!important}.avatar-stack-swatch,.avatar-stack-glyph{border:1px solid #221f2b2e;border-radius:999px;width:28px;height:28px}.avatar-stack-glyph{color:#5a3d18;font-variation-settings:"wght" 780;background:#ffe8c8;place-items:center;font-size:12px;display:grid}.avatar-stack-copy{gap:2px;min-width:0;display:grid}.avatar-stack-copy strong{font-variation-settings:"wght" 740;align-items:center;gap:6px;font-size:13px;display:flex}.avatar-stack-copy em{color:#6a4010;font-variation-settings:"wght" 750;letter-spacing:.04em;text-transform:uppercase;background:#ffd9a8;border-radius:999px;padding:1px 6px;font-size:8px;font-style:normal}.avatar-stack-copy small{color:#7c7683;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.avatar-stack-chevron{color:#8a8494;width:16px;height:16px;transition:transform .18s}.avatar-stack-row.is-expanded .avatar-stack-chevron{transform:rotate(180deg)}.avatar-stack-actions{align-items:center;gap:2px;padding-right:8px;display:flex}.avatar-stack-action{color:#5f5967;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.avatar-stack-action svg{width:14px;height:14px}.avatar-stack-action:hover:not(:disabled){color:#3d2f6d;background:#ebe6f8}.avatar-stack-action.is-active{color:#fff;background:#33285b}.avatar-stack-action:disabled{opacity:.35;cursor:not-allowed}.avatar-stack-editor{border-top:1px dashed #ddd7e8;padding:0 12px 14px}.avatar-stack-editor-desc{color:#7c7683;margin:10px 0 12px;font-size:10px}.avatar-stack-editor .option-grid{max-height:280px;padding-bottom:4px;overflow-y:auto}.avatar-stack-empty{color:#7c7683;border:1px dashed #d5cfe3;border-radius:18px;place-items:center;gap:10px;padding:28px 16px;font-size:11px;display:grid}.avatar-stack-empty button{background:var(--primary);color:#fff;font-variation-settings:"wght" 700;border-radius:999px;padding:8px 12px;font-size:11px}.avatar-stack-search-hits{align-items:center}.inspector-breadcrumbs{color:#85808c;font-variation-settings:"wght" 650;align-items:center;gap:5px;margin-bottom:18px;font-size:9px;display:flex}.inspector-breadcrumbs svg{width:12px;height:12px}.inspector-breadcrumbs strong{color:#514b5a;font-variation-settings:"wght" 760}.inspector-heading{justify-content:space-between;align-items:flex-end;display:flex}.inspector-heading h2{z-index:1;font-variation-settings:"wght" 780, "wdth" 96;letter-spacing:-1.1px;width:max-content;margin:0;font-size:29px;position:relative}.inspector-heading h2:after{z-index:-1;content:"";background:#ffc0d6;border-radius:50%;height:9px;position:absolute;bottom:0;left:-5px;right:-8px;transform:rotate(-2deg)}.inspector-description{color:#7c7683;margin:9px 0 18px;font-size:10px}.option-glyph--preview{aspect-ratio:1;width:100%;height:auto;padding:10px;overflow:hidden}.option-card .option-glyph--preview,.option-card:nth-child(2n) .option-glyph--preview,.option-card--selected .option-glyph--preview{color:inherit;background:0 0;border-radius:0;transform:none}.part-preview-surface{background:var(--preview-bg);width:100%;height:100%;transition:background .18s ease, border-radius .22s var(--spring), transform .22s var(--spring);border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden;transform:none}.option-card:nth-child(2n) .part-preview-surface{border-radius:26px 18px 24px 20px;transform:none}.option-card:hover .part-preview-surface,.option-card--selected .part-preview-surface{border-radius:20px;transform:scale(1.02)}.part-preview-canvas{width:100%;max-width:100%;height:100%;max-height:100%;display:block;overflow:hidden}.part-preview-surface--hair .part-preview-canvas{box-sizing:border-box;width:100%;height:100%;padding:2px}.option-card .part-preview-surface--face{contain:paint;transform:none;border-radius:12px 21px!important}.part-preview-surface--face .part-preview-canvas{max-width:none;max-height:none;padding:0;display:block;position:absolute;inset:4px;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important}.empty-part-preview{color:#776f83;font-variation-settings:"wght" 740;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.face-generator{background:linear-gradient(135deg,#ffffffbd,#0000),#eee9ff;border:1px solid #d9d2ec;border-radius:19px 30px;margin:4px 0 18px;padding:15px;box-shadow:2px 3px #d8d0eb}.face-generator-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.face-generator-heading>div{gap:2px;display:grid}.face-generator-heading span{color:#342c49;font-variation-settings:"wght" 790;font-size:12px}.face-generator-heading small{color:#7c7488;font-size:8px}.face-generator-heading button{color:#51456f;font-variation-settings:"wght" 720;cursor:pointer;background:#fff;border:1px solid #c8bee2;border-radius:9px 14px;padding:5px 8px;font-size:8px}.face-generator-heading button:hover{color:#fff;border-color:var(--primary);background:var(--primary)}.face-generator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.face-generator-grid .range-control:first-child{grid-column:1/-1}.face-generator-grid .range-control{gap:5px}.face-generator-grid .range-control>span,.face-generator-grid .range-control output{font-size:8px}.focused-control-group{background:#f8f7fceb;border:1px solid #dfdbe6;border-radius:22px 32px;margin-top:10px;padding:18px}.control-stack{gap:20px;display:grid}.control-label{color:#5f5967;font-variation-settings:"wght" 680;margin-bottom:12px;font-size:11px;display:block}.control-group-title{color:#4c4458;font-variation-settings:"wght" 750;align-items:center;gap:8px;font-size:11px;display:flex}.control-group-title svg{width:17px;color:var(--primary)}.control-hint{color:#70687d;background:#eee9ff;border-radius:11px 17px;margin:-4px 0 0;padding:10px 11px;font-size:9px;line-height:1.45}.swatch-list--large{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.swatch--labeled{width:auto;height:64px;color:var(--ink);text-align:left;background:#fff;border:1px solid #ddd8e4;border-radius:17px;grid-template-columns:37px 1fr;align-items:center;gap:10px;padding:8px 11px;display:grid;position:relative;box-shadow:1px 2px #ddd8e6}.swatch--labeled>span{background:var(--swatch);border:2px solid #fff;border-radius:50%;width:35px;height:35px;box-shadow:0 0 0 1px #cfc9d7}.swatch--labeled small{font-variation-settings:"wght" 680;font-size:10px}.swatch--labeled>svg{width:15px;color:var(--primary);filter:none;position:absolute;top:6px;right:6px}.swatch--labeled:hover,.swatch--labeled.swatch--selected{box-shadow:2px 3px 0 var(--ink);background:#f2edff;border-radius:23px 14px;transform:translateY(-1px)rotate(0)}.desktop-notice{display:none}@keyframes twinkle{0%,to{opacity:.55;transform:scale(.75)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(25deg)}}.export-option-stack,.export-download-list,.export-code-panel{gap:13px;display:grid}.export-section,.export-mode-grid{gap:9px;display:grid}.export-mode-card{color:#544d5d;text-align:left;cursor:pointer;transition:transform .22s var(--spring), border-radius .22s var(--spring), background .16s ease;background:#f7f5fa;border:1px solid #ddd7e5;border-radius:16px 24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:11px 12px;display:grid}.export-mode-card:hover{background:#f0ecfa;transform:translateY(-1px)}.export-mode-card>span{width:38px;height:38px;color:var(--primary);background:#fff;border-radius:12px 18px;grid-row:1/span 2;place-items:center;display:grid}.export-mode-card>span svg,.export-mode-card>svg{width:18px}.export-mode-card strong,.export-download-card strong,.export-bundle-button strong{font-variation-settings:"wght" 780;font-size:11px}.export-mode-card small{color:#777080;grid-column:2;font-size:8px;line-height:1.3}.export-mode-card>svg{grid-area:1/3/span 2}.export-mode-card--active{color:#372c5c;background:var(--primary-container);border-color:#aa9bdb;border-radius:24px 15px;box-shadow:2px 3px #d5caef}.export-color-field{background:#f8f6fa;border:1px solid #ddd7e5;border-radius:15px 23px;align-items:center;gap:10px;height:50px;padding:7px 10px;display:flex}.export-color-field input{cursor:pointer;background:0 0;border:0;width:35px;height:35px;padding:0}.export-color-field strong{font-variation-settings:"wght" 730;font-size:10px}.export-size-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.export-size-options .weight-option{align-content:center;gap:2px;min-width:0;height:54px;display:grid}.export-size-options small{opacity:.7;font-size:7px}.export-compatibility-note{color:#6d5420;background:#fff7d8;border:1px solid #ead48c;border-radius:12px 19px;margin:0;padding:10px 11px;font-size:9px;line-height:1.4}.export-download-card,.export-bundle-button{color:#4e4858;text-align:left;cursor:pointer;background:#f8f6fa;border:1px solid #ddd7e5;border-radius:16px 24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:62px;padding:11px 12px;display:grid}.export-download-card:hover:not(:disabled){background:#eee9fa;transform:translateY(-2px)}.export-download-card>svg:first-child,.export-bundle-button>svg:first-child{width:36px;height:36px;color:var(--primary);background:#fff;border-radius:11px 17px;padding:9px}.export-download-card>svg:last-child,.export-bundle-button>svg:last-child{width:17px}.export-download-card span,.export-bundle-button span{gap:2px;display:grid}.export-download-card small,.export-bundle-button small{color:#777080;font-size:8px}.export-bundle-button{color:#fff;border:2px solid var(--ink);background:var(--primary);min-height:74px;box-shadow:4px 5px 0 var(--ink)}.export-bundle-button small{color:#ffffffc2}.export-bundle-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)rotate(-.5deg)}.export-download-card:disabled,.export-bundle-button:disabled{opacity:.6;cursor:wait}.export-spinner{animation:.9s linear infinite export-spin}@keyframes export-spin{to{transform:rotate(360deg)}}.export-error{color:#8b2736;background:#ffe7ea;border-radius:10px;margin:0;padding:9px 10px;font-size:9px}.export-code-tabs{background:#efedf4;border:1px solid #ddd7e5;border-radius:15px 22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;display:grid}.export-code-tab{color:#6e6875;font-variation-settings:"wght" 700;cursor:pointer;background:0 0;border:0;border-radius:10px;height:34px;font-size:9px}.export-code-tab--active{color:#fff;background:var(--primary);box-shadow:2px 2px 0 var(--ink);border-radius:10px 16px}.export-code-preview{background:#27232d;border:1px solid #d8d2e0;border-radius:16px 24px;overflow:hidden}.export-code-preview>div{color:#e9e3f1;border-bottom:1px solid #403a48;align-items:center;gap:7px;height:42px;padding:0 10px;display:flex}.export-code-preview>div>svg{color:#b7a5ff;width:15px}.export-code-preview>div>span{font-variation-settings:"wght" 700;flex:1;font-size:9px}.export-code-preview>div>button{color:#fff;cursor:pointer;background:#403a48;border:1px solid #5e556a;border-radius:9px;align-items:center;gap:5px;height:27px;padding:0 8px;font-size:8px;display:inline-flex}.export-code-preview>div>button svg{width:12px}.export-code-preview pre{color:#ded5ee;white-space:pre;min-height:330px;max-height:430px;margin:0;padding:13px;font:8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.export-code-download{color:#fff;border:1px solid var(--primary);background:var(--primary);font-variation-settings:"wght" 760;cursor:pointer;border-radius:13px 20px;justify-content:center;align-items:center;gap:7px;height:42px;font-size:10px;display:inline-flex}.export-code-download svg{width:15px}@media (height<=900px){.top-bar{gap:12px;height:68px;padding:0 18px 0 20px}.editor-tab-bar{gap:10px;height:62px;padding:6px 14px}.workspace-wide-tab{min-width:64px;height:40px;font-size:10px}.editor-tool-tab{height:38px;padding:0 10px;font-size:10px}.tool-button{min-width:36px;height:36px}.stage-headline{letter-spacing:-3px;font-size:clamp(32px,3.6vw,48px);top:22px;left:18px}.avatar-frame{width:min(100%,440px);padding:14px}.frame-sticker--hello{top:-48px;right:-28px;transform:scale(.92)rotate(4deg)}.seed-name-badge{bottom:18px;right:-48px;transform:scale(.92)rotate(-1.5deg)}.zoom-control{transform-origin:0 100%;bottom:12px;left:14px;transform:scale(.92)}.customizer{padding:18px 16px 16px}}@media (height<=780px){.top-bar{height:58px}.editor-tab-bar{height:54px;padding:4px 12px}.editor-tips{max-width:min(520px,48vw)}.stage-headline{font-size:clamp(28px,3.2vw,40px);top:14px;left:14px}.avatar-frame{border-radius:36px 36px 96px;width:min(100%,380px);padding:12px}.frame-sticker--hello{top:-40px;right:-18px;transform:scale(.84)rotate(4deg)}.seed-name-badge{bottom:10px;right:-36px;transform:scale(.84)rotate(-1.5deg)}.studio{grid-template-columns:var(--menu-width,360px) minmax(0, 1fr) var(--layers-width,280px)}}@media (width<=1280px) and (width>=1121px){.studio{grid-template-columns:var(--menu-width,360px) minmax(0, 1fr) var(--layers-width,280px)}.top-bar{grid-template-columns:minmax(160px,.9fr) minmax(280px,1.2fr) minmax(160px,.9fr);gap:10px}.editor-tips{max-width:min(480px,42vw)}}@media (width<=1120px){body{overflow:auto}.top-bar,.editor-tab-bar,.studio{display:none}.app-shell{background:radial-gradient(circle,#6549e814 1px,#0000 1.5px) 4px 4px/22px 22px,linear-gradient(145deg,#f7f5ff,#fff9f2);place-items:center;min-height:100vh;padding:clamp(24px,7vw,72px);display:grid;position:relative;overflow:hidden}.desktop-notice{isolation:isolate;text-align:center;place-items:center;width:min(100%,560px);display:grid;position:relative}.desktop-notice-card{z-index:2;border:2px solid var(--ink);width:100%;box-shadow:8px 10px 0 var(--ink), 0 30px 80px #3d2f6e2e;background:linear-gradient(145deg,#fffffff5,#f9f7fff0);border-radius:42px 42px 106px;flex-direction:column;align-items:center;padding:clamp(30px,7vw,52px);display:flex;position:relative;overflow:hidden}.desktop-notice-card:after{z-index:-1;content:"";opacity:.55;background:#ffe47a;border-radius:50%;width:125px;height:125px;position:absolute;bottom:-45px;right:-55px}.desktop-notice .brand-lockup{margin-bottom:24px;transform:scale(.96)}.desktop-notice-avatar{filter:drop-shadow(3px 4px #221f2bb8);width:122px;height:150px;margin-bottom:13px;position:relative}.desktop-notice-avatar svg{width:100%;height:100%;overflow:visible}.desktop-notice-avatar .avatar-eye-gaze{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite notice-eye-look}.desktop-notice-avatar>span{color:var(--coral);text-shadow:1px 2px 0 var(--ink);font-size:24px;animation:2.8s ease-in-out infinite twinkle;position:absolute;top:5px;right:-5px}.desktop-notice-kicker{color:#4a4161;font-variation-settings:"wght" 760;letter-spacing:.1em;text-transform:uppercase;background:#eee9ff;border:1px solid #cfc4ec;border-radius:10px 17px;align-items:center;gap:7px;margin-bottom:14px;padding:6px 10px;font-size:10px;display:inline-flex;transform:rotate(-1deg)}.desktop-notice-kicker svg{width:16px;height:16px;color:var(--primary)}.desktop-notice h2{font-variation-settings:"wght" 830, "wdth" 90;letter-spacing:-3px;margin:0 0 18px;font-size:clamp(38px,8vw,58px);line-height:.9}.desktop-notice h2 span,.desktop-notice h2 strong{display:block}.desktop-notice h2 strong{color:#fff;border:2px solid var(--ink);background:var(--primary);width:max-content;box-shadow:5px 6px 0 var(--ink);border-radius:19px 34px;margin:10px auto 0;padding:7px 16px 11px;transform:rotate(-2deg)}.desktop-notice p{max-width:390px;color:var(--muted);margin:0;font-size:clamp(13px,3vw,16px);line-height:1.55}.desktop-notice-requirement{color:#625b6e;text-align:left;background:#fff;border:1px solid #ddd7e5;border-radius:15px 23px;align-items:center;gap:11px;margin-top:22px;padding:10px 14px;display:flex;box-shadow:2px 3px #ddd6e6}.desktop-notice-requirement svg{width:22px;color:var(--primary)}.desktop-notice-requirement span{font-size:9px;display:grid}.desktop-notice-requirement strong{color:var(--ink);font-variation-settings:"wght" 790;font-size:13px}.desktop-notice-shapes{z-index:0;pointer-events:none;position:absolute;inset:-90px}.notice-shape{position:absolute}.notice-shape--flower{fill:#ffbfd6;width:135px;top:18%;left:-15px;transform:rotate(-12deg)}.notice-shape--clover{fill:#d9d0ff;width:120px;bottom:9%;right:0;transform:rotate(17deg)}.notice-shape--sunny{fill:#d7ee78;width:105px;top:2%;right:14%;transform:rotate(7deg)}@keyframes notice-eye-look{0%,16%,78%,to{transform:translate(0)}25%,39%{transform:translate(-5px)}51%,66%{transform:translate(5px)}}}@media (width<=520px){.desktop-notice-card{box-shadow:5px 7px 0 var(--ink), 0 24px 60px #3d2f6e2b;border-radius:30px 30px 72px;padding:28px 20px 34px}.desktop-notice .brand-lockup{transform:scale(.78)}.desktop-notice-avatar{width:104px;height:128px}.desktop-notice h2{letter-spacing:-2px}.desktop-notice h2 strong{padding-inline:12px}}.logo-capture-studio{--logo-capture-bg:#fffbfe;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 18%, #6549e824, transparent 34%), radial-gradient(circle at 88% 12%, #ffe36d57, transparent 28%), linear-gradient(180deg, #f7f4ff 0%, var(--logo-capture-bg) 42%, #f3f0fa 100%);padding:28px 32px 40px}.logo-capture-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.logo-capture-kicker{color:var(--primary);font-variation-settings:"wght" 750;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.logo-capture-header h1{font-variation-settings:"wght" 780, "wdth" 104;letter-spacing:-1.2px;margin:0 0 8px;font-size:34px}.logo-capture-header p{color:#5c5668;max-width:52ch;margin:0;line-height:1.45}.logo-capture-exit{color:var(--ink);font-variation-settings:"wght" 650;background:#ffffffc7;border:1.5px solid #d8d2e2;border-radius:999px;flex:none;padding:10px 14px;text-decoration:none}.logo-capture-layout{grid-template-columns:minmax(280px,340px) minmax(420px,1fr) minmax(280px,360px);align-items:start;gap:20px;display:grid}.logo-capture-panel,.logo-capture-stage-wrap,.logo-capture-preview{background:#ffffffd1;border:1.5px solid #ddd6e8;border-radius:28px;box-shadow:0 18px 40px #31274d14}.logo-capture-panel{gap:16px;max-height:calc(100vh - 140px);padding:18px;display:grid;overflow:auto}.logo-capture-actions{z-index:2;background:linear-gradient(#fff0,#fffffff0 18%,#fff 40%);gap:10px;padding-top:8px;display:grid;position:sticky;bottom:0}.logo-capture-presets{gap:10px;display:grid}.logo-capture-preset{text-align:left;color:var(--ink);cursor:pointer;background:#fff;border:1.5px solid #ddd6e8;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.logo-capture-preset strong{font-variation-settings:"wght" 720;font-size:15px}.logo-capture-preset span{color:#6a6475;font-size:12px;line-height:1.35}.logo-capture-preset--active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:#efeaff}.logo-capture-preset:disabled{cursor:default;opacity:.88}.logo-capture-controls{gap:12px;display:grid}.logo-capture-slider,.logo-capture-toggle,.logo-capture-color{background:#faf8fd;border:1.5px solid #e4deec;border-radius:16px;gap:8px;padding:12px 14px;display:grid}.logo-capture-slider>span,.logo-capture-toggle,.logo-capture-color{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo-capture-slider>span{width:100%;display:flex}.logo-capture-slider strong,.logo-capture-toggle strong,.logo-capture-color strong{font-variation-settings:"wght" 700;font-size:13px;display:block}.logo-capture-slider em,.logo-capture-toggle small,.logo-capture-color small{color:#6a6475;font-size:12px;font-style:normal}.logo-capture-slider input[type=range]{width:100%;accent-color:var(--primary)}.logo-capture-color input[type=color]{cursor:pointer;background:#fff;border:1.5px solid #d8d2e2;border-radius:10px;width:42px;height:32px;padding:0}.logo-capture-switch{cursor:pointer;background:#e8e2f2;border:1.5px solid #cfc7dc;border-radius:999px;width:46px;height:28px;padding:0;position:relative}.logo-capture-switch span{width:18px;height:18px;transition:transform .18s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #221f2b2e}.logo-capture-switch--active{border-color:var(--primary);background:var(--primary)}.logo-capture-switch--active span{transform:translate(18px)}.logo-capture-progress{background:#ebe6f4;border-radius:999px;height:8px;overflow:hidden}.logo-capture-progress>span{border-radius:inherit;background:linear-gradient(90deg, #7052df, var(--primary));height:100%;transition:width .16s linear;display:block}.logo-capture-meta{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.logo-capture-meta div{background:#f5f2fa;border-radius:14px;padding:10px 12px}.logo-capture-meta dt{color:#7a7485;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.logo-capture-meta dd{font-variation-settings:"wght" 700;margin:4px 0 0}.logo-capture-run,.logo-capture-download{cursor:pointer;font-variation-settings:"wght" 720;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;display:inline-flex}.logo-capture-run{color:#fff;background:var(--primary)}.logo-capture-run:disabled{cursor:progress;opacity:.78}.logo-capture-download{color:var(--ink);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#ffe36d}.logo-capture-status{color:#5c5668;margin:0;font-size:13px;line-height:1.4}.logo-capture-spin{animation:.9s linear infinite export-spin}.logo-capture-stage-wrap{justify-items:center;gap:14px;min-height:280px;padding:42px 28px 24px;display:grid}.logo-capture-stage{background:var(--logo-capture-bg);border-radius:24px;padding:18px 44px 26px 18px;display:inline-flex;box-shadow:inset 0 0 0 1px #221f2b0f}.logo-capture-stage .avatar-lab-mark{pointer-events:none}.logo-capture-hint,.logo-capture-preview h2{color:#6a6475;font-variation-settings:"wght" 650;margin:0;font-size:13px}.logo-capture-preview{gap:14px;min-height:280px;padding:18px;display:grid}.logo-capture-preview-image{background:var(--logo-capture-bg);border-radius:18px;width:100%;height:auto;box-shadow:inset 0 0 0 1px #221f2b0f}.logo-capture-preview-empty{color:#7a7485;text-align:center;border:1.5px dashed #d8d2e2;border-radius:18px;place-items:center;min-height:160px;padding:24px;line-height:1.4;display:grid}@media (width<=1180px){.logo-capture-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.logo-capture-stage .avatar-logo-face--left{animation:avatar-peek-left 4.8s var(--spring) infinite!important}.logo-capture-stage .avatar-logo-face--right{animation:avatar-peek-right 5.2s var(--spring) .45s infinite!important}.logo-capture-stage .avatar-logo-face--center{animation:avatar-bob 3.6s var(--spring) infinite, avatar-cycle 9s linear infinite!important}.logo-capture-stage .avatar-logo-variant--one{animation-delay:0s,0s!important}.logo-capture-stage .avatar-logo-variant--two{animation-delay:.18s,-6s!important}.logo-capture-stage .avatar-logo-variant--three{animation-delay:.36s,-3s!important}.logo-capture-stage .avatar-logo-eyes{animation:4.2s ease-in-out infinite avatar-blink!important}.logo-capture-stage .lab-pill{animation:lab-pill-morph 5s var(--spring) infinite!important}.logo-capture-stage .brand-spark{animation:3.4s ease-in-out infinite twinkle!important}}