:root{--oneworks-visual-viewport-height:100dvh;--oneworks-keyboard-inset-bottom:0px;--oneworks-mobile-panel-action-size:36px;--oneworks-mobile-panel-field-height:36px;--oneworks-mobile-panel-gap:4px;--oneworks-mobile-panel-radius:8px;--oneworks-mobile-panel-top-padding:8px;--app-chrome-icon-size:18px;--app-chrome-content-height:var(--app-chrome-icon-size);--app-chrome-action-gap:4px;--app-chrome-padding-block:10px;--app-chrome-padding-inline:10px;--app-chrome-border-width:1px;--app-chrome-divider-color:var(--border-color);--app-chrome-overlay-background:color-mix(in srgb, var(--bg-color) 48%, transparent);--app-chrome-overlay-height:calc(var(--app-chrome-content-height) + var(--app-chrome-padding-block) + var(--app-chrome-padding-block) + var(--app-chrome-border-width));--route-container-header-border-width:var(--app-chrome-border-width);--route-container-header-content-height:var(--app-chrome-content-height);--route-container-header-padding-block:var(--app-chrome-padding-block);--route-container-header-padding-inline:var(--app-chrome-padding-inline);--route-container-header-overlay-height:var(--app-chrome-overlay-height);--nav-rail-window-spacer-width:64px;--nav-rail-collapsed-window-spacer-width:66px;--nav-rail-window-action-size:var(--app-chrome-icon-size);--nav-rail-window-icon-size:var(--app-chrome-icon-size);--nav-rail-window-action-gap:var(--app-chrome-action-gap);--nav-rail-window-gap:var(--app-chrome-action-gap);--nav-rail-collapsed-window-bar-max-width:calc(100vw - 96px);--nav-rail-traffic-light-gap:8px;--nav-rail-traffic-light-size:14px;--nav-rail-traffic-light-x:12px;--nav-rail-traffic-light-y:12px;--nav-rail-traffic-light-group-width:calc(var(--nav-rail-traffic-light-size) + var(--nav-rail-traffic-light-gap) + var(--nav-rail-traffic-light-size) + var(--nav-rail-traffic-light-gap) + var(--nav-rail-traffic-light-size));--nav-rail-traffic-light-action-offset:calc(var(--nav-rail-traffic-light-x) + var(--nav-rail-traffic-light-group-width) + var(--nav-rail-window-gap));--nav-rail-collapsed-window-bar-padding-x:var(--route-container-header-padding-inline);--nav-rail-collapsed-window-bar-action-count:1;--nav-rail-collapsed-window-bar-computed-width:calc(var(--nav-rail-collapsed-window-bar-padding-left,var(--nav-rail-collapsed-window-bar-padding-x)) + var(--nav-rail-collapsed-window-bar-padding-right,var(--nav-rail-collapsed-window-bar-padding-x)) + var(--nav-rail-collapsed-window-bar-action-count) * var(--nav-rail-window-action-size) + ( var(--nav-rail-collapsed-window-bar-action-count) - 1 ) * var(--nav-rail-window-action-gap));--nav-rail-collapsed-window-bar-width:var(--nav-rail-collapsed-window-bar-computed-width);--nav-rail-window-icon-color:var(--placeholder-color);--sidebar-inline-action-size:20px;--sidebar-inline-action-icon-size:16px;--sidebar-inline-action-radius:5px;--oneworks-compact-action-size:var(--sidebar-inline-action-size);--oneworks-compact-action-icon-size:var(--sidebar-inline-action-icon-size);--oneworks-compact-action-gap:4px;--oneworks-compact-action-divider-width:0px;--oneworks-compact-action-divider-color:var(--border-color);--oneworks-control-radius:6px;--oneworks-group-radius:8px;--oneworks-surface-radius:12px;--oneworks-interactive-card-radius:8px;--oneworks-switch-radius:999px;--oneworks-switch-handle-radius:999px;--oneworks-resize-handle-hit-size:8px;--oneworks-resize-handle-line-width:1px;--oneworks-resize-handle-active-line-width:3px;--oneworks-resize-handle-line-radius:999px;--oneworks-resize-handle-idle-color:var(--border-color);--oneworks-resize-handle-affordance-idle-color:transparent;--oneworks-resize-handle-hover-color:color-mix(in srgb, var(--primary-color) 48%, transparent);--oneworks-resize-handle-active-color:var(--oneworks-resize-handle-hover-color);--oneworks-resize-handle-shadow:none;--oneworks-resize-handle-mask-image:linear-gradient(to bottom, transparent 0%, #000 28%, #000 72%, transparent 100%);--oneworks-resize-handle-horizontal-mask-image:linear-gradient(to right, transparent 0%, #000 28%, #000 72%, transparent 100%);--oneworks-resize-handle-transition:background-color .16s ease, opacity .16s ease, width .16s ease, height .16s ease;--nav-rail-preview-radius:0 10px 10px 0;--bg-color:#fff;--sub-bg-color:#f6f6f6;--sub-sub-bg-color:#e1e1e1;--text-color:#000;--sub-text-color:#1b1b1b;--sub-sub-text-color:#303030;--border-color:#d0d0d0;--sub-border-color:silver;--sub-sub-border-color:#a0a0a0;--placeholder-color:#9ca3af;--tag-bg:#f9fafb;--tag-hover-bg:#f3f4f6;--code-bg:#f0f2f4;--code-border:#f1f5f9;--star-color:#f59e0b;--primary-color:#e23f12;--primary-soft-bg:color-mix(in srgb, var(--primary-color) 12%, var(--bg-color));--success-color:#0f766e;--warning-color:#b45309;--primary-text-color:color-mix(in srgb, var(--primary-color) 82%, var(--text-color));--danger-color:#dc2626}@media (width<=420px){:root{--oneworks-mobile-panel-action-size:32px;--oneworks-mobile-panel-radius:7px}}html.dark{--app-chrome-overlay-background:color-mix(in srgb, var(--bg-color) 42%, transparent);--bg-color:#141414;--sub-bg-color:#262626;--sub-sub-bg-color:#303030;--text-color:#fff;--sub-text-color:#8c8c8c;--sub-sub-text-color:#a5a5a5;--border-color:#303030;--sub-border-color:#434343;--sub-sub-border-color:#595959;--placeholder-color:#575859;--tag-bg:#1f1f1f;--tag-hover-bg:#262626;--code-bg:#1e293b;--code-border:#334155;--star-color:#ffb81c;--primary-color:#e23f12;--primary-soft-bg:color-mix(in srgb, var(--primary-color) 12%, var(--bg-color));--success-color:#2dd4bf;--warning-color:#f59e0b;--primary-text-color:color-mix(in srgb, var(--primary-color) 82%, var(--text-color));--danger-color:#f87171}.oneworks-avatar,.oneworks-avatar-editor{box-sizing:border-box;color:var(--text-color);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.oneworks-avatar *,.oneworks-avatar-editor *{box-sizing:border-box}.oneworks-avatar{aspect-ratio:1;background:var(--oneworks-avatar-background,transparent);width:100%;display:block;position:relative;overflow:hidden}.oneworks-avatar[data-frame=rounded]{border-radius:12.5%}.oneworks-avatar[data-frame=circle]{border-radius:50%}.oneworks-avatar>.interactive-avatar{width:100%;height:100%}.oneworks-avatar-editor{background:var(--bg-color);width:100%;min-width:0;min-height:640px;display:block;position:relative;overflow:hidden}.oneworks-avatar-editor>.avatar-app{min-height:inherit}.oneworks-avatar-editor>.avatar-app.dark{--app-chrome-overlay-background:color-mix(in srgb, var(--bg-color) 42%, transparent);--bg-color:#141414;--sub-bg-color:#262626;--sub-sub-bg-color:#303030;--text-color:#fff;--sub-text-color:#8c8c8c;--sub-sub-text-color:#a5a5a5;--border-color:#303030;--sub-border-color:#434343;--sub-sub-border-color:#595959;--placeholder-color:#575859;--tag-bg:#1f1f1f;--tag-hover-bg:#262626;--code-bg:#1e293b;--code-border:#334155;--star-color:#ffb81c;--primary-color:#e23f12;--primary-soft-bg:color-mix(in srgb, var(--primary-color) 12%, var(--bg-color));--success-color:#2dd4bf;--warning-color:#f59e0b;--primary-text-color:color-mix(in srgb, var(--primary-color) 82%, var(--text-color));--danger-color:#f87171}.avatar-app{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 6%,var(--bg-color)),var(--bg-color) 220px);min-height:100vh}.avatar-app__workspace{grid-template-columns:minmax(0,1fr) min(var(--avatar-controls-width,420px),100vw - 160px);grid-template-rows:minmax(0,1fr);min-height:100vh;display:grid}.avatar-app__workspace[data-animation-open=true]{grid-template-rows:minmax(0,1fr) auto;height:100vh;min-height:0;overflow:hidden}.avatar-app__workspace[data-controls-collapsed=true]{grid-template-columns:minmax(0,1fr)}.avatar-app__workspace[data-controls-collapsed=true]>.avatar-controls{display:none}.avatar-app__workspace[data-controls-collapsed=true] .avatar-app__stage{grid-column:1/-1}.avatar-app__preset-capture{z-index:-1;pointer-events:none;grid-auto-flow:column;display:grid;position:fixed;top:0;left:-10000px}.avatar-app__preset-capture-frame{width:256px;height:256px}.avatar-app__stage{grid-area:1/1;grid-template-rows:minmax(0,1fr);min-width:0;min-height:100vh;padding:clamp(20px,4vw,48px);display:grid;position:relative;container:avatar-stage/inline-size}.avatar-app__workspace>.avatar-controls{grid-area:1/2;min-width:0}.avatar-app__workspace[data-animation-open=true] .avatar-app__stage{min-height:0}.avatar-app__workspace[data-animation-open=true]>.avatar-controls{height:auto;min-height:0}.avatar-app__camera-tools{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:16px}.avatar-app__stage-actions{z-index:2;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:16px}.avatar-app__camera-toggle,.avatar-app__home-link,.avatar-app__controls-toggle,.avatar-app__github-link,.avatar-app__language-toggle,.avatar-app__save-preset,.avatar-app__theme-toggle,.avatar-app__animation-toggle{border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 90%,transparent);width:42px;height:42px;color:var(--sub-text-color);backdrop-filter:blur(12px);cursor:pointer;border-radius:8px;place-items:center;display:inline-grid}.avatar-app__camera-toggle svg,.avatar-app__home-link svg,.avatar-app__controls-toggle svg,.avatar-app__github-link svg,.avatar-app__language-toggle svg,.avatar-app__save-preset svg,.avatar-app__theme-toggle svg,.avatar-app__animation-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:18px;height:18px}.avatar-app__camera-toggle[aria-pressed=true],.avatar-app__home-link[aria-pressed=true],.avatar-app__controls-toggle[aria-pressed=true],.avatar-app__github-link[aria-pressed=true],.avatar-app__language-toggle[aria-pressed=true],.avatar-app__save-preset[aria-pressed=true],.avatar-app__theme-toggle[aria-pressed=true],.avatar-app__animation-toggle[aria-pressed=true],.avatar-app__camera-toggle[data-state=saved],.avatar-app__home-link[data-state=saved],.avatar-app__controls-toggle[data-state=saved],.avatar-app__github-link[data-state=saved],.avatar-app__language-toggle[data-state=saved],.avatar-app__save-preset[data-state=saved],.avatar-app__theme-toggle[data-state=saved],.avatar-app__animation-toggle[data-state=saved]{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-app__camera-toggle[data-state=error],.avatar-app__home-link[data-state=error],.avatar-app__controls-toggle[data-state=error],.avatar-app__github-link[data-state=error],.avatar-app__language-toggle[data-state=error],.avatar-app__save-preset[data-state=error],.avatar-app__theme-toggle[data-state=error],.avatar-app__animation-toggle[data-state=error]{border-color:var(--danger-color,#d95a4e);color:var(--danger-color,#d95a4e)}.avatar-app__camera-toggle:disabled,.avatar-app__home-link:disabled,.avatar-app__controls-toggle:disabled,.avatar-app__github-link:disabled,.avatar-app__language-toggle:disabled,.avatar-app__save-preset:disabled,.avatar-app__theme-toggle:disabled,.avatar-app__animation-toggle:disabled{cursor:wait;opacity:.64}.avatar-app__camera-toggle:focus-visible,.avatar-app__home-link:focus-visible,.avatar-app__controls-toggle:focus-visible,.avatar-app__github-link:focus-visible,.avatar-app__language-toggle:focus-visible,.avatar-app__save-preset:focus-visible,.avatar-app__theme-toggle:focus-visible,.avatar-app__animation-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-app__github-link{text-decoration:none}.avatar-app__github-link svg{fill:currentColor;stroke:none}.avatar-app__home-link{text-decoration:none}.avatar-app__animation-toggle{z-index:3;position:absolute;bottom:16px;left:16px}.avatar-app__stage-preview{justify-self:center;place-items:center stretch;width:min(100%,560px);min-height:0;display:grid}.avatar-app__preview-art{aspect-ratio:1;background:0 0;border:1px solid #0000;border-radius:0;align-self:center;place-items:center;width:100%;max-width:304px;transition:background-color .18s,border-color .18s,border-radius .18s,box-shadow .18s;display:grid;overflow:visible}.avatar-app__preview-art--hero{max-width:none}.avatar-app__stage[data-camera-mode=true] .avatar-app__preview-art{border-color:var(--border-color);background:var(--avatar-camera-background);box-shadow:var(--avatar-frame-shadow);overflow:hidden}.avatar-app__stage[data-camera-mode=true][data-camera-background=transparent] .avatar-app__preview-art{background-color:#0000;background-image:linear-gradient(45deg,color-mix(in srgb,var(--text-color) 9%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--text-color) 9%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--text-color) 9%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--text-color) 9%,transparent) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.avatar-app__stage[data-camera-mode=true][data-camera-frame=rounded] .avatar-app__preview-art{border-radius:32px}.avatar-app__stage[data-camera-mode=true][data-camera-frame=circle] .avatar-app__preview-art{border-radius:50%}.avatar-app__interaction-mode{border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 90%,transparent);backdrop-filter:blur(12px);border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;transition:left .16s;display:grid;position:absolute;bottom:16px;left:66px}.avatar-app__workspace[data-animation-open=true] .avatar-app__interaction-mode{left:16px}.avatar-app__interaction-mode--docked{flex:none;height:34px;position:static}.avatar-app__interaction-mode--docked .avatar-app__interaction-mode-option{height:26px}.avatar-app__interaction-mode-option{width:34px;min-width:34px;height:34px;color:var(--sub-text-color);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.avatar-app__interaction-mode-option svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:16px;height:16px}.avatar-app__interaction-mode-option[aria-pressed=true]{background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-app__interaction-mode-option:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-app[data-embedded=true],.avatar-app[data-embedded=true] .avatar-app__workspace,.avatar-app[data-embedded=true] .avatar-app__workspace[data-animation-open=true]{height:100%;min-height:inherit}.avatar-app[data-embedded=true] .avatar-app__stage{min-height:inherit}.avatar-orientation-control{z-index:3;width:96px;height:96px;position:absolute;bottom:16px;right:16px}.avatar-orientation-control__reset,.avatar-orientation-control__orbit{border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 90%,transparent);color:var(--sub-text-color);backdrop-filter:blur(12px);cursor:pointer;flex:none;place-items:center;display:inline-grid}.avatar-orientation-control__reset:focus-visible,.avatar-orientation-control__orbit:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.avatar-orientation-control__reset{z-index:2;background:color-mix(in srgb,var(--bg-color) 86%,transparent);border-radius:7px;width:26px;height:26px;position:absolute;bottom:1px;right:1px;box-shadow:0 3px 10px #0000001f}.avatar-orientation-control__reset svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:15px;height:15px}.avatar-orientation-control__orbit{width:96px;height:96px;box-shadow:none;cursor:default;touch-action:none;background:0 0;border:0;border-radius:50%;padding:4px}.avatar-orientation-control__orbit[data-active-control]{cursor:grabbing}.avatar-orientation-control__orbit svg{width:100%;height:100%;overflow:visible}.avatar-orientation-control__outer-ring{fill:none;opacity:.9;pointer-events:none;stroke:#ffd84d;stroke-width:3px;vector-effect:non-scaling-stroke;transition:opacity .12s,stroke-width .12s}.avatar-orientation-control__outer-ring[data-highlighted=true]{opacity:1;stroke-width:5.8px}.avatar-orientation-control__roll-handle{fill:#ffd84d;opacity:.92;pointer-events:none}.avatar-orientation-control__roll-handle[data-highlighted=true]{opacity:1;r:3px}.avatar-orientation-control__ring{pointer-events:none;vector-effect:non-scaling-stroke;transition:opacity .12s,stroke-width .12s}.avatar-orientation-control__ring--far{opacity:.38;stroke-width:2.8px}.avatar-orientation-control__ring--front{opacity:.94;stroke-linecap:round;stroke-width:3.6px}g[data-highlighted=true] .avatar-orientation-control__ring--far{opacity:.7;stroke-width:5px}g[data-highlighted=true] .avatar-orientation-control__ring--front{opacity:1;stroke-width:6.6px}.avatar-orientation-control__ring-hit{fill:none;pointer-events:stroke;stroke:#0000;stroke-width:16px;cursor:grab}.avatar-orientation-control__ring-hit--outer{stroke-width:15px}@container avatar-stage (width<=340px){.avatar-orientation-control{width:72px;height:72px;bottom:10px;right:10px}.avatar-orientation-control__reset{width:22px;height:22px}.avatar-orientation-control__reset svg{width:13px;height:13px}.avatar-orientation-control__orbit{width:72px;height:72px}}.avatar-language-switcher{flex:none;display:flex;position:relative}.avatar-language-switcher__dialog{z-index:20;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 96%,transparent);-webkit-backdrop-filter:blur(22px)saturate(145%);border-radius:12px;width:236px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 42px #00000057}.avatar-language-switcher__title{color:var(--sub-text-color);letter-spacing:.04em;text-transform:uppercase;padding:6px 8px 10px;font-size:12px;font-weight:700;display:block}.avatar-language-switcher__options{gap:4px;display:grid}.avatar-language-switcher__option{width:100%;min-height:52px;color:var(--text-color);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.avatar-language-switcher__option>span{gap:2px;display:grid}.avatar-language-switcher__option strong{font-size:14px;font-weight:700}.avatar-language-switcher__option small{color:var(--sub-text-color);font-size:11px}.avatar-language-switcher__option svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;opacity:0;flex:none;width:18px;height:18px}.avatar-language-switcher__option:hover{background:color-mix(in srgb,var(--text-color) 7%,transparent)}.avatar-language-switcher__option[aria-checked=true]{background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-language-switcher__option[aria-checked=true] svg{opacity:1}.avatar-language-switcher__option:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}@media (width<=840px){.avatar-app__workspace{grid-template-rows:auto auto;grid-template-columns:1fr}.avatar-app__workspace[data-animation-open=true]{grid-template-rows:auto auto auto;height:auto;min-height:100vh;overflow:visible}.avatar-app__workspace[data-controls-collapsed=true][data-animation-open=true]{grid-template-rows:auto auto}.avatar-app__stage{grid-area:1/1;grid-template-rows:auto;min-height:auto}.avatar-app__workspace>.avatar-controls{grid-area:2/1}.avatar-app__preview-art{max-width:240px}.avatar-app__preview-art--hero{max-width:none}}@media (width<=520px){.avatar-app__stage{padding:16px}}@media (prefers-reduced-motion:reduce){.avatar-app__preview-art{transition:none}}.avatar-animation-panel{z-index:2;width:100%;height:min(var(--avatar-animation-height,244px),100vh - 96px);border-top:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 70%,transparent);-webkit-backdrop-filter:blur(24px)saturate(145%);grid-area:2/1/auto/-1;grid-template-rows:auto minmax(0,1fr);padding:12px 16px 16px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff3d}.avatar-animation-panel[data-resizing=true]{user-select:none}.avatar-animation-panel__resize-handle{z-index:4;cursor:ns-resize;touch-action:none;border-radius:999px;width:72px;height:12px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.avatar-animation-panel__resize-handle:after{background:color-mix(in srgb,var(--sub-text-color) 42%,transparent);content:"";border-radius:999px;width:42px;height:3px;transition:background-color .14s,width .14s;position:absolute;top:5px;left:50%;transform:translate(-50%)}.avatar-animation-panel__resize-handle:hover:after,.avatar-animation-panel__resize-handle:focus-visible:after,.avatar-animation-panel[data-resizing=true] .avatar-animation-panel__resize-handle:after{background:var(--primary-color);width:52px}.avatar-animation-panel__resize-handle:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.avatar-animation-panel__header,.avatar-animation-panel__header-leading,.avatar-animation-panel__tabs,.avatar-animation-panel__duration,.avatar-animation-panel__actions,.avatar-animation-panel__keyframes,.avatar-animation-panel__settings-frames,.avatar-animation-panel__setting-row,.avatar-animation-panel__segments{align-items:center;display:flex}.avatar-animation-panel__header{justify-content:space-between;gap:12px;min-width:0;padding-bottom:10px}.avatar-animation-panel__header-leading{gap:10px;min-width:0}.avatar-animation-panel__close{border:1px solid var(--primary-color);background:var(--primary-soft-bg);width:34px;height:34px;color:var(--primary-text-color);cursor:pointer;border-radius:7px;flex:0 0 34px;place-items:center;display:inline-grid}.avatar-animation-panel__close:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.avatar-animation-panel__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:15px;height:15px}.avatar-animation-panel__tabs{border:1px solid var(--border-color);background:var(--bg-color);border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid;overflow:hidden}.avatar-animation-panel__tabs .avatar-animation-panel__tab-button{min-width:98px;height:26px;color:var(--sub-text-color);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.avatar-animation-panel__tabs .avatar-animation-panel__tab-button[aria-selected=true]{background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-animation-panel__tabs .avatar-animation-panel__tab-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-animation-panel__tabs .avatar-animation-panel__tab-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:14px;height:14px}.avatar-animation-panel__create-tab{min-width:98px;height:26px;color:var(--sub-text-color);border-radius:5px;align-items:center;display:flex;overflow:hidden}.avatar-animation-panel__create-tab[data-selected=true]{background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-animation-panel__create-tab .avatar-animation-panel__tab-button{min-width:0;color:inherit;background:0 0;flex:auto;padding-right:3px}.avatar-animation-panel__create-tab .avatar-animation-panel__tab-button[aria-selected=true]{background:0 0}.avatar-animation-panel__tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.avatar-animation-panel__deselect-library{width:20px;min-width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:0 0 20px;place-items:center;margin-right:3px;padding:0;display:inline-grid}.avatar-animation-panel__deselect-library:hover,.avatar-animation-panel__deselect-library:focus-visible{background:var(--primary-soft-bg);color:var(--primary-text-color);outline:none}.avatar-animation-panel__deselect-library svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:15px;height:15px}.avatar-animation-panel__body{border-top:1px solid var(--border-color);grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;padding-top:10px;display:grid}.avatar-animation-panel__body[data-settings-open=true]{grid-template-columns:minmax(0,1fr) minmax(260px,310px)}.avatar-animation-panel__content{min-width:0;min-height:0;overflow:hidden}.avatar-animation-panel__keyframes,.avatar-animation-panel__library{gap:7px;padding:2px}.avatar-animation-panel__keyframes button,.avatar-animation-panel__library button{border:1px solid var(--border-color);background:var(--bg-color);color:var(--sub-text-color);cursor:pointer;flex:none;place-items:center;font-size:10px;font-weight:750;display:inline-grid}.avatar-animation-panel__keyframes button:focus-visible,.avatar-animation-panel__library button:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-animation-panel__keyframes{overscroll-behavior-x:contain;overflow-x:auto}.avatar-animation-panel__library{overscroll-behavior-y:contain;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));align-content:start;align-items:flex-start;gap:8px;height:100%;display:grid;overflow:hidden auto}.avatar-animation-panel__library-item{border-radius:8px;width:100%;min-width:0;height:88px;padding:0;position:relative;overflow:hidden;background:0 0!important}.avatar-animation-panel__library-item:hover,.avatar-animation-panel__library-item[aria-pressed=true]{border-color:var(--primary-color);color:var(--primary-text-color)}.avatar-animation-panel__library-item[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--primary-color)}.avatar-animation-panel__library-item-wrapper{min-width:0;height:88px;position:relative}.avatar-animation-panel__library-item-wrapper .avatar-animation-panel__library-item{height:100%}.avatar-animation-panel__library-delete{z-index:2;backdrop-filter:blur(6px);place-items:center;position:absolute;top:5px;right:5px;border-color:color-mix(in srgb,var(--border-color) 76%,transparent)!important;background:color-mix(in srgb,var(--bg-color) 88%,transparent)!important;width:22px!important;min-width:22px!important;height:22px!important;color:var(--sub-text-color)!important;border-radius:6px!important;padding:0!important;display:inline-grid!important}.avatar-animation-panel__library-delete:hover,.avatar-animation-panel__library-delete:focus-visible{color:#ef5b51!important;border-color:#ef5b51!important}.avatar-animation-panel__library-delete svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:12px;height:12px}.avatar-animation-panel__library-preview{pointer-events:none;width:100%;height:100%;display:block}.avatar-animation-panel__library-preview .interactive-avatar,.avatar-animation-panel__library-preview .interactive-avatar__canvas{pointer-events:none;width:100%;height:100%}.avatar-animation-panel__library-name{background:color-mix(in srgb,var(--bg-color) 82%,transparent);max-width:calc(100% - 8px);color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(5px);pointer-events:none;border-radius:999px;padding:2px 6px;font-size:9px;line-height:1.25;position:absolute;bottom:4px;right:4px;overflow:hidden}.avatar-animation-panel__confirmation-backdrop{z-index:10;background:color-mix(in srgb,var(--bg-color) 56%,transparent);backdrop-filter:blur(8px);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.avatar-animation-panel__confirmation{border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 94%,black 6%);width:min(360px,100%);color:var(--text-color);border-radius:10px;gap:9px;padding:16px;display:grid;box-shadow:0 16px 48px #0000006b}.avatar-animation-panel__confirmation p{color:var(--sub-text-color);margin:0;font-size:11px;line-height:1.5}.avatar-animation-panel__confirmation-title{font-size:13px;font-weight:800}.avatar-animation-panel__confirmation-actions{justify-content:flex-end;gap:7px;padding-top:3px;display:flex}.avatar-animation-panel__confirmation-actions button{border:1px solid var(--border-color);background:var(--bg-color);min-width:72px;height:30px;color:var(--text-color);cursor:pointer;border-radius:7px;padding:0 12px;font-size:10px;font-weight:750}.avatar-animation-panel__confirmation-actions button:hover,.avatar-animation-panel__confirmation-actions button:focus-visible{border-color:var(--primary-color);color:var(--primary-text-color);outline:none}.avatar-animation-panel__confirmation-actions button:last-child{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-animation-panel__confirmation-actions button[data-danger=true]{background:color-mix(in srgb,#ef5b51 15%,var(--bg-color));color:#ef776f;border-color:#ef5b51}.avatar-animation-panel__keyframe-item{flex:0 0 48px;width:48px;height:48px;position:relative}.avatar-animation-panel__keyframe,.avatar-animation-panel__add-keyframe{border-radius:8px;width:48px;min-width:48px;height:48px;position:relative;overflow:hidden}.avatar-animation-panel__keyframe{padding:0;border-width:2px!important;border-color:#0000!important}.avatar-animation-panel__keyframe img{object-fit:cover;width:100%;height:100%;display:block}.avatar-animation-panel__keyframe[aria-pressed=true]{border-color:var(--primary-color)!important}.avatar-animation-panel__delete-keyframe{z-index:2;opacity:0;place-items:center;transition:opacity .12s;position:absolute;top:3px;right:3px;background:color-mix(in srgb,var(--bg-color) 86%,transparent)!important;width:18px!important;min-width:18px!important;height:18px!important;color:var(--text-color)!important;border:0!important;border-radius:50%!important;padding:0!important;display:inline-grid!important}.avatar-animation-panel__delete-keyframe svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:11px;height:11px}.avatar-animation-panel__keyframe-item:hover .avatar-animation-panel__delete-keyframe,.avatar-animation-panel__keyframe-item:focus-within .avatar-animation-panel__delete-keyframe,.avatar-animation-panel__keyframe-item[data-active=true] .avatar-animation-panel__delete-keyframe{opacity:1}.avatar-animation-panel__keyframe-fallback{border:1px solid;place-items:center;width:18px;height:18px;display:inline-grid;transform:rotate(45deg)}.avatar-animation-panel__keyframe-number,.avatar-animation-panel__settings-frame>span{background:color-mix(in srgb,var(--bg-color) 84%,transparent);min-width:16px;height:16px;color:var(--text-color);backdrop-filter:blur(5px);border-radius:999px;place-items:center;padding:0 4px;font-size:9px;font-weight:800;display:inline-grid;position:absolute;bottom:3px;right:3px}.avatar-animation-panel__keyframes .avatar-animation-panel__add-keyframe{border-style:dashed}.avatar-animation-panel__keyframes .avatar-animation-panel__add-keyframe svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:16px;height:16px}.avatar-animation-panel__keyframes .avatar-animation-panel__add-keyframe:disabled{cursor:wait;opacity:.44}.avatar-animation-panel__settings{border-left:1px solid var(--border-color);align-content:start;gap:9px;min-width:0;min-height:0;padding-left:12px;display:grid;overflow-y:auto}.avatar-animation-panel__settings-frames{gap:5px;padding-bottom:2px;overflow-x:auto}.avatar-animation-panel__settings-frame{border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;border-radius:6px;width:36px;min-width:36px;height:36px;padding:0;display:block;position:relative;overflow:hidden}.avatar-animation-panel__settings-frame[aria-pressed=true]{border-color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--primary-color)}.avatar-animation-panel__settings-frame:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.avatar-animation-panel__settings-frame>img,.avatar-animation-panel__settings-frame .interactive-avatar,.avatar-animation-panel__settings-frame .interactive-avatar__canvas{pointer-events:none;width:100%;height:100%;display:block}.avatar-animation-panel__settings-frame>img{object-fit:cover}.avatar-animation-panel__settings-frame>span{min-width:13px;height:13px;padding:0 3px;font-size:8px}.avatar-animation-panel__settings-title{color:var(--text-color);letter-spacing:.01em;font-size:11px;font-weight:800}.avatar-animation-panel__timing-help{color:var(--sub-text-color);margin:0;font-size:9px;line-height:1.45}.avatar-animation-panel__group-name{color:var(--sub-text-color);grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;font-size:10px;font-weight:700;display:grid}.avatar-animation-panel__group-name input{border:1px solid var(--border-color);background:var(--bg-color);min-width:0;height:28px;color:var(--text-color);font:inherit;border-radius:6px;padding:0 8px}.avatar-animation-panel__group-name input:focus-visible{border-color:var(--primary-color);outline:2px solid color-mix(in srgb,var(--primary-color) 28%,transparent);outline-offset:1px}.avatar-animation-panel__lock-toggle{border:1px solid var(--border-color);background:var(--bg-color);min-width:132px;height:28px;color:var(--sub-text-color);cursor:pointer;font:inherit;border-radius:6px;padding:0 9px}.avatar-animation-panel__lock-toggle[aria-pressed=true]{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-animation-panel__start-frame-setting{color:var(--sub-text-color);grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;font-size:10px;font-weight:700;display:grid}.avatar-animation-panel__start-frames{overscroll-behavior-x:contain;gap:5px;min-width:0;padding:2px;display:flex;overflow-x:auto}.avatar-animation-panel__start-frames button{border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;border-radius:6px;flex:0 0 34px;width:34px;height:34px;padding:0;display:block;position:relative;overflow:hidden}.avatar-animation-panel__start-frames button[aria-pressed=true]{border-color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--primary-color)}.avatar-animation-panel__start-frames button:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.avatar-animation-panel__start-frames button>img,.avatar-animation-panel__start-frames button .interactive-avatar,.avatar-animation-panel__start-frames button .interactive-avatar__canvas{pointer-events:none;width:100%;height:100%;display:block}.avatar-animation-panel__start-frames button>img{object-fit:cover}.avatar-animation-panel__start-frames button>span{background:color-mix(in srgb,var(--bg-color) 84%,transparent);min-width:13px;height:13px;color:var(--text-color);border-radius:999px;place-items:center;padding:0 3px;font-size:8px;font-weight:800;display:inline-grid;position:absolute;bottom:2px;right:2px}.avatar-animation-panel__duration{color:var(--sub-text-color);grid-template-columns:52px minmax(70px,1fr) 34px;gap:8px;font-size:10px;font-weight:700;display:grid}.avatar-animation-panel__duration input{width:100%;accent-color:var(--primary-color);cursor:pointer}.avatar-animation-panel__duration output{color:var(--primary-text-color);font-variant-numeric:tabular-nums;text-align:right}.avatar-animation-panel__setting-row{color:var(--sub-text-color);justify-content:space-between;gap:10px;font-size:10px;font-weight:700}.avatar-animation-panel__setting-row>span{flex:0 0 52px}.avatar-animation-panel__setting-row select{border:1px solid var(--border-color);background:var(--bg-color);width:min(100%,170px);height:28px;color:var(--text-color);font:inherit;border-radius:6px;padding:0 8px}.avatar-animation-panel__segments{border:1px solid var(--border-color);background:var(--bg-color);border-radius:8px;grid-template-columns:repeat(2,1fr);width:min(100%,170px);padding:3px;display:grid;overflow:hidden}.avatar-animation-panel__segments button{height:28px;color:var(--sub-text-color);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px}.avatar-animation-panel__segments button[aria-pressed=true]{background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-animation-panel__segments button:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-animation-panel__actions{flex:none;justify-content:flex-end;gap:6px}.avatar-animation-panel__actions button{border:1px solid var(--border-color);background:var(--bg-color);width:32px;height:32px;color:var(--sub-text-color);cursor:pointer;border-radius:6px;place-items:center;display:inline-grid}.avatar-animation-panel__actions button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:15px;height:15px}.avatar-animation-panel__actions button[data-active=true],.avatar-animation-panel__actions button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-text-color)}.avatar-animation-panel__actions button:disabled{cursor:not-allowed;opacity:.38}@media (width<=840px){.avatar-animation-panel{grid-area:3/1}.avatar-animation-panel__body[data-settings-open=true]{grid-template-columns:minmax(0,1fr) minmax(230px,280px)}.avatar-app__workspace[data-controls-collapsed=true]>.avatar-animation-panel{grid-row:2}}@media (width<=520px){.avatar-animation-panel{height:auto;min-height:300px;max-height:none}.avatar-animation-panel__resize-handle{display:none}.avatar-animation-panel__body[data-settings-open=true]{grid-template-columns:1fr}.avatar-animation-panel__settings{border-top:1px solid var(--border-color);border-left:0;padding-top:10px;padding-left:0}}.avatar-controls{border-left:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 70%,transparent);-webkit-backdrop-filter:blur(24px)saturate(145%);flex-direction:column;height:100vh;padding:16px;display:flex;position:sticky;top:0;overflow:visible;box-shadow:inset 1px 0 #ffffff38}.avatar-controls[data-resizing=true]{user-select:none}.avatar-controls__header{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.avatar-controls__collapse{border:1px solid var(--primary-color);background:var(--primary-soft-bg);width:42px;height:42px;color:var(--primary-text-color);cursor:pointer;border-radius:8px;flex:0 0 42px;place-items:center;display:inline-grid}.avatar-controls__collapse:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.avatar-controls__collapse svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:16px;height:16px}.avatar-controls__header-actions{flex:none;gap:6px;display:flex}.avatar-controls__header-actions .avatar-app__github-link,.avatar-controls__header-actions .avatar-app__camera-toggle,.avatar-controls__header-actions .avatar-app__language-toggle,.avatar-controls__header-actions .avatar-app__theme-toggle{width:42px;height:42px}.avatar-controls__resize-handle{z-index:4;cursor:col-resize;touch-action:none;border-radius:999px;width:12px;height:82px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.avatar-controls__resize-handle:after{background:color-mix(in srgb,var(--sub-text-color) 42%,transparent);content:"";border-radius:999px;width:3px;height:44px;transition:background-color .14s,height .14s;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.avatar-controls__resize-handle:hover:after,.avatar-controls__resize-handle:focus-visible:after,.avatar-controls[data-resizing=true] .avatar-controls__resize-handle:after{background:var(--primary-color);height:56px}.avatar-controls__resize-handle:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.avatar-controls__tabs{border:1px solid var(--border-color);background:var(--bg-color);border-radius:8px;flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;padding:3px;display:grid;overflow:hidden}.avatar-controls__tab{height:34px;color:var(--sub-text-color);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:0;font-size:12px;font-weight:700;display:inline-flex}.avatar-controls__tab[aria-selected=true]{background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-controls__tab:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-controls__tab-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar-controls__panel{overscroll-behavior-y:contain;flex-direction:column;gap:18px;min-height:0;padding-top:18px;display:flex;overflow-y:auto}.avatar-controls__field-group,.avatar-controls__part-row,.avatar-controls__saved-presets{gap:8px;display:grid}.avatar-controls__saved-preset-list{grid-template-columns:repeat(auto-fill,minmax(48px,52px));place-content:start;gap:8px;padding:2px;display:grid;overflow-x:hidden}.avatar-controls__saved-preset{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:0;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.avatar-controls__saved-preset img{object-fit:cover;width:100%;height:100%;display:block}.avatar-controls__saved-preset[aria-pressed=true]{box-shadow:0 0 0 2px var(--primary-color)}.avatar-controls__saved-preset[data-frame=rounded]{border-radius:7px}.avatar-controls__saved-preset[data-frame=circle]{border-radius:50%}.avatar-controls__saved-preset:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-controls__saved-preset--entity-preset{background:color-mix(in srgb,var(--bg-color) 86%,transparent);box-shadow:0 0 0 1px var(--border-color);color:var(--sub-text-color);border-radius:8px;align-content:center;place-items:center;gap:1px;font-size:8px;font-weight:700;line-height:1;display:grid}.avatar-controls__saved-preset--entity-preset:hover{box-shadow:0 0 0 1px var(--primary-color);color:var(--primary-text-color)}.avatar-controls__saved-preset--entity-preset[aria-pressed=true]{box-shadow:0 0 0 2px var(--primary-color)}.avatar-controls__entity-preset-icon{width:100%;height:100%;display:block;overflow:hidden}.avatar-controls__entity-parts{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.avatar-controls__entity-parts button{aspect-ratio:1;border:1px solid var(--border-color);background:var(--bg-color);min-width:0;color:var(--sub-text-color);cursor:pointer;border-radius:8px;place-items:center;padding:7px;display:grid;position:relative}.avatar-controls__entity-parts button[aria-selected=true]{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-controls__entity-parts button:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.avatar-controls__entity-parts button>svg{width:24px;height:24px}.avatar-controls__entity-parts button>span{font-size:8px;font-weight:700;position:absolute;bottom:2px;right:3px}.avatar-controls__entity-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.avatar-controls__field-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.avatar-controls__inline-action,.avatar-controls__danger-action{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font:inherit;cursor:pointer;border-radius:8px;padding:7px 10px}.avatar-controls__inline-action{color:var(--primary-text-color)}.avatar-controls__danger-action{color:#e7594f;width:100%}.avatar-controls__hint{color:var(--sub-text-color);margin:0;font-size:12px;line-height:1.5}.avatar-controls__decal-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.avatar-controls__decal-list button{border:1px solid var(--border-color);background:var(--bg-color);min-width:0;color:var(--sub-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex;overflow:hidden}.avatar-controls__decal-list button[aria-selected=true]{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-controls__decal-list button>span{border:1px solid #7f7f7f59;border-radius:50%;flex:none;width:14px;height:14px}.avatar-controls__decal-editor{gap:10px;display:grid}.avatar-controls__select-field{color:var(--sub-text-color);gap:6px;font-size:12px;display:grid}.avatar-controls__select-field select{border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-color);font:inherit;border-radius:8px;padding:8px 10px}.avatar-controls__entity-color{border:1px solid var(--border-color);min-width:0;color:var(--sub-text-color);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:11px;font-weight:700;display:flex}.avatar-controls__entity-color input{cursor:pointer;background:0 0;border:0;flex:none;width:30px;height:24px;padding:0}.avatar-controls__saved-preset-item{aspect-ratio:1;width:100%;min-width:0;position:relative}.avatar-controls__saved-preset-item:hover .avatar-controls__saved-preset-remove,.avatar-controls__saved-preset-item:focus-within .avatar-controls__saved-preset-remove{opacity:1}.avatar-controls__saved-preset-remove{z-index:1;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 92%,transparent);width:18px;height:18px;color:var(--text-color);cursor:pointer;opacity:0;border-radius:50%;place-items:center;padding:0;transition:opacity .14s,border-color .14s,color .14s;display:grid;position:absolute;top:-4px;right:-4px}.avatar-controls__saved-preset-remove:hover,.avatar-controls__saved-preset-remove:focus-visible{border-color:var(--primary-color);color:var(--primary-color);opacity:1}.avatar-controls__saved-preset-remove:focus-visible{outline:2px solid var(--primary-soft-bg);outline-offset:1px}.avatar-controls__saved-preset-remove svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.6px;width:10px;height:10px}.avatar-controls__saved-preset-empty{border:1px dashed var(--border-color);color:var(--sub-text-color);border-radius:8px;margin:0;padding:12px;font-size:11px;line-height:16px}.avatar-controls__body-grid{flex-wrap:wrap;gap:8px;display:flex}.avatar-controls__body-option{border:1px solid var(--border-color);background:var(--bg-color);width:48px;height:48px;color:var(--sub-text-color);cursor:pointer;border-radius:8px;flex:0 0 48px;place-items:center;padding:6px;display:inline-grid}.avatar-controls__body-option[aria-pressed=true]{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color);box-shadow:0 0 0 2px var(--primary-soft-bg)}.avatar-controls__body-option:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-controls__face-presets{grid-template-columns:repeat(auto-fill,minmax(52px,56px));place-content:start;gap:8px;display:grid;overflow-x:hidden}.avatar-controls__face-preset{min-width:0;height:56px;color:var(--sub-text-color);cursor:pointer;background:0 0;border:0;border-radius:8px;align-content:center;place-items:center;padding:4px;display:grid;overflow:hidden}.avatar-controls__face-preset:hover{background:color-mix(in srgb,var(--primary-soft-bg) 58%,transparent);color:var(--primary-text-color)}.avatar-controls__face-preset[aria-pressed=true]{background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-controls__face-preset:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-controls__face-preset-preview{fill:currentColor;width:46px;height:46px;display:block}.avatar-controls__face-preset-head{fill:color-mix(in srgb,currentColor 9%,var(--bg-color));stroke:color-mix(in srgb,currentColor 38%,transparent);stroke-width:2px}.avatar-controls__preset-more{border:1px dashed var(--border-color);background:color-mix(in srgb,var(--bg-color) 82%,transparent);min-width:0;color:var(--sub-text-color);cursor:pointer;border-radius:8px;align-content:center;place-items:center;gap:3px;padding:4px;display:grid;overflow:hidden}.avatar-controls__preset-more svg{fill:currentColor;width:24px;height:18px;display:block}.avatar-controls__preset-more:hover,.avatar-controls__preset-more:focus-visible{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color);outline:none}.avatar-controls__saved-preset-list>.avatar-controls__preset-more{aspect-ratio:1}.avatar-controls__face-presets>.avatar-controls__preset-more{width:56px;height:56px}.avatar-controls__preset-browser-backdrop{z-index:12;background:color-mix(in srgb,var(--bg-color) 52%,transparent);backdrop-filter:blur(8px);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.avatar-controls__preset-browser{border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 96%,black 4%);width:min(390px,100%);max-height:min(620px,100% - 16px);color:var(--text-color);border-radius:12px;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:14px;display:grid;box-shadow:0 18px 56px #00000070}.avatar-controls__preset-browser-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.avatar-controls__preset-browser-header h2{margin:0;font-size:13px;font-weight:800}.avatar-controls__preset-browser-header button{border:1px solid var(--border-color);background:var(--bg-color);width:28px;height:28px;color:var(--sub-text-color);cursor:pointer;border-radius:7px;flex:0 0 28px;place-items:center;padding:0;display:grid}.avatar-controls__preset-browser-header button:hover,.avatar-controls__preset-browser-header button:focus-visible{border-color:var(--primary-color);color:var(--primary-text-color);outline:none}.avatar-controls__preset-browser-header button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.6px;width:14px;height:14px}.avatar-controls__preset-browser-search{border:1px solid var(--border-color);background:var(--bg-color);min-width:0;height:34px;color:var(--sub-text-color);border-radius:8px;align-items:center;gap:7px;padding:0 9px;display:flex}.avatar-controls__preset-browser-search:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-soft-bg)}.avatar-controls__preset-browser-search svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;flex:0 0 15px;width:15px;height:15px}.avatar-controls__preset-browser-search input{width:100%;min-width:0;color:var(--text-color);font:inherit;background:0 0;border:0;outline:0;font-size:11px}.avatar-controls__preset-browser-grid{overscroll-behavior-y:contain;grid-template-columns:repeat(auto-fill,minmax(52px,56px));place-content:start;gap:8px;min-height:0;padding:2px;display:grid;overflow:hidden auto}.avatar-controls__preset-browser-grid>.avatar-controls__face-preset{height:56px}.avatar-controls__preset-browser-empty{color:var(--sub-text-color);text-align:center;margin:0;padding:28px 12px;font-size:11px}.avatar-controls__body-shape-icon{width:32px;height:32px;fill:color-mix(in srgb,currentColor 18%,transparent);stroke:currentColor;stroke-linejoin:round;stroke-width:1.5px;display:block}.avatar-controls__shape-options{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.avatar-controls__shape-option{border:1px solid var(--border-color);background:var(--bg-color);min-width:0;min-height:72px;color:var(--sub-text-color);cursor:pointer;border-radius:8px;align-content:center;place-items:center;gap:5px;padding:8px;font-size:11px;font-weight:700;display:grid}.avatar-controls__shape-option[aria-checked=true]{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color);box-shadow:0 0 0 2px var(--primary-soft-bg)}.avatar-controls__shape-option:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-controls__shape-icon{width:40px;height:32px;fill:color-mix(in srgb,currentColor 22%,transparent);stroke:currentColor;stroke-linejoin:round;stroke-width:1.5px;display:block}.avatar-controls__label{color:var(--sub-text-color);text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.avatar-controls__part-builder{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px 6px;display:grid}.avatar-controls__eye-grid{display:contents}.avatar-controls__eye-grid>.avatar-controls__part-row:first-child{grid-column:1/span 4}.avatar-controls__eye-grid>.avatar-controls__part-row:last-child{grid-column:5/span 4}.avatar-controls__part-builder>.avatar-controls__part-row{grid-column:1/-1}.avatar-controls__part-row{gap:6px}.avatar-controls__part-row-label{color:var(--sub-text-color);font-size:12px;line-height:16px}.avatar-controls__part-options{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.avatar-controls__eye-grid .avatar-controls__part-options{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-controls__part-option{aspect-ratio:1;border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;border-radius:7px;place-items:stretch stretch;width:100%;min-width:0;padding:0;display:grid;overflow:hidden}.avatar-controls__part-option img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.avatar-controls__part-option[aria-pressed=true]{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-soft-bg)}.avatar-controls__swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.avatar-controls__swatch{aspect-ratio:1;border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;border-radius:8px;place-items:center;min-width:0;padding:4px;display:grid}.avatar-controls__swatch span{background:linear-gradient(135deg,var(--avatar-bg) 0 48%,var(--avatar-bg-end) 48% 72%,var(--avatar-fg) 72% 100%);border-radius:5px;width:100%;height:100%}.avatar-controls__swatch[aria-pressed=true]{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-soft-bg)}.avatar-controls__palette-more{border:1px solid var(--border-color);background:var(--bg-color);height:32px;color:var(--sub-text-color);cursor:pointer;border-radius:8px;font-size:12px;font-weight:700}.avatar-controls__palette-more[aria-expanded=true]{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-controls__palette-confirmation-backdrop{z-index:10;background:color-mix(in srgb,var(--bg-color) 56%,transparent);backdrop-filter:blur(8px);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.avatar-controls__palette-confirmation{border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 94%,black 6%);width:min(360px,100%);color:var(--text-color);border-radius:10px;gap:9px;padding:16px;display:grid;box-shadow:0 16px 48px #0000006b}.avatar-controls__palette-confirmation p{color:var(--sub-text-color);margin:0;font-size:11px;line-height:1.5}.avatar-controls__palette-confirmation-title{font-size:13px;font-weight:800}.avatar-controls__palette-confirmation-actions{justify-content:flex-end;gap:7px;padding-top:3px;display:flex}.avatar-controls__palette-confirmation-actions button{border:1px solid var(--border-color);background:var(--bg-color);min-width:72px;height:30px;color:var(--text-color);cursor:pointer;border-radius:7px;padding:0 12px;font-size:10px;font-weight:750}.avatar-controls__palette-confirmation-actions button:hover,.avatar-controls__palette-confirmation-actions button:focus-visible{border-color:var(--primary-color);color:var(--primary-text-color);outline:none}.avatar-controls__palette-confirmation-actions button:last-child{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-controls__segments{border:1px solid var(--border-color);background:var(--bg-color);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid;overflow:hidden}.avatar-controls__face-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-controls__segment{height:34px;color:var(--sub-text-color);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.avatar-controls__segment[aria-pressed=true],.avatar-controls__segment[aria-selected=true]{background:var(--primary-soft-bg);color:var(--primary-text-color);font-weight:700}.avatar-controls__segment:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-controls__toggle-row{justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:flex}.avatar-controls__toggle-label{color:var(--sub-text-color);align-items:center;gap:8px;font-size:13px;line-height:18px;display:inline-flex}.avatar-controls__parameter-controls{border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 82%,var(--primary-color));border-radius:8px;gap:14px;padding:12px;display:grid}.avatar-controls__value-slider{gap:8px;display:grid}.avatar-controls__value-slider>span{color:var(--sub-text-color);justify-content:space-between;align-items:center;font-size:12px;display:flex}.avatar-controls__value-slider output{color:var(--primary-text-color);font-variant-numeric:tabular-nums;font-weight:700}.avatar-controls__value-slider input{width:100%;accent-color:var(--primary-color);cursor:pointer}.avatar-controls__number-field{min-height:34px;color:var(--sub-text-color);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.avatar-controls__number-field>span:last-child{color:var(--primary-text-color);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:700;display:flex}.avatar-controls__number-field input{border:1px solid var(--border-color);background:var(--bg-color);width:108px;min-width:0;color:var(--text-color);font:inherit;font-variant-numeric:tabular-nums;text-align:right;border-radius:6px;padding:7px 9px}.avatar-controls__number-field input:focus-visible{border-color:var(--primary-color);outline:2px solid var(--primary-soft-bg)}.avatar-controls__color-control{color:var(--sub-text-color);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.avatar-controls__color-control>span:last-child{align-items:center;gap:8px;display:flex}.avatar-controls__color-control input{border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;border-radius:6px;width:34px;height:28px;padding:3px}.avatar-controls__color-control output{min-width:58px;color:var(--primary-text-color);font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.avatar-controls__curve-scale,.avatar-controls__value-scale{color:var(--sub-text-color);justify-content:space-between;margin-top:-9px;font-size:10px;line-height:14px;display:flex}.avatar-controls__camera-background{border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 82%,var(--primary-color));border-radius:8px;gap:10px;padding:12px;display:grid}.avatar-controls__color-input{justify-content:space-between;align-items:center;gap:12px;display:flex}.avatar-controls__color-input input{border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;border-radius:6px;width:42px;height:32px;padding:3px}.avatar-controls__color-input output{color:var(--primary-text-color);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.avatar-controls__camera-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.avatar-controls__camera-presets button{aspect-ratio:1;border:1px solid var(--border-color);background:var(--camera-preset) content-box;cursor:pointer;border-radius:6px;min-width:0;padding:3px}.avatar-controls__camera-presets button[aria-pressed=true]{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-soft-bg)}.avatar-controls__camera-presets button:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-controls__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:0 0 16px;width:16px;height:16px;display:block}.avatar-controls__switch{border:1px solid var(--border-color);border-radius:var(--oneworks-switch-radius);background:var(--bg-color);cursor:pointer;flex:none;width:48px;height:28px;position:relative}.avatar-controls__switch span{border-radius:var(--oneworks-switch-handle-radius);background:var(--sub-text-color);width:18px;height:18px;transition:background-color .16s,transform .16s;position:absolute;top:4px;left:4px}.avatar-controls__switch[aria-checked=true]{border-color:var(--primary-color);background:var(--primary-soft-bg)}.avatar-controls__switch[aria-checked=true] span{background:var(--primary-text-color);transform:translate(20px)}@media (width<=840px){.avatar-controls{border-top:1px solid var(--border-color);border-left:0;height:auto;position:static}.avatar-controls__resize-handle{display:none}.avatar-controls__panel{overflow:visible}}@media (width<=520px){.avatar-controls{padding:16px}.avatar-controls__swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}.interactive-avatar{user-select:none;background:0 0;width:100%;height:100%;position:relative;overflow:visible}.interactive-avatar__canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block;overflow:visible}.interactive-avatar__canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--primary-color)}.interactive-avatar[data-dragging=true] .interactive-avatar__canvas{cursor:grabbing}.interactive-avatar[data-interaction-mode=move] .interactive-avatar__canvas{cursor:move}.interactive-avatar[data-interaction-mode=move] .interactive-avatar__canvas:active{cursor:grabbing}.interactive-avatar__face-part{transition:opacity .18s ease-out}@media (prefers-reduced-motion:reduce){.interactive-avatar__face-part{transition:none}}.avatar-export-toolbar{position:relative}.avatar-export-toolbar__trigger{border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 90%,transparent);width:42px;height:42px;color:var(--sub-text-color);backdrop-filter:blur(12px);cursor:pointer;border-radius:8px;place-items:center;display:inline-grid}.avatar-export-toolbar__trigger[aria-expanded=true]{border-color:var(--primary-color);background:var(--primary-soft-bg);color:var(--primary-text-color)}.avatar-export-toolbar__trigger:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-export-toolbar__menu{z-index:8;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 94%,transparent);backdrop-filter:blur(18px)saturate(145%);border-radius:9px;width:196px;padding:5px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 14px 34px #0000003d}.avatar-export-toolbar__size-row,.avatar-export-toolbar__menu-action{min-height:38px;color:var(--sub-text-color);background:0 0;border:0;border-radius:6px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;padding:0 9px;font-size:12px;font-weight:700;display:grid}.avatar-export-toolbar__size-row{border-bottom:1px solid var(--border-color);border-radius:0;grid-template-columns:minmax(0,1fr) auto;margin-bottom:4px;padding-bottom:4px;padding-right:0}.avatar-export-toolbar__size-control{width:104px;height:30px;position:relative}.avatar-export-toolbar__size-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;pointer-events:none;width:12px;height:12px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.avatar-export-toolbar__size{appearance:none;border:1px solid var(--border-color);background:var(--bg-color);width:100%;height:30px;color:var(--text-color);cursor:pointer;border-radius:6px;padding:0 30px 0 10px;font-size:12px;font-weight:700}.avatar-export-toolbar__size:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-export-toolbar__size:disabled{color:var(--placeholder-color);cursor:not-allowed;opacity:.52}.avatar-export-toolbar__menu-action{text-align:left;cursor:pointer;width:100%}.avatar-export-toolbar__menu-action:disabled{color:var(--placeholder-color);cursor:not-allowed;opacity:.52}.avatar-export-toolbar__menu-action:hover,.avatar-export-toolbar__menu-action:focus-visible,.avatar-export-toolbar__menu-action[data-copied=true]{background:var(--primary-soft-bg);color:var(--primary-color)}.avatar-export-toolbar__menu-action:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.avatar-export-toolbar__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:16px;height:16px;display:block}@container avatar-stage (width<=224px){.avatar-export-toolbar__menu{position:fixed;top:66px;left:8px;right:auto}}