.avatarx-face{--background:#090b0d;--surface:#101316;--surface-raised:#15191d;--surface-soft:#191e23;--border:#ffffff14;--border-strong:#ffffff21;--text:#f4f6f8;--text-muted:#89919a;--text-soft:#b8bec5;--accent:#8dffb5;--accent-strong:#5ae88e;--accent-dark:#173c27;--danger:#ff756f;width:100%;min-width:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@scope(.avatarx-face){*{box-sizing:border-box}button,input{font:inherit}button{color:inherit}button,input[type=range]{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-app{background:radial-gradient(circle at 50% 40%, #657f7012, transparent 35%), var(--background);width:100vw;min-width:1180px;height:100vh}.studio-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0f11f5;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 16px;display:grid}.studio-header__left,.studio-header__center,.studio-header__right{align-items:center;display:flex}.studio-header__left{gap:12px}.studio-header__center{justify-content:center;gap:5px}.studio-header__right{justify-content:flex-end;gap:8px}.icon-button,.history-button{background:0 0;border:1px solid #0000;place-items:center;transition:all .16s;display:inline-grid}.icon-button{width:36px;height:36px;color:var(--text-soft);border-radius:9px}.icon-button--small{width:30px;height:30px}.icon-button:hover,.history-button:hover{background:var(--surface-soft);border-color:var(--border);color:var(--text)}.history-button{width:30px;height:30px;color:var(--text-muted);border-radius:8px}.brand-mark{background:linear-gradient(145deg,#b0ffc8,#4dda7d);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 28px #59ea8929}.brand-mark span{border:2px solid #07110b;border-radius:50% 50% 44% 44%;width:15px;height:19px;position:relative}.brand-mark span:after{content:"";border-bottom:2px solid #07110b;width:5px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.project-identity__eyebrow,.section-kicker{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;line-height:1}.project-identity__title-row{align-items:center;gap:7px;margin-top:5px;font-size:13px;display:flex}.project-identity__title-row strong{font-weight:600}.status-dot{background:var(--accent-strong);border-radius:50%;width:5px;height:5px}.save-status{color:var(--text-muted);font-size:11px}.header-divider{background:var(--border);width:1px;height:19px;margin:0 6px}.view-selector,.secondary-button,.primary-button,.viewport-action{border-radius:8px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:12px;font-weight:550;display:inline-flex}.view-selector,.secondary-button,.viewport-action{border:1px solid var(--border);background:var(--surface);color:var(--text-soft)}.view-selector:hover,.secondary-button:hover,.viewport-action:hover{border-color:var(--border-strong);background:var(--surface-soft);color:var(--text)}.primary-button{background:var(--accent);color:#07130b;border:1px solid #95ffb773;box-shadow:0 0 24px #61e98f1f}.primary-button:hover{background:#adffc7}.studio-workspace{grid-template-columns:232px minmax(580px,1fr) 304px;height:calc(100vh - 68px);display:grid}.feature-sidebar,.properties-panel{background:#0e1114f5;min-height:0}.feature-sidebar{border-right:1px solid var(--border);flex-direction:column;display:flex}.sidebar-heading,.properties-header{justify-content:space-between;align-items:center;display:flex}.sidebar-heading{height:68px;padding:0 15px}.sidebar-heading h1,.properties-header h2{letter-spacing:-.02em;margin:5px 0 0;font-size:17px;font-weight:620}.search-field{border:1px solid var(--border);height:36px;color:var(--text-muted);background:#0b0e10;border-radius:8px;align-items:center;gap:8px;margin:0 12px 12px;padding:0 10px;display:flex}.search-field:focus-within{border-color:#8dffb573}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.search-field input::placeholder{color:#676e75}.search-field kbd{border:1px solid var(--border);color:#70777e;border-radius:4px;padding:2px 5px;font-size:9px}.feature-navigation{flex:1;min-height:0;padding:0 8px 16px;overflow-y:auto}.feature-navigation::-webkit-scrollbar{width:5px}.properties-panel::-webkit-scrollbar{width:5px}.feature-navigation::-webkit-scrollbar-thumb{background:#292f34;border-radius:999px}.properties-panel::-webkit-scrollbar-thumb{background:#292f34;border-radius:999px}.feature-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:31px 1fr;align-items:center;gap:8px;width:100%;min-height:47px;padding:6px 9px;transition:all .15s;display:grid}.feature-item:hover{background:#ffffff09}.feature-item--active{background:linear-gradient(90deg,#49cc7624,#49cc7609);border-color:#8dffb51f}.feature-item__icon{border:1px solid var(--border);color:#8c949b;background:#ffffff05;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.feature-item--active .feature-item__icon{color:var(--accent);background:#56e0841f;border-color:#8dffb533}.feature-item__copy{flex-direction:column;min-width:0;display:flex}.feature-item__copy strong{font-size:11px;font-weight:570}.feature-item--active .feature-item__copy strong{color:#dffff0}.feature-item__copy small{color:#656d74;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border);padding:10px}.ai-assistant-button{text-align:left;background:linear-gradient(135deg,#56e0841c,#56e08406);border:1px solid #8bffb221;border-radius:9px;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;width:100%;padding:9px;display:grid}.ai-assistant-button__icon{width:29px;height:29px;color:var(--accent);background:#8dffb521;border-radius:7px;place-items:center;display:grid}.ai-assistant-button span:nth-child(2){flex-direction:column;display:flex}.ai-assistant-button strong{font-size:10px;font-weight:620}.ai-assistant-button small{color:var(--text-muted);margin-top:3px;font-size:8px}.viewport-area{background:radial-gradient(circle at 50% 44%,#60847030,#0000 42%),radial-gradient(circle at 50% 16%,#50786212,#0000 30%),#07090b;grid-template-rows:46px minmax(0,1fr) 48px;min-width:0;min-height:0;display:grid}.viewport-topbar,.viewport-toolbar{border-color:var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0e10bd;justify-content:space-between;align-items:center;display:flex}.viewport-topbar{border-bottom:1px solid var(--border);padding:0 12px}.viewport-toolbar{border-top:1px solid var(--border);padding:0 14px}.viewport-mode{border:1px solid var(--border);background:#0a0d0f;border-radius:8px;height:32px;padding:3px;display:flex}.viewport-mode button{color:#727a81;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:flex}.viewport-mode button:hover{color:var(--text-soft)}.viewport-mode__active{box-shadow:inset 0 0 0 1px var(--border);background:var(--surface-soft)!important;color:var(--text)!important}.viewport-actions{align-items:center;gap:6px;display:flex}.viewport-action{height:30px;padding:0 9px;font-size:10px}.viewport-canvas{min-height:0;position:relative;overflow:hidden}.viewport-grid{opacity:.12;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 73%);mask-image:radial-gradient(circle,#000,#0000 73%)}.view-label{color:#7f878e;text-transform:capitalize;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;top:16px;left:17px}.view-label__dot{background:var(--accent-strong);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #5ae88e99}.face-stage{perspective:900px;place-items:center;display:grid;position:absolute;inset:0}.face-preview{transform-origin:50%;background:radial-gradient(circle at 33% 32%,#fff6ea4d,#0000 9%),radial-gradient(circle at 67% 32%,#fff6ea4d,#0000 9%),linear-gradient(90deg,#502d241a,#0000 35% 65%,#502d241a),linear-gradient(160deg,#d9aa88,#b97e61 62%,#8f5845);border:1px solid #f6d7bd36;border-radius:48% 48% 43% 43%/38% 38% 58% 58%;min-width:245px;max-width:320px;min-height:350px;max-height:440px;transition:width .18s,height .18s;position:relative;scale:1.08;box-shadow:inset 18px 0 30px #4b251b1f,inset -18px 0 30px #401f172b,0 35px 65px #00000061}.face-preview:before{content:"";filter:blur(.2px);background:linear-gradient(#201511,#43281d 78%,#0000);border-radius:50% 50% 35% 35%;width:74%;height:24%;position:absolute;top:-3%;left:13%}.face-preview:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 40%,#54291d1c);position:absolute;inset:7% 8% 4%}.face-preview__temple{filter:blur(7px);background:#64342614;border-radius:50%;width:16%;height:24%;position:absolute;top:28%}.face-preview__temple--left{left:2%}.face-preview__temple--right{right:2%}.face-preview__brow{transform-origin:50%;pointer-events:none;background:linear-gradient(#4a3026,#2f201a);border-radius:50%;width:24%;height:5px;position:absolute;top:35%;box-shadow:0 2px 3px #2d19142e}.face-preview__brow--left{left:18%}.face-preview__brow--right{right:18%}.face-preview__eye{background:#e7dacd;border-radius:50% 50% 46% 46%;width:21%;height:24px;position:absolute;top:40%;overflow:hidden;box-shadow:inset 0 5px 7px #49251c52,0 -4px 5px #4321192e}.face-preview__eye--left{left:19%}.face-preview__eye--right{right:19%}.face-preview__eye span{background:#111;border:5px solid #4b392d;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #75614e}.face-preview__nose{background:linear-gradient(90deg,#592b1f2b,#ffe6cf38,#52281d2e);border-radius:45% 45% 55% 55%;width:18%;height:27%;position:absolute;top:43%;left:50%;transform:translate(-50%);box-shadow:0 8px 10px #50251b24}.face-preview__nose span{border-bottom:7px solid #4b23192b;border-radius:50%;width:120%;height:20px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.face-preview__mouth{background:linear-gradient(#8b4c48 48%,#ae6660 50%);border-radius:50%;width:33%;height:25px;position:absolute;top:71%;left:50%;transform:translate(-50%);box-shadow:inset 0 -5px 6px #47201f2e,0 5px 8px #5226201a}.face-preview__mouth span{background:#3f191ba6;width:84%;height:1px;position:absolute;top:48%;left:8%}.face-preview__chin{border-bottom:1px solid #5a2b1f2b;border-radius:50%;width:26%;height:12%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.face-shadow{filter:blur(15px);background:#00000075;border-radius:50%;width:250px;height:30px;position:absolute;top:calc(50% + 205px)}.viewport-hint{color:#5e666d;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.viewport-hint span{background:#5e666d;border-radius:50%;width:2px;height:2px}.viewport-zoom{align-items:center;gap:8px;display:flex;position:absolute;bottom:17px;right:17px}.viewport-zoom button{border:1px solid var(--border);background:#0e1114d9;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.viewport-zoom__track{background:#242a2f;border-radius:999px;width:56px;height:3px;overflow:hidden}.viewport-zoom__track span{border-radius:inherit;background:#7d878f;height:100%;display:block}.viewport-zoom strong{color:#7b838a;width:30px;font-size:9px;font-weight:500}.view-options,.viewport-toolbar__center{align-items:center;display:flex}.view-options{border:1px solid var(--border);background:#0a0d0f;border-radius:8px;height:31px;padding:3px}.view-options button,.viewport-toolbar__center button,.symmetry-toggle{color:#747c83;background:0 0;border:0;font-size:9px}.view-options button{border-radius:5px;min-width:40px;height:23px;padding:0 8px}.view-options button.active{background:var(--surface-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.viewport-toolbar__center{gap:6px}.viewport-toolbar__center button,.symmetry-toggle{border-radius:7px;align-items:center;gap:6px;height:29px;padding:0 9px;display:flex}.viewport-toolbar__center button:hover,.symmetry-toggle:hover{background:var(--surface-soft);color:var(--text-soft)}.symmetry-toggle.active{color:var(--accent)}.symmetry-toggle>span{background:#2b3136;border-radius:99px;width:26px;height:14px;padding:2px}.symmetry-toggle>span i{background:#7c858d;border-radius:50%;width:10px;height:10px;transition:transform .16s;display:block}.symmetry-toggle.active>span{background:var(--accent-dark)}.symmetry-toggle.active>span i{background:var(--accent);transform:translate(12px)}.properties-panel{border-left:1px solid var(--border);padding:0 16px 28px;overflow-y:auto}.properties-header{height:68px;margin:0 -2px}.properties-description{color:#737b82;margin:-2px 0 21px;font-size:10px;line-height:1.55}.property-section{border-top:1px solid var(--border);padding:16px 0}.property-section__heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.property-section__heading>div{align-items:center;gap:8px;display:flex}.property-section__heading h3{margin:0;font-size:11px;font-weight:620}.property-section__heading>button{color:#737b82;background:0 0;border:0;font-size:9px}.property-section__heading>button:hover{color:var(--text-soft)}.section-number{color:var(--accent-strong);font-size:8px;font-weight:700}.preset-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.preset-grid button{border:1px solid var(--border);background:#0c0f11;border-radius:7px;min-width:0;padding:8px 4px 7px;position:relative}.preset-grid button:hover{border-color:var(--border-strong)}.preset-grid button.active{background:#4fd27b12;border-color:#8dffb55c}.preset-grid button>svg{color:var(--accent);position:absolute;top:5px;right:5px}.preset-grid strong{color:#8f979e;text-overflow:ellipsis;margin-top:6px;font-size:8px;font-weight:500;display:block;overflow:hidden}.preset-grid button.active strong{color:#d8ffe5}.preset-face{background:linear-gradient(145deg,#d4a381,#8d5542);border-radius:46% 46% 43% 43%/38% 38% 56% 56%;width:28px;height:35px;margin:auto;display:block;box-shadow:inset 4px 0 5px #ffffff1c}.preset-face--soft{border-radius:49% 49% 47% 47%/41% 41% 58% 58%}.preset-face--angular{clip-path:polygon(16% 4%,84% 4%,96% 46%,70% 100%,30% 100%,4% 46%);border-radius:30%}.preset-face--youthful{border-radius:50% 50% 47% 47%/43% 43% 56% 56%;height:32px}.control-list{gap:12px;display:grid}.slider-control{gap:8px;display:grid}.slider-control__label{justify-content:space-between;align-items:center;display:flex}.slider-control__label span{color:#9ba2a8;font-size:9px}.slider-control__label input{border:1px solid var(--border);color:#aeb5bb;text-align:center;background:#0a0d0f;border-radius:5px;outline:0;width:38px;height:22px;padding:0 4px;font-size:9px}.range-input{appearance:none;background:linear-gradient(to right, var(--accent-strong) 0%, var(--accent-strong) 50%, #282e33 50%, #282e33 100%);border-radius:999px;width:100%;height:3px}.range-input::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #0c0f11;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1px #8dffb561}.segmented-control{border:1px solid var(--border);background:#0a0d0f;border-radius:7px;grid-template-columns:repeat(3,1fr);height:31px;padding:3px;display:grid}.segmented-control button{color:#687078;background:0 0;border:0;border-radius:5px;font-size:9px}.segmented-control button.active{background:var(--surface-soft);color:var(--text)}.property-note{color:var(--accent-strong);background:#4fd27b0b;border:1px solid #8dffb51a;border-radius:7px;gap:8px;margin-top:11px;padding:10px;display:flex}.property-note p{color:#78817f;margin:0;font-size:8px;line-height:1.45}@media (max-width:1320px){.studio-workspace{grid-template-columns:212px minmax(520px,1fr) 284px}.studio-header__right .secondary-button:first-child{display:none}}.face-preview__chin span{background:#462019b3;border-radius:999px;width:1px;height:45%;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 4px #46201947}.face-preview__cheek{pointer-events:none;border-radius:999px;position:absolute}.face-preview__cheek--left{left:9%}.face-preview__cheek--right{right:9%}.face-preview__ear{pointer-events:none;transform-origin:50%;background:linear-gradient(90deg,#9f664f,#c48a6a 52%,#a76851);border:1px solid #f6d7bd2e;border-radius:48% 52% 55% 45%;position:absolute}.face-preview__ear--left{border-radius:58% 42% 48% 52%}.face-preview__ear--right{border-radius:42% 58% 52% 48%}.face-preview__ear span{border:2px solid #5b2b203d;border-radius:50%;width:56%;height:64%;position:absolute;top:18%;left:22%}.face-preview__ear--right span{left:auto;right:22%}.face-preview__skin-texture,.face-preview__pores,.face-preview__freckles,.face-preview__redness,.face-preview__oil-highlight{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.face-preview__skin-texture{z-index:1;mix-blend-mode:multiply;background-image:radial-gradient(circle,#371c156b .5px,#0000 .8px)}.face-preview__pores{z-index:2;mix-blend-mode:multiply;background-image:radial-gradient(circle,#3c1f18b3 .45px,#0000 .8px);inset:20% 13% 12%}.face-preview__freckles{z-index:3;mix-blend-mode:multiply;background-image:radial-gradient(circle at 12% 32%,#593123d9 0 1.2px,#0000 1.8px),radial-gradient(circle at 24% 44%,#593123bf 0 1px,#0000 1.6px),radial-gradient(circle at 37% 31%,#593123d1 0 1.3px,#0000 1.9px),radial-gradient(circle at 62% 35%,#593123c7 0 1.1px,#0000 1.7px),radial-gradient(circle at 76% 46%,#593123d6 0 1.3px,#0000 1.9px),radial-gradient(circle at 88% 30%,#593123c2 0 1px,#0000 1.6px);background-size:54px 42px;inset:30% 14% 25%}.face-preview__redness{z-index:2;mix-blend-mode:soft-light;background:radial-gradient(circle at 28% 57%,#be38348c,#0000 17%),radial-gradient(circle at 72% 57%,#be38348c,#0000 17%),radial-gradient(circle at 50% 58%,#b2322d47,#0000 13%)}.face-preview__oil-highlight{z-index:4;filter:blur(4px);mix-blend-mode:screen;background:radial-gradient(at 50% 25%,#fffaf061,#0000 23%),radial-gradient(at 50% 52%,#fff6e857,#0000 14%),radial-gradient(at 50% 77%,#fff6e833,#0000 12%);inset:8% 11% 7%}.face-preview__detail-wrinkles,.face-preview__scar,.face-preview__blemishes{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.face-preview__detail-wrinkles{z-index:5;mix-blend-mode:multiply}.face-preview__forehead-lines{filter:blur(.25px);background:radial-gradient(at 50% 20%,#0000 58%,#5b382c75 61%,#0000 65%),radial-gradient(at 50% 52%,#0000 58%,#5b382c66 61%,#0000 65%),radial-gradient(at 50% 84%,#0000 58%,#5b382c57 61%,#0000 65%);width:50%;height:15%;position:absolute;top:19%;left:25%}.face-preview__eye-lines{filter:blur(.25px);background:linear-gradient(28deg,#0000 42%,#58342a73 48%,#0000 53%),linear-gradient(5deg,#0000 43%,#58342a61 49%,#0000 54%),linear-gradient(-18deg,#0000 43%,#58342a52 49%,#0000 54%);width:19%;height:16%;position:absolute;top:39%}.face-preview__eye-lines--left{left:5%}.face-preview__eye-lines--right{right:5%;transform:scaleX(-1)}.face-preview__mouth-lines{filter:blur(.35px);background:radial-gradient(at 25%,#0000 61%,#5d382c61 64%,#0000 68%),radial-gradient(at 75%,#0000 61%,#5d382c61 64%,#0000 68%);width:60%;height:28%;position:absolute;top:60%;left:20%}.face-preview__scar{z-index:6}.face-preview__scar:before{content:"";background:linear-gradient(#0000,#763731d1 12%,#995247d1 48%,#5f2e29c2 88%,#0000);border-radius:999px;width:2px;height:30%;position:absolute;top:29%;left:66%;transform:rotate(16deg);box-shadow:1px 0 1px #ffd0b957,-1px 0 2px #431d1b40}.face-preview__scar span{background:#67302c94;border-radius:999px;width:7%;height:1px;position:absolute;left:64.5%;transform:rotate(-12deg)}.face-preview__scar span:first-child{top:36%}.face-preview__scar span:nth-child(2){top:43%}.face-preview__scar span:nth-child(3){top:50%}.face-preview__blemishes{z-index:6;mix-blend-mode:multiply;background-color:#0000;background-image:radial-gradient(circle at 18% 38%,#973d37b8 0 1.5px,#ab493f38 2.5px,#0000 4px),radial-gradient(circle at 31% 62%,#843931ad 0 1.2px,#aa4e4133 2.4px,#0000 4px),radial-gradient(circle at 67% 42%,#994139b8 0 1.4px,#ae504433 2.5px,#0000 4px),radial-gradient(circle at 79% 68%,#853731b3 0 1.3px,#a6483d33 2.5px,#0000 4px),radial-gradient(circle at 52% 78%,#913b33ab 0 1.2px,#a94b3f2e 2.4px,#0000 4px);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:92px 78px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;transition:opacity .16s,transform .16s;inset:22% 13% 12%}.segmented-control button:disabled{cursor:not-allowed;opacity:.42}.segmented-control button:disabled:hover{background:0 0}.face-preview__forehead-depth{pointer-events:none;mix-blend-mode:multiply;z-index:1;background:linear-gradient(90deg,#401f196b,#0000 24% 76%,#401f196b);border-radius:50% 50% 38% 38%;height:34%;position:absolute;inset:3% 5% auto}}.avatarx-face.avatarx-face--embedded{height:100%;min-height:0;overflow:hidden}.avatarx-face.avatarx-face--embedded .studio-app{border:0;border-radius:0;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.avatarx-face.avatarx-face--embedded .studio-workspace{grid-template-columns:224px minmax(420px,1fr) 296px;width:100%;height:100%;min-height:0;max-height:none}.avatarx-face.avatarx-face--embedded .feature-sidebar,.avatarx-face.avatarx-face--embedded .viewport-area,.avatarx-face.avatarx-face--embedded .properties-panel{min-height:0}.avatarx-face.avatarx-face--embedded .face-preview{scale:1.12}@media (max-width:1180px){.avatarx-face.avatarx-face--embedded .studio-workspace{grid-template-columns:204px minmax(360px,1fr) 276px}}@scope(.avatarx-face){.studio-brand{align-items:center;gap:12px;display:flex}.studio-logo{color:#07110b;background:linear-gradient(145deg,#b0ffc8,#4dda7d);border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.studio-brand h1{margin:0;font-size:13px;font-weight:650}.studio-brand p{color:var(--text-muted);margin:4px 0 0;font-size:10px}.studio-actions{grid-column:3;justify-self:end;align-items:center;gap:8px;display:flex}.ghost-button{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text-soft);border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:11px;display:inline-flex}.ghost-button:hover{border-color:var(--border-strong);background:var(--surface-soft);color:var(--text)}.feature-item__content{flex-direction:column;min-width:0;display:flex}.feature-item__content strong{font-size:11px;font-weight:570}.feature-item--active .feature-item__content strong{color:#dffff0}.feature-item__content small{color:#656d74;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}}
.versions-studio,.versions-embedded{--bg:#08090d;--panel:#0e1016;--panel-raised:#13161e;--panel-soft:#171a23;--border:#ffffff12;--border-strong:#ffffff21;--text:#f7f7fb;--text-soft:#c5c8d2;--text-muted:#747987;--accent:#8b6df6;--accent-bright:#b6a3ff;--accent-soft:#8b6df624;--success:#62d7a8;--warning:#e8bd67;--danger:#ef7f92;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.versions-studio *,.versions-embedded *{box-sizing:border-box}.versions-studio button,.versions-studio input,.versions-embedded button,.versions-embedded input{font:inherit}.versions-studio button,.versions-embedded button{color:inherit;cursor:pointer}.versions-studio{background:radial-gradient(circle at 52% 0%, #6f53e21c, transparent 30%), var(--bg);width:100vw;min-width:1180px;height:100vh;overflow:hidden}.studio-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0b10ed;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 18px;display:grid}.studio-workspace{grid-template-columns:238px minmax(620px,1fr) 310px;height:calc(100vh - 64px);display:grid}.studio-sidebar,.version-inspector{background:#0d0f15f0;min-height:0}.studio-sidebar{border-right:1px solid var(--border)}.version-inspector{border-left:1px solid var(--border)}.studio-content{min-width:0;padding:28px;overflow-y:auto}.studio-content::-webkit-scrollbar{width:8px}.studio-content::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:10px}.versions-embedded{width:100%;min-width:0}.versions-embedded-toolbar{z-index:20;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f15f0;border-radius:12px;align-items:center;margin-bottom:20px;padding:6px;display:flex;position:sticky;top:0}.versions-embedded-workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.versions-embedded-content{width:100%;min-width:0}.versions-embedded-inspector{border:1px solid var(--border);background:#0d0f15f0;border-radius:14px;min-width:0;height:calc(100vh - 150px);min-height:520px;position:sticky;top:58px;overflow:hidden}@media (max-width:1100px){.versions-embedded-workspace{grid-template-columns:minmax(0,1fr)}.versions-embedded-inspector{height:auto;min-height:0;position:static}}