@font-face{font-family:D-DIN;src:url(/assets/D-DIN-Bold-DkoIETeG.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Anton;src:url(/assets/Anton-Regular-DDTWnLuj.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:QuickToy;src:url(/assets/QuickToy-ChVUPTc7.ttf)format("truetype");font-weight:400;font-style:normal}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060710;--surface:#0b0d18;--surface2:#0f1220;--surface3:#151828;--border:#ffffff0f;--border2:#ffffff1c;--border3:#fff3;--text:#e2eaf6;--text-muted:#4a566c;--text-dim:#6b7890;--font:"D-DIN", system-ui, sans-serif;--r:6px}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;overflow:hidden}button{font-family:var(--font);cursor:pointer;color:inherit;background:0 0;border:none}button:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.ability-icon path,.ability-icon circle,.ability-icon rect,.ability-icon polygon,.ability-icon polyline,.ability-icon ellipse,.ability-icon line{stroke:var(--icon-stroke)!important;stroke-width:var(--icon-sw)!important;stroke-linecap:round!important;stroke-linejoin:round!important;paint-order:stroke fill!important;fill:#fff!important}.ability-icon-inverted path,.ability-icon-inverted circle,.ability-icon-inverted rect,.ability-icon-inverted polygon,.ability-icon-inverted polyline,.ability-icon-inverted ellipse,.ability-icon-inverted line{fill:var(--icon-fill)!important}.site-boundary{--site-sw:5}.site-boundary :is(path,polygon,polyline,rect,circle,ellipse,line){fill:url(#site-hatch)!important;fill-opacity:1!important;stroke:currentColor!important;stroke-width:var(--site-sw)!important;stroke-opacity:1!important;stroke-linecap:round!important;stroke-linejoin:round!important}@keyframes importDialogIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panel-flyout-pop{0%{opacity:0;transform:translate(-5px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes panel-item-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes import-overlay-in{0%{opacity:0}to{opacity:1}}.app{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app,.app *{-webkit-user-select:none;user-select:none}.app :is(input,textarea,[contenteditable=true],[contenteditable=true] *){-webkit-user-select:text;user-select:text}.workspace{flex:1;display:flex;position:relative;overflow:hidden}.panel-label{text-align:center;letter-spacing:1.8px;text-transform:uppercase;border-bottom:1px solid var(--border2);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:9px 0 8px;font-size:8.5px;font-weight:700}.canvas-area{background:var(--map-bg,#08090f);isolation:isolate;flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.appearance-reset{border:1px solid var(--border2);width:100%;height:28px;color:var(--text-dim);font-family:var(--font);letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;padding:0;font-size:8.5px;font-weight:700}.appearance-reset:hover{background:var(--surface2);border-color:var(--border3);color:var(--text)}.workspace{--panel-glass:#060b15e8;--agent-panel-width:80px;--scene-panel-width:210px;--controls-left:12px;--controls-right:12px;--mode-banner-bottom:24px;--mode-banner-height:58px;--panel-glass-2:#0c121fd1;--panel-line:#879ab238;--panel-line-strong:#a8bcd657;--panel-text-soft:#becadca8}.panel-label{color:var(--panel-text-soft);border-color:var(--panel-line);background:linear-gradient(#ffffff04,#fff0),#ffffff03;transition:color .15s,background .15s,box-shadow .17s;position:relative;overflow:hidden}.panel-label:hover{color:var(--text);background:linear-gradient(#ffffff08,#ffffff02),#ffffff06}.scene-panel-import-input{display:none}.appearance-reset{border-color:var(--panel-line);background:linear-gradient(#ffffff05,#fff0),#0003;border-radius:10px}@media (prefers-reduced-motion:reduce){.panel-label:hover:before{animation:none}}.panel-label:before{display:none}.panel-label:hover:before{animation:none}:where(button.plain-button){color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit;background:0 0;border:0;margin:0;padding:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (any-pointer:coarse){.workspace{--panel-toggle-y:566px}.app{-webkit-tap-highlight-color:transparent}.app :is(button,input:not([type=file]),select,summary):not(.appearance-panel *){min-width:44px;min-height:44px}.app input:not([type=range]){font-size:16px}}@media not (any-pointer:coarse){.touch-only{display:none!important}}@media not (any-pointer:fine){.pointer-only{display:none!important}}[data-compact=true]{--mode-banner-bottom:max(68px, calc(env(safe-area-inset-bottom,0px) + 68px));--mode-banner-height:60px}[data-compact=true]:has(>.scene-panel:not(.is-collapsed)){--controls-right:calc(var(--scene-panel-width) + 12px)}[data-compact=true]:has(>.scene-panel:not(.is-collapsed),>.character-panel:not(.is-collapsed),.appearance-panel) .mode-banner{display:none}[data-compact=true]>:is(.character-panel,.scene-panel){position:absolute;top:0;bottom:0}[data-compact=true]>.character-panel{left:0}[data-compact=true]>.scene-panel{right:0}[data-compact=true]>:is(.character-panel,.scene-panel).is-collapsed{background:0 0;width:0}[data-compact=true] :is(.character-panel-toggle,.scene-panel-toggle){top:auto;bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:101;width:44px;height:44px;transform:none}[data-compact=true] .character-panel-toggle{right:-44px}[data-compact=true] .scene-panel-toggle{left:-44px}[data-compact=true] :is(.panel-label,.scene-panel-action){min-height:44px}[data-compact=true] .appearance-panel.appearance-panel--with-hotbar{max-height:calc(100% - 80px);top:12px}[data-compact=true] .appearance-panel :is(.appearance-close,.appearance-reset){min-width:44px;min-height:44px}@media (orientation:landscape){[data-compact=true]{--mode-banner-bottom:max(90px, calc(env(safe-area-inset-bottom,0px) + 90px))}[data-compact=true]:has(>.character-panel:not(.is-collapsed)){--controls-left:calc(var(--agent-panel-width) + 12px)}[data-compact=true] :is(.character-panel-toggle,.scene-panel-toggle){bottom:calc(90px + env(safe-area-inset-bottom,0px))}[data-compact=true] .appearance-panel.appearance-panel--with-hotbar{max-width:calc(100% - 80px);max-height:calc(100% - 102px);right:68px}}@keyframes artboard-sheet-label-in{0%{opacity:0}to{opacity:1}}@keyframes artboard-sheet-card-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes artboard-sheet-fade-in{0%{opacity:0}to{opacity:1}}.artboard-sheet-card-label::selection{text-shadow:none;background:#2270ff94}.artboard-sheet-overlay{z-index:70;background:var(--scene-preview-bg,var(--map-bg,var(--bg)));padding:0;animation:.22s cubic-bezier(.2,.8,.2,1) both artboard-sheet-fade-in;position:absolute;inset:0;overflow:hidden}.artboard-sheet-frame{--artboard-columns:1;--artboard-card-w:100%;--artboard-media-h:0px;width:100%;height:100%;overflow:visible}.artboard-sheet-stage{contain:layout paint style;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.artboard-sheet-grid{--artboard-gap:4px;place-content:center;align-items:center;gap:var(--artboard-gap);flex-direction:column;width:100%;height:100%;display:flex}.artboard-sheet-row{justify-content:center;align-items:center;gap:var(--artboard-gap);flex-direction:row;width:100%;display:flex}.artboard-sheet-card-wrap{width:var(--artboard-card-w,100%);flex-direction:column;align-items:center;min-width:0;animation:.34s cubic-bezier(.16,1,.3,1) both artboard-sheet-card-in;display:flex;position:relative}.artboard-sheet-card-wrap:nth-child(2){animation-delay:30ms}.artboard-sheet-card-wrap:nth-child(2) .artboard-sheet-card-label{animation-delay:.17s}.artboard-sheet-card-wrap:nth-child(3){animation-delay:60ms}.artboard-sheet-card-wrap:nth-child(3) .artboard-sheet-card-label{animation-delay:.2s}.artboard-sheet-card-wrap:nth-child(4){animation-delay:90ms}.artboard-sheet-card-wrap:nth-child(4) .artboard-sheet-card-label{animation-delay:.23s}.artboard-sheet-card-wrap:nth-child(5){animation-delay:.12s}.artboard-sheet-card-wrap:nth-child(5) .artboard-sheet-card-label{animation-delay:.26s}.artboard-sheet-card-wrap:nth-child(6){animation-delay:.15s}.artboard-sheet-card-wrap:nth-child(6) .artboard-sheet-card-label{animation-delay:.29s}.artboard-sheet-card-wrap:nth-child(n+7){animation-delay:.17s}.artboard-sheet-card-wrap:nth-child(n+7) .artboard-sheet-card-label{animation-delay:.31s}.artboard-sheet-card{width:100%;height:var(--artboard-media-h,auto);cursor:pointer;isolation:isolate;background:0 0;border:none;border-radius:0;min-width:0;padding:0;transition:filter .26s,transform .12s cubic-bezier(.2,.9,.2,1);position:relative;overflow:visible;transform:translateZ(0)}.artboard-sheet-card:active{transition-duration:80ms;transform:translateZ(0)scale(.985)}.artboard-sheet-card-wrap:hover .artboard-sheet-card{filter:brightness(1.032)saturate(1.024)}.artboard-sheet-card-wrap:hover .artboard-sheet-card-img{transform:translateZ(0)scale(1.012)}.artboard-sheet-grid:has(.is-active) .artboard-sheet-card-wrap:not(:has(.is-active)) .artboard-sheet-card{filter:saturate(.55)brightness(.78)}.artboard-sheet-grid:has(.is-active) .artboard-sheet-card-wrap:not(:has(.is-active)) .artboard-sheet-card-label{color:#fff6}.artboard-sheet-grid:has(.is-active) .artboard-sheet-card-wrap:not(:has(.is-active)):hover .artboard-sheet-card{filter:saturate(.95)brightness()}.artboard-sheet-grid:has(.is-active) .artboard-sheet-card-wrap:not(:has(.is-active)):hover .artboard-sheet-card-label{color:#ffffffd9}.artboard-sheet-card-img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden;will-change:transform;width:100%;height:100%;transition:transform .34s cubic-bezier(.2,.9,.2,1);display:block;position:absolute;inset:0;transform:translateZ(0)}.artboard-sheet-card-empty{background:0 0;position:absolute;inset:0}.artboard-sheet-card-label-wrap{transform-origin:50%;will-change:transform;width:100%;transition:transform .36s cubic-bezier(.16,1,.3,1);position:relative;transform:translateZ(0)}.artboard-sheet-card-wrap:hover .artboard-sheet-card-label-wrap,.artboard-sheet-card-label-wrap:focus-within{transform:translateZ(0)translateY(-2.4px)scale(1.018)}.artboard-sheet-card-label{width:100%;height:calc(var(--artboard-card-w,100px) * .08);box-sizing:border-box;color:#fff;font-family:"Anton", var(--font);font-size:clamp(18px, calc(var(--artboard-card-w,100px) * .11), 80px);letter-spacing:.02em;text-align:center;text-transform:uppercase;text-shadow:none;cursor:text;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4%;line-height:.95;transition:color .26s,filter .32s;animation:.38s cubic-bezier(.16,1,.3,1) .14s both artboard-sheet-label-in;display:flex;overflow:hidden}.artboard-sheet-card-label:focus{caret-color:#fff;outline:none}.artboard-sheet-card-label:focus-visible{outline:none}.artboard-sheet-card-wrap:hover .artboard-sheet-card-label,.artboard-sheet-card-label:focus{color:#fff;filter:brightness(1.032)}.artboard-sheet-card-label::placeholder{color:#0000;-webkit-text-fill-color:transparent;opacity:1}.artboard-sheet-empty{color:#ffffff8a;min-height:calc(100% - 80px);font-family:"D-DIN", var(--font);letter-spacing:.06em;text-transform:uppercase;text-align:center;justify-content:center;align-items:center;padding:24px;font-size:18px;display:flex}@media (width<=960px){.artboard-sheet-overlay{padding:10px 12px 14px}.artboard-sheet-grid{gap:10px}}@media (prefers-reduced-motion:reduce){.artboard-sheet-card-wrap,.artboard-sheet-card,.artboard-sheet-card-img,.artboard-sheet-card-label,.artboard-sheet-overlay{animation:none}}@keyframes panel-column-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.character-panel{width:var(--agent-panel-width);z-index:60;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:visible}.character-panel.is-collapsed{cursor:pointer;border-right:none;width:4px}.character-panel-content{flex-direction:column;flex:1;min-height:0;display:flex}.character-panel.is-collapsed .character-panel-content{opacity:0;pointer-events:none}.character-panel-toggle{top:min(max(50%, var(--panel-toggle-y,503px)), calc(100% - 42px));cursor:pointer;z-index:61;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translateY(-50%)}.character-panel-toggle-arrow{font-weight:700;line-height:1}.character-list{scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:scroll}.character-item{flex-direction:column;align-items:center;gap:4px;width:100%;padding:0 8px;display:flex}.character-circle{touch-action:pan-y;border-radius:50%;flex-shrink:0;width:52px;height:52px;padding:0;overflow:hidden}.char-icon-img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:100%;height:100%;display:block}.panel-orientation-btn{border:none;border-top:1px solid var(--border2);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:100%;padding:10px 0 9px;display:flex}.panel-orientation-btn .orientation-icon{width:13px;height:13px;color:inherit}.panel-orientation-btn .orientation-label{letter-spacing:2px;text-transform:uppercase;color:inherit;font-size:9px;font-weight:700}.panel-orientation-btn.is-attack,.panel-orientation-btn.is-defense{color:var(--side-accent-color)}.panel-map-btn{border-top:1px solid var(--border2);border-bottom:none;width:100%}.panel-map-btn.active{color:var(--current-map-accent,#ff4655);background:color-mix(in srgb, var(--current-map-accent,#ff4655) 10%, transparent)}.panel-map-btn.active:before{content:"";background:var(--current-map-accent,#ff4655);border-radius:0 1px 1px 0;width:2px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.character-panel{border-color:var(--panel-line)}.character-panel:before{content:"";pointer-events:none;opacity:.72;background:linear-gradient(#ffffff08,#0000 18% 80%,#ffffff04);position:absolute;inset:0}.character-panel-toggle{border-color:var(--panel-line)}.panel-map-btn,.panel-orientation-btn{color:var(--panel-text-soft);border-color:var(--panel-line);background:linear-gradient(#ffffff04,#fff0),#ffffff03;transition:color .15s,background .15s,box-shadow .17s;position:relative;overflow:hidden}.panel-map-btn:hover{color:var(--text);background:linear-gradient(#ffffff08,#ffffff02),#ffffff06}.panel-orientation-btn:hover{color:var(--panel-text-soft);filter:brightness(1.22);background:color-mix(in srgb, currentColor 12%, transparent)}.panel-orientation-btn.is-attack:hover,.panel-orientation-btn.is-defense:hover{color:var(--side-accent-color)}.character-list{scrollbar-color:var(--panel-line-strong) transparent;gap:7px;padding:12px 0}.character-item{animation:panel-item-rise .28s calc(18ms * var(--panel-item-index,0)) cubic-bezier(.2, .9, .2, 1) both}.character-circle{border:1px solid color-mix(in srgb, var(--char-color,#fff) 34%, #ffffff1f);background:radial-gradient(circle at 48% 22%, #ffffff47, transparent 26%), var(--char-color);position:relative;transform:translateZ(0)}.character-circle:hover{border-color:color-mix(in srgb, var(--char-color,#fff) 78%, #fff);transform:translateY(-1px)scale(1.08)}.character-circle.selected,.character-circle.active:not(.selected){border-color:color-mix(in srgb, var(--char-color,#fff) 86%, #fff);transform:translateY(-1px)scale(1.08)}@media (prefers-reduced-motion:reduce){.character-panel-content,.character-item,.panel-map-btn:hover:before,.panel-orientation-btn:hover:before,.character-circle:hover:after{animation:none}}.character-panel{transition:none}.character-panel:before,.panel-map-btn:before,.panel-orientation-btn:before,.character-circle:after{display:none}.character-panel-content{clip-path:none;animation:none;overflow:visible}.character-circle{transition:transform .15s cubic-bezier(.2,.9,.25,1),border-color .12s,background .12s,color .12s,box-shadow .12s,opacity .12s}.character-circle,.character-circle:hover,.character-circle.selected,.character-circle.active:not(.selected){box-shadow:none}.panel-map-btn:hover:before,.panel-orientation-btn:hover:before,.character-circle:hover:after{animation:none}.character-panel{background:linear-gradient(#ffffff06,#fff0),#0a1018eb;border-right:1px solid #a8bcd62e;box-shadow:inset 0 0 0 1px #ffffff06}.character-panel.is-collapsed{background:#0a1018a6}.character-panel.is-collapsed:hover{background:#a8bcd629}.character-panel-toggle{background:linear-gradient(#ffffff0a,#fff0),#0a1018eb;border:1px solid #a8bcd638;border-left:none;border-radius:0 14px 14px 0;width:22px;height:52px;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;right:-22px;box-shadow:0 6px 18px #00000061,inset 0 0 0 1px #ffffff06}.character-panel-toggle:hover,.character-panel-toggle:focus-visible{background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c;box-shadow:0 12px 26px #0000007a,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf014}.character-panel-toggle:hover{transform:translateY(-50%)translate(2px)}.character-panel-toggle:focus-visible{outline-offset:3px;outline:2px solid #ffffff59}.character-panel-toggle:active{transform:translateY(-50%)scale(.96)}.character-panel-toggle-arrow{color:#dce6f4c7;font-size:11px;transition:color .14s}.character-panel-toggle:hover .character-panel-toggle-arrow{color:#fff}.character-panel .panel-label{color:#dce6f4db}.character-panel .panel-label:hover{background:#ffffff0b}@keyframes abilities-flyout-in{0%{opacity:0;transform:translate(-8px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes flyoutIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.abilities-flyout{z-index:100;transform-origin:0 0;max-height:calc(100vh - 24px);position:absolute;left:calc(100% + 10px);overflow:hidden auto}.flyout-header{border-bottom:1px solid var(--border);align-items:baseline;gap:7px;padding:9px 12px 7px;display:flex}.flyout-char-name{letter-spacing:1.5px;text-transform:uppercase;color:var(--char-color);font-size:11.5px;font-weight:700}.flyout-char-role{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);opacity:.7;font-size:9px}.flyout-abilities{flex-direction:column;padding:3px 0;display:flex}.ability-row{touch-action:pan-y;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:7px 12px;display:flex;position:relative}.ability-row.selected:after{content:"";background:var(--char-color);border-radius:0 1px 1px 0;width:2px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ability-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ability-name{letter-spacing:.6px;color:var(--text-dim);text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700;transition:color .1s}.ability-row:hover .ability-name,.ability-row.selected .ability-name{color:var(--text)}.abilities-flyout{min-width:208px}.abilities-flyout:before{content:"";background:var(--char-color);width:3px;box-shadow:0 0 18px color-mix(in srgb, var(--char-color) 72%, transparent);position:absolute;inset:0 auto 0 0}.flyout-header{border-bottom-color:color-mix(in srgb, var(--char-color) 24%, var(--panel-line));background:color-mix(in srgb, var(--char-color) 6%, transparent)}.ability-row{min-height:38px;transition:background .15s;overflow:hidden}.ability-row:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--char-color) 24%, transparent) 0%, color-mix(in srgb, var(--char-color) 10%, transparent) 55%, transparent 100%);opacity:0;border-radius:0;transition:opacity .15s;position:absolute;inset:0}.ability-row:hover,.ability-row.selected{background:0 0}.ability-row:hover:before,.ability-row.selected:before{opacity:1}.ability-row.selected:before{background:linear-gradient(90deg, color-mix(in srgb, var(--char-color) 32%, transparent) 0%, color-mix(in srgb, var(--char-color) 14%, transparent) 55%, transparent 100%)}.ability-icon-wrap,.ability-name{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.abilities-flyout,.ability-row{animation:none}}.abilities-flyout{clip-path:none;transform:none}.ability-icon-wrap{filter:none}.abilities-flyout{border-left:1px solid color-mix(in srgb, var(--char-color) 46%, var(--panel-line));border:1px solid var(--char-color);background:linear-gradient(#ffffff08,#fff0),#0a1018eb;border-radius:16px;animation:.28s cubic-bezier(.18,1.1,.28,1) both abilities-flyout-in;box-shadow:0 18px 42px #00000080,inset 0 0 0 1px #ffffff06}.abilities-flyout:before{display:none}.abilities-flyout .flyout-header{background:color-mix(in srgb, var(--char-color) 5%, transparent);border-bottom-color:#a8bcd629;padding:11px 14px 9px}.abilities-flyout .flyout-char-name{letter-spacing:1.8px;font-size:11px}.abilities-flyout .flyout-char-role{letter-spacing:1.2px;color:#a8b8d0b8;font-size:8.5px}.abilities-flyout .flyout-abilities{gap:4px;padding:6px 0 8px}.abilities-flyout .ability-row{border-radius:0;min-height:36px;padding:0 14px;transition:background .16s,color .14s}.abilities-flyout .ability-row:before{background:linear-gradient(90deg, color-mix(in srgb, var(--char-color) 24%, transparent) 0%, color-mix(in srgb, var(--char-color) 10%, transparent) 55%, transparent 100%);border-radius:0}.abilities-flyout .ability-row.selected:after{display:none}.abilities-flyout .ability-row.selected{box-shadow:none}.abilities-flyout .ability-row.selected:before{background:linear-gradient(90deg, color-mix(in srgb, var(--char-color) 32%, transparent) 0%, color-mix(in srgb, var(--char-color) 14%, transparent) 55%, transparent 100%)}.abilities-flyout .ability-name{letter-spacing:1px;font-size:10px}.flyout-color-btn{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:linear-gradient(#ffffff0a,#fff0),#0a10188c;border:1px solid #a8bcd638;border-radius:50%;align-self:center;place-items:center;margin-left:auto;padding:0;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,color .14s,background .14s;display:grid}.flyout-color-btn svg{width:12px;height:12px}.flyout-color-btn:hover,.flyout-color-btn:focus-visible{border-color:color-mix(in srgb, var(--char-color,#fff) 55%, #a8bcd64d);color:var(--char-color,#fff);transform:scale(1.1)}.flyout-color-btn.is-active{border-color:color-mix(in srgb, var(--char-color,#fff) 70%, #a8bcd64d);background:color-mix(in srgb, var(--char-color,#fff) 16%, #0a101899);color:var(--char-color,#fff)}.minimum-hit-area{pointer-events:none}@media (any-pointer:coarse){.minimum-hit-area{pointer-events:all}}@keyframes agentColorPopIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.agent-color-popover{border-bottom:1px solid color-mix(in srgb, var(--char-color,#fff) 24%, var(--panel-line,#a8bcd62e));background:color-mix(in srgb, var(--char-color,#fff) 4%, transparent);flex-direction:column;gap:8px;padding:10px 12px 12px;animation:.18s cubic-bezier(.18,1.1,.28,1) both agentColorPopIn;display:flex}.agent-color-header{align-items:center;gap:8px;display:flex}.agent-color-title{letter-spacing:1.4px;text-transform:uppercase;flex:1;font-size:9px;font-weight:800}.agent-color-close{width:18px;height:18px;color:var(--text-dim);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;font-size:13px;font-weight:300;line-height:1;transition:color .13s,background .13s;display:grid}.agent-color-close:hover{color:#fff;background:#ffffff14}.agent-color-reset{justify-content:center;align-items:center;display:inline-flex}.agent-color-reset:disabled{opacity:.4;cursor:default;pointer-events:none;box-shadow:none;transform:none}.appearance-picker{flex-direction:column;gap:8px;min-width:0;display:flex}.appearance-current{flex-direction:column;gap:1px;display:flex}.appearance-current-label{font-family:var(--font);letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim);font-size:8px;font-weight:700}.appearance-current-value{font-family:"Anton", var(--font);letter-spacing:.02em;text-transform:uppercase;color:var(--text);font-size:24px;line-height:.9}.appearance-pads{grid-template-columns:1fr 10px;gap:6px;display:grid}.appearance-sv{aspect-ratio:1;border:1px solid var(--border2);cursor:crosshair;touch-action:none;background:linear-gradient(to top, #000, #0000), linear-gradient(to right, #fff, #fff0), var(--hue-color,red);contain:layout paint;position:relative}.appearance-sv-knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.appearance-hue{border:1px solid var(--border2);cursor:ns-resize;touch-action:none;background:linear-gradient(red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);position:relative}.appearance-hue-knob{pointer-events:none;border:2px solid #fff;border-radius:2px;height:4px;position:absolute;left:-2px;right:-2px;transform:translateY(-50%)}.appearance-hex-row{border:1px solid var(--border2);align-items:center;gap:5px;height:26px;padding:0 5px 0 8px;transition:border-color .1s;display:flex}.appearance-hex-prefix{font-family:var(--font);letter-spacing:1.2px;color:var(--text-dim);flex-shrink:0;font-size:10px;font-weight:700}.appearance-hex-input{min-width:0;color:var(--text);font-family:var(--font);letter-spacing:1.5px;text-transform:uppercase;background:0 0;border:none;flex:1;padding:0;font-size:10px;font-weight:700}.appearance-hex-input:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.appearance-rgb-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.appearance-rgb{border:1px solid var(--border2);align-items:center;gap:4px;height:24px;padding:0 6px;font-size:9px;transition:border-color .1s;display:flex}.appearance-rgb span{font-family:var(--font);color:var(--text-dim);letter-spacing:1.2px;flex-shrink:0;font-size:9px;font-weight:700}.appearance-rgb input{width:100%;min-width:0;color:var(--text);font-family:var(--font);letter-spacing:.5px;text-align:right;-moz-appearance:textfield;background:0 0;border:none;flex:1;padding:0;font-size:10px;font-weight:700}.appearance-rgb input:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.appearance-rgb input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.appearance-rgb input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.appearance-hex-row,.appearance-rgb{border-color:var(--panel-line);background:linear-gradient(#ffffff05,#fff0),#0003;border-radius:10px}.appearance-hex-row:focus-within,.appearance-rgb:focus-within{border-color:var(--panel-line-strong)}.appearance-sv,.appearance-hue{border-color:var(--panel-line);border-radius:7px}.appearance-sv,.appearance-hue,.appearance-sv-knob,.appearance-hue-knob,.appearance-hex-row:focus-within,.appearance-rgb:focus-within{box-shadow:none}.import-dialog-title{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;overflow:hidden}.import-dialog-btn{cursor:pointer}.import-dialog-icon-ring{color:#becadcbd;background:#ffffff09;border:1px solid #879ab247;border-radius:999px;place-items:center;width:46px;height:46px;display:grid}.import-dialog-icon-ring svg{width:19px;height:19px}.import-dialog-title{color:#f0f6fff5;font-family:var(--font);letter-spacing:.02em;margin:0;font-size:18px;font-weight:700;line-height:1.1}.import-dialog-subtitle{color:#b4c0d4d1;max-width:560px;margin-top:0;font-size:11px;line-height:1.45}.import-dialog-section-label{color:#becadcb8;font-family:var(--font);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:8.5px;font-weight:700;line-height:1}.import-dialog-footer{background:#0000001a;justify-content:flex-end;align-items:center;gap:10px;padding:14px 16px;display:flex}.import-dialog-btn{color:#dce6f4db;min-width:112px;height:36px;font-family:var(--font);letter-spacing:.04em;background:linear-gradient(#ffffff0a,#fff0),#0a1018d9;border:1px solid #a8bcd638;border-radius:12px;padding:0 14px;font-size:10px;font-weight:700;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;box-shadow:0 4px 12px #00000057,inset 0 0 0 1px #ffffff06}.import-dialog-btn:hover{color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c;transform:translateY(-1px);box-shadow:0 10px 24px #0000007a,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf014}.import-dialog-btn:active{transform:translateY(0)}.import-dialog-btn--primary{border-color:color-mix(in srgb, var(--import-defense-color) 50%, #cedcf052);background:linear-gradient(180deg, #ffffff0d, #fff0), color-mix(in srgb, var(--import-defense-color) 20%, #0a1018d9);color:#e8fff7f5;min-width:166px}.import-dialog-btn--primary:hover{border-color:color-mix(in srgb, var(--import-defense-color) 68%, #cedcf08c);background:linear-gradient(180deg, #ffffff13, #ffffff03), color-mix(in srgb, var(--import-defense-color) 28%, #161e2cf5);color:#fff;box-shadow:0 10px 24px #0000007a, inset 0 0 0 1px #ffffff0d, 0 0 0 3px color-mix(in srgb, var(--import-defense-color) 16%, transparent)}.import-dialog-btn--primary.is-danger{border-color:color-mix(in srgb, var(--import-attack-color) 56%, #cedcf052);background:linear-gradient(180deg, #ffffff0d, #fff0), color-mix(in srgb, var(--import-attack-color) 22%, #0a1018d9);color:#ffeaedf5}.import-dialog-btn--primary.is-danger:hover{border-color:color-mix(in srgb, var(--import-attack-color) 70%, #cedcf08c);background:linear-gradient(180deg, #ffffff13, #ffffff03), color-mix(in srgb, var(--import-attack-color) 30%, #161e2cf5);box-shadow:0 10px 24px #0000007a, inset 0 0 0 1px #ffffff0d, 0 0 0 3px color-mix(in srgb, var(--import-attack-color) 18%, transparent)}@media (width<=620px){.import-dialog-footer{flex-wrap:wrap}.import-dialog-btn{flex:132px}}.import-dialog .import-dialog-icon-ring{width:40px;height:40px;color:color-mix(in srgb, var(--import-defense-color,#43efbe) 90%, #fff);border:1px solid color-mix(in srgb, var(--import-defense-color,#43efbe) 38%, #a8bcd638);background:linear-gradient(180deg, #ffffff0f, #ffffff03), color-mix(in srgb, var(--import-defense-color,#43efbe) 7%, #121a26eb);box-shadow:inset 0 0 0 1px #ffffff0a, 0 0 0 3px color-mix(in srgb, var(--import-defense-color,#43efbe) 12%, transparent);border-radius:50%;place-items:center;display:grid}.import-dialog--invalid .import-dialog-icon-ring{color:#ff8291f5;background:linear-gradient(#ffffff0f,#ffffff03),#241f2cec;border-color:#ff607280;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 0 3px #ff607224}.import-dialog .import-dialog-icon-ring svg{width:18px;height:18px}.import-dialog .import-dialog-footer{background:#00000014;border-top:1px solid #a8bcd624;gap:12px;padding:16px 20px}.import-dialog .import-dialog-btn{color:#dce6f4db;min-width:112px;height:38px;font-family:var(--font);letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffffff0a,#fff0),#0a1018d9;border:1px solid #a8bcd638;border-radius:999px;padding:0 18px;font-size:10px;font-weight:800;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;box-shadow:0 4px 12px #00000057,inset 0 0 0 1px #ffffff06}.import-dialog .import-dialog-btn:hover,.import-dialog .import-dialog-btn:focus-visible{color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c;transform:translateY(-1px);box-shadow:0 10px 24px #0000007a,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf014}.import-dialog .import-dialog-btn:focus-visible{outline-offset:3px;outline:2px solid #ffffff59}.import-dialog .import-dialog-btn:active{transform:translateY(0)}.import-dialog .import-dialog-btn--primary{min-width:172px;color:color-mix(in srgb, var(--import-defense-color,#43efbe) 18%, #fff);border-color:color-mix(in srgb, var(--import-defense-color,#43efbe) 48%, #a8bcd638);background:linear-gradient(180deg, #ffffff0f, #ffffff03), color-mix(in srgb, var(--import-defense-color,#43efbe) 16%, #0a1018d9);box-shadow:0 6px 16px #0006, inset 0 0 0 1px #ffffff09, 0 0 0 3px color-mix(in srgb, var(--import-defense-color,#43efbe) 14%, transparent)}.import-dialog .import-dialog-btn--primary:hover,.import-dialog .import-dialog-btn--primary:focus-visible{color:#fff;border-color:color-mix(in srgb, var(--import-defense-color,#43efbe) 70%, #cedcf08c);background:linear-gradient(180deg, #ffffff17, #ffffff05), color-mix(in srgb, var(--import-defense-color,#43efbe) 24%, #161e2cf5);box-shadow:0 12px 28px #00000080, inset 0 0 0 1px #ffffff0f, 0 0 0 3px color-mix(in srgb, var(--import-defense-color,#43efbe) 22%, transparent)}.import-dialog .import-dialog-btn--primary.is-danger{color:color-mix(in srgb, var(--import-attack-color,#ff5e74) 18%, #fff);border-color:color-mix(in srgb, var(--import-attack-color,#ff5e74) 52%, #a8bcd638);background:linear-gradient(180deg, #ffffff0f, #ffffff03), color-mix(in srgb, var(--import-attack-color,#ff5e74) 18%, #0a1018d9);box-shadow:0 6px 16px #0006, inset 0 0 0 1px #ffffff09, 0 0 0 3px color-mix(in srgb, var(--import-attack-color,#ff5e74) 16%, transparent)}.import-dialog .import-dialog-btn--primary.is-danger:hover,.import-dialog .import-dialog-btn--primary.is-danger:focus-visible{border-color:color-mix(in srgb, var(--import-attack-color,#ff5e74) 72%, #cedcf08c);background:linear-gradient(180deg, #ffffff17, #ffffff05), color-mix(in srgb, var(--import-attack-color,#ff5e74) 26%, #161e2cf5);box-shadow:0 12px 28px #00000080, inset 0 0 0 1px #ffffff0f, 0 0 0 3px color-mix(in srgb, var(--import-attack-color,#ff5e74) 24%, transparent)}@keyframes import-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.import-dialog-overlay{z-index:1160;place-items:center;animation:.14s ease-out both import-overlay-in;display:grid;position:fixed;inset:0}.import-dialog{grid-template-columns:46px minmax(0,1fr);position:relative}.import-dialog-close{cursor:pointer;font-family:var(--font);border:1px solid #99aac426;border-radius:999px;place-items:center;font-size:13px;line-height:1;transition:transform .13s,color .13s,border-color .13s,background .13s;display:grid;position:absolute}.import-dialog-close:hover{color:#f5f9fff2;background:#ffffff13;border-color:#ffffff47;transform:scale(1.04)}@media (width<=560px){.import-dialog{grid-template-columns:40px minmax(0,1fr)}}.import-dialog-overlay{padding:22px}.import-dialog{width:min(1080px,100vw - 52px);max-height:calc(100dvh - 58px);color:var(--text);font-family:var(--font);flex-direction:column;display:flex;overflow:hidden}.import-dialog--loading,.import-dialog--invalid{width:min(470px,100vw - 42px)}.import-dialog-top{text-align:center;justify-items:center;gap:10px;padding:24px 54px 10px;display:grid}.import-dialog-review-grid{border-top:1px solid #879ab22e;border-bottom:1px solid #879ab22e;grid-template-columns:minmax(340px,.95fr) minmax(390px,1.05fr);min-height:0;display:grid}.import-dialog-close{color:#b2bed2b8;background:#00000024;border-color:#879ab22e;width:24px;height:24px;top:14px;right:14px}.import-dialog-drop-hint{color:#c4d0e2c7;letter-spacing:.04em;pointer-events:none;opacity:0;background:#080e16c7;border:1px solid #a8bcd62e;border-radius:999px;padding:6px 12px;font-size:9.5px;font-weight:600;transition:opacity .16s,transform .2s cubic-bezier(.18,.9,.2,1);position:absolute;bottom:14px;left:50%;transform:translate(-50%,4px)}.import-dialog.is-drag-hot{border-color:#a8bcd657;transition:border-color .14s,box-shadow .14s;box-shadow:0 24px 68px #0000008c,inset 0 0 0 1px #ffffff0d,0 0 0 4px #a8bcd60f}.import-dialog.is-drag-hot .import-dialog-drop-hint{opacity:1;transform:translate(-50%)}@media (width<=900px){.import-dialog{width:min(680px,100vw - 34px)}.import-dialog-review-grid{grid-template-columns:1fr;overflow-y:auto}}@media (width<=620px){.import-dialog-overlay{padding:12px}.import-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.import-dialog-top{padding-left:16px;padding-right:44px}}.import-dialog-overlay{-webkit-backdrop-filter:blur(2px);background:#02050abd}.import-dialog{background:linear-gradient(#ffffff08,#fff0),#0a1018eb;border:1px solid #a8bcd62e;border-radius:22px;animation:.36s cubic-bezier(.18,1.1,.28,1) both importDialogIn;box-shadow:0 24px 64px #00000094,inset 0 0 0 1px #ffffff06}.import-dialog--invalid{border-color:#ff60726b}.import-dialog .import-dialog-close{color:#dce6f4db;width:32px;height:32px;font-family:var(--font);cursor:pointer;background:linear-gradient(#ffffff0a,#fff0),#0a1018d9;border:1px solid #a8bcd638;border-radius:50%;place-items:center;padding:0;font-size:17px;font-weight:300;line-height:1;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 4px 12px #00000057,inset 0 0 0 1px #ffffff06}.import-dialog .import-dialog-close:hover,.import-dialog .import-dialog-close:focus-visible{color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c;transform:scale(1.08);box-shadow:0 8px 20px #00000075,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf01a}.import-dialog .import-dialog-close:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.import-dialog .import-dialog-close:active{transform:scale(1.02)}.import-dialog .import-dialog-review-grid{border-top-color:#a8bcd62e;border-bottom-color:#a8bcd62e}.import-dialog-preview-panel{min-width:0;padding:16px}.import-scene-list{scrollbar-width:thin;scrollbar-color:#879ab252 transparent;contain:layout paint style;will-change:scroll-position;flex-direction:column;gap:9px;max-height:min(402px,48dvh);padding-right:2px;display:flex;overflow-y:auto;transform:translateZ(0)}.import-scene-list.is-scrolling .import-preview-folder-header,.import-scene-list.is-scrolling .import-preview-section-header{pointer-events:none;transition:none}.import-scene-list--virtual{gap:0;display:block;position:relative}.import-scene-virtual-spacer{width:100%;min-height:100%;position:relative}.import-scene-virtual-item{box-sizing:border-box;contain:layout paint style;position:absolute;left:0;right:0}.import-scene-virtual-item>.import-preview-section-header,.import-scene-virtual-item>.import-preview-folder-header{width:100%;height:100%;min-height:0}.import-scene-virtual-item>.import-preview-empty-row{box-sizing:border-box;align-items:center;height:100%;display:flex}.import-scene-virtual-item.is-folder-child{z-index:1;padding-left:8px;left:10px}.import-scene-virtual-item--folder-guide{border-left:1px solid color-mix(in srgb, var(--sec-color) 28%, #ffffff14);pointer-events:none;width:0;left:10px;right:auto}.import-preview-section{contain:layout paint style;flex-direction:column;gap:7px;display:flex}.import-preview-section-header{border:1px solid color-mix(in srgb, var(--sec-color) 36%, #879ab22e);background:color-mix(in srgb, var(--sec-color) 6%, #00000021);height:30px;color:var(--sec-color);border-radius:12px;align-items:center;gap:7px;padding:0 9px;transition:background .14s,border-color .14s,color .14s;display:flex}.import-preview-section-header:hover{border-color:color-mix(in srgb, var(--sec-color) 60%, transparent);background:color-mix(in srgb, var(--sec-color) 13%, #ffffff06);color:var(--sec-color)}.import-preview-section-arrow{color:currentColor;width:10px;font-size:10px;transition:transform .14s}.import-preview-section-icon{color:currentColor;width:13px;height:13px}.import-preview-section-label,.import-preview-section-count{color:currentColor;letter-spacing:.1em;font-size:9.5px;font-weight:700}.import-preview-section-count{opacity:.72;margin-left:auto;font-size:9px}.import-preview-section-body{flex-direction:column;gap:7px;display:flex}.import-preview-folder{contain:layout paint style;flex-direction:column;gap:6px;display:flex}.import-preview-folder-header{border:1px solid color-mix(in srgb, var(--sec-color) 30%, #879ab224);background:color-mix(in srgb, var(--sec-color) 7%, #0000001f);width:100%;min-height:34px;color:color-mix(in srgb, var(--sec-color) 82%, #fff);font:inherit;text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:6px;padding:0 8px;transition:background .14s,border-color .14s,color .14s;display:grid}.import-preview-folder-header:hover{border-color:color-mix(in srgb, var(--sec-color) 44%, #879ab22e);background:color-mix(in srgb, var(--sec-color) 11%, #0000001f);color:color-mix(in srgb, var(--sec-color) 92%, #fff)}.import-preview-folder-icon{color:currentColor;width:16px;height:16px;display:block}.import-preview-folder-icon .cls-1{stroke:currentColor}.import-preview-folder-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;min-width:0;font-size:9px;font-weight:800;overflow:hidden}.import-preview-folder-count{color:color-mix(in srgb, var(--sec-color) 58%, #ffffff94);justify-self:end;font-size:8.5px;font-weight:800}.import-preview-folder-body{border-left:1px solid color-mix(in srgb, var(--sec-color) 28%, #ffffff14);flex-direction:column;gap:6px;margin-left:10px;padding-left:8px;display:flex}.import-preview-empty-row{color:#b4c0d473;border:1px solid #879ab21f;border-radius:12px;padding:10px 12px;font-size:10px}.import-preview-thumb{background:var(--scene-preview-bg,var(--map-bg,#060710));contain:layout paint style;border:1px solid #879ab22e;border-radius:10px;flex:none;position:relative;overflow:hidden;transform:translateZ(0)}.import-preview-thumb--row{width:54px;height:34px}.import-preview-thumb--large{width:150px;height:84px}.import-preview-thumb img{object-fit:cover;opacity:.82;backface-visibility:hidden;width:100%;height:100%;display:block;transform:translateZ(0)}.import-preview-thumb-empty{background:linear-gradient(135deg, color-mix(in srgb, var(--sec-color,var(--import-defense-color)) 12%, transparent) 0 12%, transparent 12% 24%, color-mix(in srgb, var(--sec-color,var(--import-defense-color)) 8%, transparent) 24% 36%, transparent 36%), var(--scene-preview-bg,var(--map-bg,#060710));color:#b2bed270;letter-spacing:.14em;text-transform:uppercase;place-items:center;width:100%;height:100%;font-size:8px;font-weight:700;display:grid}.import-scene-number{color:color-mix(in srgb, var(--sec-color,var(--import-defense-color)) 86%, #fff);font-family:var(--font);letter-spacing:.1em;font-size:10px;font-weight:700}.import-scene-side.is-attack{border-color:color-mix(in srgb, var(--import-attack-color) 40%, transparent);color:var(--import-attack-color)}.import-scene-side.is-defense{border-color:color-mix(in srgb, var(--import-defense-color) 40%, transparent);color:var(--import-defense-color)}.import-scene-list.is-scrolling .import-scene-row{pointer-events:none;transition:none}.import-scene-virtual-item>.import-scene-row{width:100%;height:100%;min-height:0}.import-scene-row{color:#cad5e7c7;text-align:left;contain:layout paint style;background:linear-gradient(#ffffff06,#fff0),#0a10188c;border:1px solid #a8bcd629;border-radius:12px;grid-template-columns:54px 34px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:44px;padding:5px 9px 5px 5px;transition:background .14s,border-color .14s,transform .14s,color .14s;display:grid}.import-scene-row:hover{border-color:color-mix(in srgb, var(--sec-color) 42%, #cedcf052);background:linear-gradient(180deg, #ffffff0b, #fff0), color-mix(in srgb, var(--sec-color) 8%, #121a26b3);transform:translateY(-1px)}.import-scene-row.is-selected{border-color:color-mix(in srgb, var(--sec-color) 48%, #cedcf052);background:linear-gradient(180deg, #ffffff0d, #fff0), color-mix(in srgb, var(--sec-color) 10%, #121a26cc);color:#f4f9fff5;min-height:94px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sec-color) 28%, #ffffff0a), 0 0 0 3px color-mix(in srgb, var(--sec-color) 10%, transparent);grid-template-columns:150px 38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px 8px 8px}.import-scene-copy{gap:7px;min-width:0;display:grid}.import-scene-name{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;min-width:0;font-size:10.5px;font-weight:700;overflow:hidden}.import-scene-row.is-selected .import-scene-name{color:#f4f9fffa;font-size:13px}.import-scene-meta{flex-wrap:wrap;gap:6px;display:flex}.import-scene-meta span{color:#b4c0d4d6;background:#00000021;border:1px solid #879ab22e;border-radius:6px;align-items:center;height:22px;padding:0 8px;font-size:9px;display:inline-flex}.import-scene-side{letter-spacing:.08em;border:1px solid #879ab22e;border-radius:6px;align-items:center;height:22px;padding:0 7px;font-size:8.5px;font-weight:700;display:inline-flex}@media (width<=620px){.import-preview-thumb--large{width:100%}}.import-scene-row.is-folder-child{box-shadow:none}@media (width<=620px){.import-scene-row.is-selected{grid-template-columns:64px 20px minmax(0,1fr) auto;gap:6px}.import-scene-row.is-selected .import-preview-thumb--large{width:64px;height:64px}.import-scene-meta{gap:3px}.import-scene-meta span{white-space:nowrap;padding:0 4px}}@keyframes import-spinner{to{transform:rotate(360deg)}}.import-dialog-reading{color:#b2bed2db;align-items:center;gap:10px;margin-top:15px;font-size:12px;display:flex}.import-dialog-spinner{border:2px solid #b2bed22e;border-top-color:#4ae5b3e6;border-radius:999px;width:14px;height:14px;animation:.72s linear infinite import-spinner}.import-dialog-state-panel{text-align:center;justify-items:center;row-gap:11px;padding:42px 42px 34px;display:grid}.import-dialog-state-panel .import-dialog-reading{margin-top:2px}.import-dialog-options-panel{border-right:1px solid #879ab22e;min-width:0;padding:16px}.import-option{color:#dce5f3e6;text-align:left;background:linear-gradient(#ffffff07,#fff0),#0a10188c;border:1px solid #a8bcd62e;border-radius:12px;grid-template-columns:18px 54px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:104px;padding:14px;transition:background .14s,border-color .14s,color .14s,transform .14s,box-shadow .16s;display:grid;position:relative;box-shadow:0 4px 12px #00000038,inset 0 0 0 1px #ffffff05}.import-option+.import-option{margin-top:10px}.import-option:hover{transform:translateY(-1px)}.import-option--append:hover{border-color:color-mix(in srgb, var(--import-defense-color) 44%, #cedcf052);background:linear-gradient(180deg, #ffffff0b, #fff0), color-mix(in srgb, var(--import-defense-color) 8%, #121a26b8)}.import-option--replace:hover{border-color:color-mix(in srgb, var(--import-attack-color) 38%, #cedcf052);background:linear-gradient(180deg, #ffffff0b, #fff0), color-mix(in srgb, var(--import-attack-color) 7%, #121a26b8)}.import-option.is-selected.import-option--append{border-color:color-mix(in srgb, var(--import-defense-color) 55%, #cedcf052);background:linear-gradient(180deg, #ffffff0d, #fff0), color-mix(in srgb, var(--import-defense-color) 12%, #121a26c7);box-shadow:0 4px 12px #00000042, inset 0 0 0 1px color-mix(in srgb, var(--import-defense-color) 26%, #ffffff0a), 0 0 0 3px color-mix(in srgb, var(--import-defense-color) 10%, transparent)}.import-option.is-selected.import-option--replace{border-color:color-mix(in srgb, var(--import-attack-color) 46%, #cedcf052);background:linear-gradient(180deg, #ffffff0d, #fff0), color-mix(in srgb, var(--import-attack-color) 10%, #121a26c7);box-shadow:0 4px 12px #00000042, inset 0 0 0 1px color-mix(in srgb, var(--import-attack-color) 26%, #ffffff0a), 0 0 0 3px color-mix(in srgb, var(--import-attack-color) 10%, transparent)}.import-option-radio{border:1px solid #becadcb8;border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 3px #ffffff05}.import-option.is-selected .import-option-radio{border-color:var(--import-defense-color);background:radial-gradient(circle, var(--import-defense-color) 0 42%, transparent 46%)}.import-option--replace.is-selected .import-option-radio{border-color:var(--import-attack-color);background:radial-gradient(circle, var(--import-attack-color) 0 42%, transparent 46%)}.import-option-glyph{border:1px solid color-mix(in srgb, var(--import-defense-color) 28%, transparent);background:color-mix(in srgb, var(--import-defense-color) 5.5%, transparent);width:46px;height:46px;color:var(--import-defense-color);font-family:var(--font);border-radius:999px;place-items:center;font-size:22px;font-weight:700;display:grid}.import-option-glyph svg{width:20px;height:20px;display:block}.import-option--replace .import-option-glyph{border-color:color-mix(in srgb, var(--import-attack-color) 28%, transparent);background:color-mix(in srgb, var(--import-attack-color) 5%, transparent);color:var(--import-attack-color)}.import-option--replace .import-option-glyph svg{width:21px;height:21px}.import-option-copy{gap:7px;min-width:0;display:grid}.import-option-title{color:#f1f6fff0;letter-spacing:.01em;font-size:13px;font-weight:700;line-height:1.2}.import-option-note{color:#b2bed2c2;max-width:300px;font-size:11px;line-height:1.45}.import-dialog-footer--compact{background:0 0;justify-content:center;padding:22px 0 0}.import-confirm-layer{z-index:3;place-items:center;padding:20px;animation:.14s ease-out both import-overlay-in;display:grid;position:absolute;inset:0}.import-confirm-panel{width:min(460px,100vw - 54px);padding:22px}.import-confirm-kicker{color:color-mix(in srgb, var(--import-attack-color) 86%, #fff);letter-spacing:.18em;text-transform:uppercase;font-size:8.5px;font-weight:700;line-height:1}.import-confirm-title{color:#fff2f4fa;margin-top:10px;font-size:18px;font-weight:700;line-height:1.1}.import-confirm-copy{color:#ffced5d1;margin-top:10px;font-size:11px;line-height:1.5}.import-confirm-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (width<=900px){.import-dialog-options-panel{border-bottom:1px solid #879ab22e;border-right:0}}@media (width<=620px){.import-option{grid-template-columns:18px 40px minmax(0,1fr)}}.import-dialog .import-dialog-footer--compact{background:0 0;border-top:0;padding-top:22px}.import-dialog .import-dialog-options-panel{border-right-color:#a8bcd62e}.import-confirm-layer{background:#02050ac7}.import-confirm-panel{border:1px solid color-mix(in srgb, var(--import-attack-color,#ff5e74) 48%, #a8bcd638);background:linear-gradient(180deg, #ffffff08, #fff0), color-mix(in srgb, var(--import-attack-color,#ff5e74) 6%, #0a1018f0);box-shadow:0 24px 64px #00000094, inset 0 0 0 1px #ffffff06, 0 0 0 3px color-mix(in srgb, var(--import-attack-color,#ff5e74) 12%, transparent);border-radius:22px;animation:.36s cubic-bezier(.18,1.1,.28,1) both importDialogIn}.import-dialog .import-dialog-spinner{border:2px solid #a8bcd633;border-top-color:#cedcf0db;width:16px;height:16px}.map-canvas-wrapper{touch-action:none;flex:1;display:flex;position:relative;overflow:hidden}.map-canvas-wrapper svg{flex:1}svg[data-element-cursor=grab] [data-map-element]{cursor:grab}svg[data-element-cursor=default] [data-map-element]{cursor:default}svg[data-element-cursor=inherit] [data-map-element]{cursor:inherit}svg[data-element-cursor] [data-drag-cursor]{cursor:default}svg[data-element-cursor=grab] [data-drag-cursor=grab]{cursor:grab}svg[data-element-cursor=grab] [data-drag-cursor=ew-resize]{cursor:ew-resize}@media (any-pointer:coarse){.map-canvas-wrapper :is(path,line)[stroke=transparent]{stroke-width:44px;vector-effect:non-scaling-stroke}.map-canvas-wrapper circle[r="14"][fill=transparent]{stroke:#0000;stroke-width:44px;vector-effect:non-scaling-stroke}[data-map-element]:not([data-selected=true]) [data-editor-only]:not(.minimum-hit-area),[data-map-element]:not([data-selected=true]) [data-editor-only]:not(.minimum-hit-area) *{pointer-events:none!important}}.radial-tool-menu{z-index:1200;pointer-events:none;width:0;height:0;position:fixed}.radial-tool-menu-backdrop{pointer-events:auto;background:0 0;position:fixed;inset:-100vmax}.radial-tool-menu.is-closing .radial-tool-menu-backdrop{pointer-events:none}.radial-tool-menu-ring{opacity:0;background:radial-gradient(circle,#0000002e 0%,#0000 60%);border:1px solid #a8bcd62e;border-radius:50%;width:220px;height:220px;margin:-110px 0 0 -110px;transition:opacity .18s cubic-bezier(.18,.9,.2,1),transform .22s cubic-bezier(.18,1.1,.28,1);position:absolute;top:50%;left:50%;transform:scale(.86)}.radial-tool-menu.is-open .radial-tool-menu-ring{opacity:1;transform:scale(1)}.radial-tool-menu-center{color:#b4c4dc9e;opacity:0;background:#0a1018eb;border:1px solid #a8bcd647;border-radius:50%;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;transition:opacity .16s cubic-bezier(.18,.9,.2,1),transform .22s cubic-bezier(.18,1.18,.28,1),color .14s,border-color .14s,background .14s;display:grid;position:absolute;top:50%;left:50%;transform:scale(.6);box-shadow:0 6px 20px #0006,inset 0 0 0 1px #ffffff06}.radial-tool-menu.is-open .radial-tool-menu-center{opacity:1;transform:scale(1)}.radial-tool-menu-center.is-active{color:#e8f0fceb;background:#121a26f5;border-color:#cedcf085;box-shadow:0 8px 26px #00000075,inset 0 0 0 1px #ffffff0a,0 0 0 4px #cedcf00f}.radial-tool-menu-center-glyph{font-size:20px;font-weight:300;line-height:1;font-family:var(--font)}.radial-tool-menu-spoke{opacity:0;width:0;height:0;transition:transform .28s cubic-bezier(.16, 1.18, .28, 1) var(--delay,0s), opacity .2s cubic-bezier(.18, .9, .2, 1) var(--delay,0s);position:absolute;top:50%;left:50%;transform:translate(0)}.radial-tool-menu.is-open .radial-tool-menu-spoke{transform:translate(var(--dx), var(--dy));opacity:1}.radial-tool-menu.is-closing .radial-tool-menu-spoke{transition:transform .21s cubic-bezier(.42,0,.72,.45),opacity .15s}.radial-tool-menu-spoke-button{color:#dce6f4db;background:linear-gradient(#ffffff0a,#fff0),#0a1018eb;border:1px solid #a8bcd638;border-radius:50%;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px #0000006b,inset 0 0 0 1px #ffffff06}.radial-tool-menu-spoke.is-hovered .radial-tool-menu-spoke-button{color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#121a26f5;border-color:#cedcf08c;transform:scale(1.08);box-shadow:0 14px 30px #00000080,inset 0 0 0 1px #ffffff0d,0 0 0 4px #cedcf014}.radial-tool-menu-spoke-icon{pointer-events:none;width:22px;height:22px;display:block}.radial-tool-menu-spoke-label{font-family:var(--font);letter-spacing:.18em;text-transform:uppercase;color:#a8b8d0a8;white-space:nowrap;pointer-events:none;margin-top:36px;font-size:9px;font-weight:700;transition:color .14s;position:absolute;top:50%;left:50%;transform:translate(-50%)}.radial-tool-menu-spoke.is-hovered .radial-tool-menu-spoke-label{color:#e8f0fceb}.appearance-border-toggles{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.appearance-border-toggle{border:1px solid var(--border2);height:26px;color:var(--text-dim);font-family:var(--font);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;grid-template-columns:10px 1fr;place-items:center start;gap:7px;padding:0 9px;font-size:9px;font-weight:700;transition:border-color .12s,color .12s,background .12s;display:grid}.appearance-border-toggle:hover{color:var(--text);border-color:var(--border3)}.appearance-border-toggle.is-on{color:var(--text)}.appearance-border-toggle-dot{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;width:8px;height:8px;transition:background .12s,border-color .12s}.appearance-border-toggle.is-on .appearance-border-toggle-dot{background:var(--toggle-color,var(--text));border-color:#00000059;box-shadow:inset 0 0 0 1px #ffffff2e}.appearance-underground{border-top:1px solid var(--border2);flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;display:flex}.appearance-underground-header{font-family:var(--font);letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim);font-size:8.5px;font-weight:700}.appearance-slider-value-box{border:1px solid var(--border2);align-items:center;gap:1px;min-width:40px;height:22px;padding:0 5px;transition:border-color .1s;display:flex}.appearance-slider-num{width:24px;min-width:0;color:var(--text);font-family:var(--font);letter-spacing:.5px;text-align:right;-moz-appearance:textfield;background:0 0;border:none;flex:1;padding:0;font-size:10px;font-weight:700}.appearance-slider-num:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.appearance-slider-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.appearance-slider-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.appearance-slider-suffix{font-family:var(--font);color:var(--text-dim);letter-spacing:.8px;flex-shrink:0;font-size:9px;font-weight:700}.appearance-slider-input{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0;padding:0}.appearance-slider-input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--slider-accent,#ffffff73) 0%, var(--slider-accent,#ffffff73) var(--slider-fill-pct,0%), #ffffff14 var(--slider-fill-pct,0%), #ffffff14 100%);border-radius:2px;height:4px}.appearance-slider-input::-webkit-slider-thumb{appearance:none;border:2px solid #ffffffb3;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:transform .1s,background .15s;box-shadow:0 1px 4px #0000008c}.appearance-slider-input:hover::-webkit-slider-thumb{transform:scale(1.12)}.appearance-slider-input::-moz-range-track{background:#ffffff14;border-radius:2px;height:4px}.appearance-slider-input::-moz-range-progress{background:var(--slider-accent,#ffffff73);border-radius:2px;height:4px}.appearance-slider-input::-moz-range-thumb{background:var(--slider-accent,var(--text));border:2px solid #ffffffb3;border-radius:50%;width:14px;height:14px;transition:background .15s;box-shadow:0 1px 4px #0000008c}.appearance-underground{border-top-color:var(--panel-line)}.appearance-slider-value-box,.appearance-border-toggle{border-color:var(--panel-line);background:linear-gradient(#ffffff05,#fff0),#0003;border-radius:10px}.appearance-border-toggle.is-on,.appearance-slider-value-box:focus-within{border-color:var(--panel-line-strong)}.appearance-slider-input::-webkit-slider-thumb{background:var(--slider-accent,#eaf3ff);border-color:#ffffffb8}@keyframes appearancePanelIn{0%{opacity:0;transform:translateY(-10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panel-pop-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-item-slide{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes appearanceIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.appearance-panel{z-index:70;max-width:calc(100vw - 36px);max-height:calc(100dvh - 24px);color:var(--text);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;overflow:hidden}.appearance-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border3) transparent;min-height:0;overflow:hidden auto}.appearance-body::-webkit-scrollbar{width:8px}.appearance-body::-webkit-scrollbar-track{background:0 0}.appearance-body::-webkit-scrollbar-thumb{background:var(--border3);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.appearance-header{z-index:2;border-bottom:1px solid var(--border2);flex-shrink:0;justify-content:space-between;align-items:center;height:36px;padding:0 8px 0 12px;display:flex}.appearance-title{font-family:var(--font);letter-spacing:1.8px;text-transform:uppercase;font-size:8.5px;font-weight:700}.appearance-close{width:34px;height:34px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.appearance-close svg{flex:0 0 15px;width:15px;height:15px;display:block}.appearance-close:hover{color:var(--text);background:#ffffff14}.appearance-section{border-bottom:1px solid var(--border2);padding:12px}.appearance-section:last-child{border-bottom:none}.appearance-height-body{grid-template-columns:38px 1fr;align-items:stretch;gap:10px;margin-top:10px;display:grid}.appearance-section--tight{padding-top:9px;padding-bottom:10px}.appearance-footer{flex-shrink:0;padding:10px 12px 12px}.appearance-close{transition:color .14s,background .14s,transform .14s,border-color .14s}.appearance-close:hover{transform:scale(1.06)}.appearance-panel{--ap-bg:#06090f;border-color:var(--panel-line)}.appearance-header{background:color-mix(in srgb, var(--panel-glass) 92%, transparent);-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--panel-line)}.appearance-section,.appearance-footer{animation:panel-item-slide .24s calc(55ms * var(--panel-item-index,0) + 60ms) cubic-bezier(.2, .9, .25, 1) both}.appearance-section{border-bottom-color:var(--panel-line)}.appearance-title{color:#e4edf8e0}@media (prefers-reduced-motion:reduce){.appearance-panel,.appearance-section,.appearance-footer{animation:none}}.appearance-panel{background:linear-gradient(#ffffff08,#fff0),#0a1018eb;border:1px solid #a8bcd62e;border-radius:20px;width:272px;animation:.32s cubic-bezier(.18,1.1,.28,1) both appearancePanelIn;top:16px;right:16px;box-shadow:0 12px 32px #00000075,inset 0 0 0 1px #ffffff06}.appearance-panel .appearance-header{background:linear-gradient(#ffffff0a,#fff0),#0a1018f5;border-bottom:1px solid #a8bcd62e;border-top-left-radius:20px;border-top-right-radius:20px;height:56px;padding:0 8px 0 16px}.appearance-panel .appearance-title{color:#e8f0fceb;letter-spacing:2px}.appearance-panel .appearance-close{color:#dce6f4db;cursor:pointer;background:linear-gradient(#ffffff0a,#fff0),#0a1018eb;border:1px solid #a8bcd638;border-radius:50%;place-items:center;width:40px;height:40px;margin-right:0;padding:0;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;display:grid;box-shadow:0 12px 32px #00000075,inset 0 0 0 1px #ffffff06}.appearance-panel .appearance-close:hover,.appearance-panel .appearance-close:focus-visible{color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#121a26f5;border-color:#cedcf08c;transform:translateY(-1px)scale(1.04);box-shadow:0 14px 30px #00000080,inset 0 0 0 1px #ffffff0d,0 0 0 4px #cedcf014}.appearance-panel .appearance-close:focus-visible{outline-offset:3px;outline:2px solid #ffffff59}.appearance-panel .appearance-close:active{transform:translateY(0)scale(1.01)}.appearance-panel .appearance-close svg{width:18px;height:18px}.appearance-panel .appearance-section{border-bottom-color:#a8bcd62e}.appearance-panel .appearance-reset{color:#dce6f4db;height:36px;font-family:var(--font);letter-spacing:1.8px;cursor:pointer;background:linear-gradient(#ffffff0a,#fff0),#0a1018d9;border:1px solid #a8bcd638;border-radius:999px;padding:0 14px;font-size:9px;font-weight:800;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;box-shadow:0 4px 12px #00000057,inset 0 0 0 1px #ffffff06}.appearance-panel .appearance-reset:hover,.appearance-panel .appearance-reset:focus-visible{color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c;transform:translateY(-1px);box-shadow:0 10px 24px #0000007a,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf014}.appearance-panel .appearance-reset:focus-visible{outline-offset:3px;outline:2px solid #ffffff59}.appearance-panel .appearance-reset:active{transform:translateY(0)}.appearance-panel.appearance-panel--with-hotbar{top:24px;right:calc(var(--controls-right) + 78px);max-width:calc(100% - var(--controls-left) - var(--controls-right) - 78px);max-height:calc(100% - 48px)}@media (any-pointer:coarse){.appearance-panel :is(.appearance-border-toggle,.appearance-reset){min-height:44px}.appearance-panel :is(.appearance-close,.appearance-level,.appearance-border-swatch,.appearance-underground-swatch,.appearance-copy){position:relative}.appearance-panel :is(.appearance-close,.appearance-level,.appearance-border-swatch,.appearance-underground-swatch,.appearance-copy):after{content:"";position:absolute;inset:min(0px,50% - 22px)}}.vertical-tool-hotbar{z-index:72;background:linear-gradient(90deg,#ffffff07,#fff0),#0a1018eb;border:1px solid #a8bcd62e;border-radius:32px;flex-direction:column;align-items:center;gap:7px;width:62px;padding:7px;display:flex;position:absolute;top:24px;right:12px;box-shadow:0 12px 32px #00000075,inset 0 0 0 1px #ffffff06}.canvas-hotbar-scroll{flex-direction:inherit;align-items:center;gap:inherit;min-width:0;min-height:0;display:flex}.vertical-tool-hotbar .vertical-tool-hotbar-button{z-index:auto;color:#cddaecc7;cursor:pointer;background:linear-gradient(#ffffff0a,#fff0),#0a1018d6;border:1px solid #a8bcd633;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;margin:0;padding:0;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;display:grid;position:relative;top:auto;right:auto;box-shadow:0 6px 18px #0000005c,inset 0 0 0 1px #ffffff06}@media (hover:hover){.vertical-tool-hotbar .vertical-tool-hotbar-button:hover,.vertical-tool-hotbar .vertical-tool-hotbar-button:focus-visible{color:#fff;background:linear-gradient(#fff1,#ffffff03),#121a26f5;border-color:#cedcf08c;transform:scale(1.07);box-shadow:0 10px 24px #0000007a,inset 0 0 0 1px #ffffff0d,0 0 0 4px #cedcf013}}.vertical-tool-hotbar .vertical-tool-hotbar-button.is-active{color:#fff;background:linear-gradient(#fff1,#ffffff02),#161f2df7;border-color:#cedcf080;box-shadow:0 8px 22px #0000006b,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf012}.vertical-tool-hotbar .vertical-tool-hotbar-button:active{transform:scale(1.01)}.vertical-tool-hotbar .vertical-tool-hotbar-button:focus-visible{outline-offset:3px;outline:2px solid #ffffff59}.vertical-tool-hotbar-button svg{pointer-events:none;width:20px;height:20px;display:block}.vertical-tool-hotbar-separator{background:linear-gradient(90deg,#0000,#a8bcd647,#0000);flex-shrink:0;width:32px;height:1px;margin:1px 0}.vertical-tool-hotbar-tooltip{color:#e8f0fceb;font-family:var(--font);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;background:linear-gradient(#ffffff0b,#fff0),#0a1018f5;border:1px solid #a8bcd638;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:700;transition:opacity .13s,transform .17s cubic-bezier(.18,1.12,.28,1);position:absolute;top:50%;right:calc(100% + 13px);transform:translate(6px,-50%)scale(.96);box-shadow:0 8px 22px #0000006b,inset 0 0 0 1px #ffffff06}.vertical-tool-hotbar-button:hover .vertical-tool-hotbar-tooltip,.vertical-tool-hotbar-button:focus-visible .vertical-tool-hotbar-tooltip{opacity:1;transform:translateY(-50%)scale(1)}@media (hover:none){.vertical-tool-hotbar-tooltip{display:none}}.vertical-tool-hotbar.is-appearance-open .vertical-tool-hotbar-tooltip{display:none}[data-compact=true] .vertical-tool-hotbar{top:max(12px, env(safe-area-inset-top,0px));right:max(var(--controls-right), env(safe-area-inset-right,0px));max-height:calc(100% - max(12px, env(safe-area-inset-top,0px)) - var(--mode-banner-bottom) - var(--mode-banner-height) - 24px);gap:4px;padding:0;overflow:hidden}[data-compact=true] .canvas-hotbar-scroll{overscroll-behavior:contain;scrollbar-width:none;scroll-snap-type:both proximity;width:100%;padding:7px;scroll-padding:7px;overflow:auto}[data-compact=true] .canvas-hotbar-scroll:focus-within{scroll-snap-type:none}[data-compact=true] .canvas-hotbar-scroll::-webkit-scrollbar{display:none}[data-compact=true] .vertical-tool-hotbar-button{scroll-snap-align:start}[data-compact=true] .vertical-tool-hotbar:before,[data-compact=true] .vertical-tool-hotbar:after{z-index:1;color:#dce6f4;pointer-events:none;place-items:center;height:18px;font-size:16px;line-height:1;display:grid;position:absolute;left:7px;right:7px}[data-compact=true] .vertical-tool-hotbar[data-overflow-start=true]:before{content:"⌃";background:linear-gradient(#0a1018,#0a1018e6,#0000);top:0}[data-compact=true] .vertical-tool-hotbar[data-overflow-end=true]:after{content:"⌄";background:linear-gradient(#0000,#0a1018e6,#0a1018);bottom:0}[data-compact=true] .vertical-tool-hotbar-tooltip{display:none}@media (orientation:landscape){[data-compact=true] .vertical-tool-hotbar{top:auto;right:max(var(--controls-right), env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));width:auto;max-height:62px;max-width:calc(100% - var(--controls-left) - var(--controls-right));flex-direction:row}[data-compact=true] .vertical-tool-hotbar:before,[data-compact=true] .vertical-tool-hotbar:after{width:18px;height:auto;top:7px;bottom:7px}[data-compact=true] .vertical-tool-hotbar[data-overflow-start=true]:before{content:"‹";background:linear-gradient(90deg,#0a1018,#0a1018e6,#0000);left:0;right:auto}[data-compact=true] .vertical-tool-hotbar[data-overflow-end=true]:after{content:"›";background:linear-gradient(90deg,#0000,#0a1018e6,#0a1018);left:auto;right:0}[data-compact=true] .vertical-tool-hotbar-separator{background:linear-gradient(#0000,#a8bcd647,#0000);width:1px;height:32px;margin:0 1px}}.appearance-levels{flex-direction:column;align-self:stretch;padding:0;display:flex}.appearance-level{height:18px;color:var(--text-dim);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:0;flex-shrink:0;grid-template-columns:14px 18px;align-items:center;gap:6px;padding:0;font-weight:700;transition:color .1s;display:grid}.appearance-level:hover{color:var(--text)}.appearance-level:hover .appearance-level-dot{transform:scale(1.12)}.appearance-level.is-selected{color:var(--text)}.appearance-level-num{text-align:center;letter-spacing:1px;padding:1px 0;font-size:9px;line-height:1}.appearance-level-dot{border:1px solid #00000059;width:14px;height:14px;margin:0 auto;transition:transform .1s,box-shadow .1s;box-shadow:inset 0 0 0 .5px #ffffff2e}.appearance-level.is-selected .appearance-level-dot{box-shadow:0 0 0 2.5px var(--ap-bg,var(--surface)), 0 0 0 3.5px var(--level-color,var(--border3));transform:scale(1.3)}.appearance-level-line{flex:1;grid-template-columns:14px 18px;gap:6px;min-height:4px;display:grid}.appearance-level-line-fill{grid-column:2;width:2px;height:100%;margin:0 auto}.appearance-level-bg-sep{flex:1;grid-template-columns:14px 18px;gap:6px;min-height:4px;display:grid}.appearance-level-bg-sep:after{content:"";background:repeating-linear-gradient(#ffffff26 0 2px,#0000 2px 4px);grid-column:2;width:2px;height:100%;margin:0 auto}.appearance-level-dot{border-radius:50%}.appearance-border-row{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px;transition:opacity .15s;display:grid}.appearance-border-row.is-disabled{opacity:.5}.appearance-border-swatch{cursor:pointer;border:1px solid #00000059;width:18px;height:18px;padding:0;transition:transform .1s,box-shadow .1s,opacity .12s;box-shadow:inset 0 0 0 .5px #ffffff2e}.appearance-border-swatch:hover{transform:scale(1.08)}.appearance-border-swatch.is-selected{box-shadow:0 0 0 2.5px var(--ap-bg,var(--surface)), 0 0 0 3.5px var(--team-color,var(--border3));transform:scale(1.15)}.appearance-border-swatch{border-radius:50%}.appearance-team-row{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:10px;display:grid}.appearance-team-stack{flex-direction:column;display:flex}.appearance-team-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;height:26px;padding:0 6px 0 0;display:flex}.appearance-team-swatch{border:1px solid #00000059;flex-shrink:0;width:16px;height:16px;transition:transform .1s,box-shadow .1s;box-shadow:inset 0 0 0 .5px #ffffff2e}.appearance-team-btn:hover .appearance-team-swatch{transform:scale(1.12)}.appearance-team-btn.is-selected .appearance-team-swatch{box-shadow:0 0 0 2.5px var(--ap-bg,var(--surface)), 0 0 0 3.5px var(--team-color,var(--border3));transform:scale(1.3)}.appearance-team-label{font-family:var(--font);letter-spacing:1.4px;text-transform:uppercase;font-size:9px;font-weight:700;transition:transform .18s cubic-bezier(.2,.9,.25,1)}.appearance-team-btn.is-selected .appearance-team-label{transform:translate(6px)}.appearance-team-sep{background:var(--border2);flex-shrink:0;width:1px;height:8px;margin-left:8px}.appearance-sliders{flex-direction:column;gap:6px;margin-top:10px;display:flex}.appearance-slider{grid-template-columns:72px 1fr auto;align-items:center;gap:6px;display:grid}.appearance-slider--no-label{grid-template-columns:1fr auto}.appearance-slider-label{font-family:var(--font);letter-spacing:1.4px;color:var(--text-dim);text-transform:uppercase;font-size:8.5px;font-weight:700}.appearance-team-swatch{border-radius:50%}.appearance-underground-ctrl{grid-template-columns:16px 1fr auto;align-items:center;gap:8px;display:grid}.appearance-underground-swatch{cursor:pointer;border:1px solid #00000059;flex-shrink:0;width:16px;height:16px;padding:0;transition:transform .1s,box-shadow .1s;box-shadow:inset 0 0 0 .5px #ffffff2e}.appearance-underground-swatch:hover{transform:scale(1.08)}.appearance-underground-swatch.is-selected{box-shadow:0 0 0 2.5px var(--ap-bg,var(--surface)), 0 0 0 3.5px var(--team-color,var(--border3));transform:scale(1.15)}.appearance-ug-modes{border:1px solid var(--border2);grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.appearance-ug-mode{text-align:center;border:none;border-right:1px solid var(--border2);height:28px;color:var(--text-dim);font-family:var(--font);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;grid-template-columns:12px 1fr;justify-content:center;place-items:center;gap:6px;padding:0 8px;font-size:8.5px;font-weight:700;transition:background .12s,color .12s;display:grid}.appearance-ug-mode:last-child{border-right:none}.appearance-ug-mode:hover{color:var(--text);background:#ffffff08}.appearance-ug-mode.is-selected{color:var(--text);background:#ffffff12}.appearance-ug-mode-icon{flex-shrink:0;width:12px;height:12px;display:block;overflow:hidden}.appearance-ug-modes{border-color:var(--panel-line);background:linear-gradient(#ffffff05,#fff0),#0003;border-radius:10px}.appearance-ug-mode{border-right-color:var(--panel-line)}.appearance-underground-swatch{border-radius:50%}.appearance-copy{width:18px;height:18px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.appearance-copy:hover{color:var(--text);background:#ffffff14}.appearance-code-row{border:1px solid var(--panel-line);background:linear-gradient(#ffffff05,#fff0),#0003;border-radius:10px;align-items:center;gap:5px;height:26px;margin-top:8px;padding:0 5px 0 8px;transition:border-color .1s;display:flex}.appearance-code-row:focus-within{border-color:var(--panel-line-strong)}.appearance-code-row.is-invalid{border-color:#ff4654}.appearance-code-input{min-width:0;color:var(--text);font-family:var(--font);letter-spacing:1.5px;background:0 0;border:none;flex:1;padding:0;font-size:10px;font-weight:700}.appearance-code-input:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.appearance-copy{transition:color .14s,background .14s,transform .14s,border-color .14s}.appearance-copy:hover{transform:scale(1.06)}@keyframes modeBannerDetailIn{0%{opacity:0;transform:translate(-5px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes modeBannerTextIn{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:translate(0)}}@keyframes modeBannerBadgePop{0%{opacity:0;transform:translate(-3px)scale(.68)}72%{opacity:1;transform:translate(0)scale(1.08)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes modeBannerIn{0%{opacity:0;transform:translate(-50%,14px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.mode-banner{bottom:var(--mode-banner-bottom);z-index:1100;pointer-events:none;white-space:nowrap;opacity:1;background:linear-gradient(#ffffff08,#fff0),#0a1018eb;border:1px solid #a8bcd62e;border-radius:36px;align-items:center;gap:0;width:max-content;max-width:min(760px,100% - 48px);min-height:56px;padding:0 6px;animation:.36s cubic-bezier(.18,.86,.18,1) both modeBannerIn;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 32px #00000075,inset 0 0 0 1px #ffffff06}.mode-banner:before{display:none}.mode-banner-badge{width:44px;height:44px;color:color-mix(in srgb, var(--mode-color,#fff) 82%, #fff);border:1px solid color-mix(in srgb, var(--mode-color,#fff) 72%, #a8bcd63d);background:linear-gradient(180deg, color-mix(in srgb, var(--mode-color,#fff) 8%, #ffffff0d), color-mix(in srgb, var(--mode-color,#fff) 2%, #fff0)), color-mix(in srgb, var(--mode-color,#fff) 3%, #0a1018eb);border-radius:50%;flex:0 0 44px;place-items:center;margin-left:2px;animation:.28s cubic-bezier(.18,1.18,.28,1) 60ms both modeBannerBadgePop;display:grid;position:relative;box-shadow:0 8px 24px #0000006b,inset 0 0 0 1px #ffffff06}.mode-banner-glyph{color:currentColor;opacity:.94;width:20px;height:20px;display:block}.mode-banner-copy{grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:10px;min-width:0;padding:0 16px 0 14px;animation:.24s cubic-bezier(.2,.9,.2,1) .23s both modeBannerTextIn;display:grid}.mode-banner-style,.mode-banner-hint--compact{display:none}.mode-banner-label{color:color-mix(in srgb, var(--mode-color,#fff) 76%, #fff);letter-spacing:1.8px;text-transform:uppercase;flex-shrink:0;font-size:9.5px;font-weight:800;line-height:1}.mode-banner-hint{text-overflow:ellipsis;color:#c6d2e2c7;letter-spacing:.25px;min-width:0;max-width:min(430px,46vw);font-size:10px;line-height:1;overflow:hidden}.mode-banner-keys{border-left:1px solid #a8bcd62e;justify-content:center;align-items:center;gap:6px;min-height:56px;padding:0 10px 0 12px;animation:.22s cubic-bezier(.2,.9,.25,1) .285s both modeBannerDetailIn;display:flex}.mode-banner-close{appearance:none;cursor:pointer;color:#dce6f4db;width:32px;height:32px;font-family:var(--font);pointer-events:auto;background:linear-gradient(#ffffff0a,#fff0),#0a1018d9;border:1px solid #a8bcd638;border-radius:50%;flex-shrink:0;place-items:center;margin:0 4px 0 8px;padding:0;font-size:17px;font-weight:300;line-height:1;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;animation:.22s cubic-bezier(.2,.9,.25,1) .31s both modeBannerDetailIn;display:grid;position:relative;box-shadow:0 4px 12px #00000057,inset 0 0 0 1px #ffffff06}.mode-banner-close:hover,.mode-banner-close:focus-visible{color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c;transform:scale(1.08);box-shadow:0 8px 20px #00000075,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf01a}.mode-banner-close:focus-visible{outline-offset:3px;outline:2px solid #ffffff59}.mode-banner-close:active{transform:scale(1.02)}.mode-banner-key{color:#b2bfd2c7;letter-spacing:.2px;align-items:center;gap:4px;font-size:8.5px;display:flex}.mode-banner-key kbd{font-family:var(--font);background:linear-gradient(180deg, #ffffff0d, #ffffff03), color-mix(in srgb, var(--mode-color,#fff) 8%, #0000002e);border:1px solid color-mix(in srgb, var(--mode-color,#fff) 28%, #8096ac3d);border-bottom-color:color-mix(in srgb, var(--mode-color,#fff) 46%, #8096ac47);min-width:19px;height:18px;color:var(--text);letter-spacing:.4px;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:8.5px;font-weight:800;display:inline-flex}[data-compact=true] .mode-banner{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;max-width:calc(100% - 24px);min-height:60px;padding:7px;animation:none;display:grid}[data-compact=true] :is(.mode-banner-badge,.mode-banner-copy,.mode-banner-close){animation:none}[data-compact=true] .mode-banner-badge{margin:0}[data-compact=true] .mode-banner-copy{flex-direction:column;align-items:flex-start;gap:5px;padding:0;display:flex}[data-compact=true] .mode-banner-label{letter-spacing:1px;font-size:10px;line-height:1.2}[data-compact=true] .mode-banner-style{color:#c6d2e2c7;letter-spacing:0;text-transform:none;font-weight:500;display:inline}[data-compact=true] :is(.mode-banner-hint--full,.mode-banner-keys){display:none}[data-compact=true] .mode-banner-hint--compact{max-width:100%;font-size:11px;line-height:1.35;display:block}[data-compact=true] .mode-banner-close{width:44px;height:44px;margin:0}.video-badge{--vb-color:#fff}.video-badge-inner{transform-box:fill-box;transform-origin:50%;transition:transform .14s cubic-bezier(.2,.9,.25,1.2)}.video-badge:hover .video-badge-inner{transform:scale(1.1)}.video-badge:active .video-badge-inner{transform:scale(.94)}.video-badge-bg{fill:var(--vb-color)}.video-badge-play{fill:#fff;pointer-events:none}@media (prefers-reduced-motion:reduce){.video-badge-inner{transition:none}}@keyframes video-url-editor-preview-in{0%{opacity:0;transform:translateY(-4px)scaleY(.92)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes video-url-editor-shake{0%,to{transform:translate(0)}30%{transform:translate(-2px)}65%{transform:translate(2px)}}@keyframes video-url-editor-check{0%{opacity:.35;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes video-url-editor-badge-pop{0%{opacity:0;transform:translate(-3px)scale(.72)}68%{opacity:1;transform:translate(0)scale(1.06)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes video-url-editor-enter{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.video-url-editor-position,.video-url-editor{width:360px}.video-url-editor-position{z-index:10;transform-origin:0 0;position:absolute}.video-url-editor{--video-editor-accent:var(--video-editor-agent);font-family:var(--video-editor-font,var(--font));animation:.32s cubic-bezier(.18,1.1,.28,1) both video-url-editor-enter;position:relative}.video-url-editor-shell{border:1px solid var(--video-editor-accent);background:linear-gradient(#ffffff08,#fff0),#0a1018eb;border-radius:36px;align-items:center;gap:4px;min-height:56px;padding:6px 8px 6px 6px;transition:border-color .16s;display:flex;position:relative;box-shadow:0 12px 32px #00000075,inset 0 0 0 1px #ffffff06}.video-url-editor.is-valid{--video-editor-accent:#30deb2}.video-url-editor.is-invalid{--video-editor-accent:#ff4d61}.video-url-editor.is-invalid .video-url-editor-shell{animation:.19s both video-url-editor-shake}.video-url-editor.is-valid .video-url-editor-shell,.video-url-editor.is-invalid .video-url-editor-shell{border-color:var(--video-editor-accent)}.video-url-editor-badge{width:40px;height:40px;color:var(--video-editor-agent,#fff);border:1px solid var(--video-editor-agent);background:linear-gradient(180deg, #ffffff0f, #ffffff03), color-mix(in srgb, var(--video-editor-agent) 6%, #121a26eb);border-radius:50%;flex-shrink:0;place-items:center;margin-left:2px;animation:.28s cubic-bezier(.18,1.18,.28,1) 60ms both video-url-editor-badge-pop;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a}.video-url-editor-badge svg{fill:#eef4fceb;filter:drop-shadow(0 1px 2px #00000073);width:20px;height:20px}.video-url-editor-play{fill:#050b16e0}.video-url-editor-input{color:#eef4fcf0;min-width:0;height:36px;font-family:var(--video-editor-font,var(--font));caret-color:var(--video-editor-accent);background:0 0;border:0;outline:0;flex:1;padding:0 4px 0 12px;font-size:11.5px;line-height:36px;position:relative}.video-url-editor-input::placeholder{color:#a8b8d0a8}.video-url-editor-action{appearance:none;cursor:pointer;color:#dce6f4db;background:linear-gradient(#ffffff0a,#fff0),#0a1018d9;border:1px solid #a8bcd638;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;display:grid;position:relative;box-shadow:0 4px 12px #00000057,inset 0 0 0 1px #ffffff06}.video-url-editor-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.video-url-editor-action:hover,.video-url-editor-action:focus-visible{color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c;transform:scale(1.08);box-shadow:0 8px 20px #00000075,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf01a}.video-url-editor-action:focus-visible{outline-offset:3px;outline:2px solid #ffffff59}.video-url-editor-action:active{transform:scale(1.02)}.video-url-editor-action--commit{color:var(--video-editor-accent);border-color:var(--video-editor-accent);box-shadow:0 4px 12px #00000057,inset 0 0 0 1px #ffffff06}.video-url-editor.is-valid .video-url-editor-action--commit svg{animation:.24s cubic-bezier(.2,.9,.25,1.35) both video-url-editor-check}.video-url-editor-error{color:#ff8291;font-family:var(--video-editor-font,var(--font));letter-spacing:.2px;text-shadow:0 4px 14px #00000080;margin:6px 18px 0;font-size:9px;font-weight:600;line-height:1.2}@media (prefers-reduced-motion:reduce){.video-url-editor,.video-url-editor-shell,.video-url-editor-badge,.video-url-editor.is-invalid .video-url-editor-shell,.video-url-editor.is-valid .video-url-editor-action--commit svg,.video-url-editor-preview{animation:none}}.video-url-editor-preview{aspect-ratio:16/9;transform-origin:top;background:#03070e;border:1px solid #a8bcd62e;border-radius:18px;width:100%;margin-top:8px;animation:.32s cubic-bezier(.18,1.1,.28,1) both video-url-editor-preview-in;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000080,inset 0 0 0 1px #ffffff06}.video-url-editor-preview-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:saturate(1.04)contrast(1.03);width:100%;height:100%;display:block}.video-url-editor:hover:not(.is-invalid){--video-editor-accent:var(--video-editor-agent)}.video-url-editor:hover:not(.is-invalid) .video-url-editor-shell{border-color:var(--video-editor-agent)}.video-url-editor:hover:not(.is-invalid) .video-url-editor-action--commit{color:var(--video-editor-agent)}.canvas-text-input{z-index:5;color:#0000;resize:none;overflow-wrap:normal;text-transform:uppercase;-webkit-text-fill-color:transparent;background:0 0;border:none;outline:none;margin:0;padding:0;font-family:D-DIN,system-ui,sans-serif;line-height:1.2;position:absolute;overflow:hidden}.canvas-text-input::selection{text-shadow:none;background:#2270ff94;color:#0000!important;-webkit-text-fill-color:transparent!important}.canvas-header-content{opacity:0;transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}.canvas-header-layer.is-visible .canvas-header-content{opacity:1;transform:none}@keyframes panel-map-card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-pop-center{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-backdrop-in{0%{opacity:0}to{opacity:1}}.map-panel-backdrop{z-index:100;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-panel-grid{flex-wrap:wrap;justify-content:center;display:flex}.map-card{flex:0 0 calc((100% - (var(--map-cols,6) - 1) * 14px) / var(--map-cols,6));aspect-ratio:4/5;padding:0;position:relative;overflow:hidden;container-type:inline-size}.map-card:hover{z-index:1}.map-card-img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0;transform:scale(1)}.map-card:hover .map-card-img,.map-card.active .map-card-img{transform:scale(1.07)}.map-card-gradient{pointer-events:none;background:linear-gradient(#0000 0%,#00000014 55%,#000000b8 100%);transition:background .25s;position:absolute;inset:0}.map-card:hover .map-card-gradient,.map-card.active .map-card-gradient{background:linear-gradient(to top, color-mix(in srgb, var(--map-accent) 70%, black) 0%, color-mix(in srgb, var(--map-accent) 15%, transparent) 45%, transparent 100%)}.map-card-name-wrap{line-height:1;position:absolute}.map-card-name,.map-card-name-script{text-transform:uppercase;letter-spacing:.5px;line-height:1}.map-card-name{font-family:"Anton", var(--font);color:#fff;text-shadow:0 1px 6px #0009;font-weight:700}.map-card-name-script{white-space:nowrap;font-family:"QuickToy", var(--font);color:var(--map-accent);position:absolute;top:50%;left:50%;translate:-50% -50%}.map-panel-backdrop{animation:.18s ease-out both panel-backdrop-in}.map-panel{width:min(1040px,92vw);animation:.28s cubic-bezier(.18,.95,.2,1) both panel-pop-center}.map-card{animation:panel-map-card-in .31s calc(24ms * var(--panel-item-index,0)) cubic-bezier(.2, .9, .2, 1) both}.map-card-name-wrap{bottom:2cqw;left:6cqw}.map-card-name{font-size:23cqw}.map-card-name-script{opacity:.86;font-size:27cqw}@media (prefers-reduced-motion:reduce){.map-panel-backdrop,.map-panel,.map-card,.map-card:hover:after,.map-card.active:after{animation:none}}.map-card:after{display:none}.map-card,.map-card:hover,.map-card.active{box-shadow:none}.map-card:hover:after,.map-card.active:after{animation:none}.map-panel-backdrop{-webkit-backdrop-filter:blur(3px);background:#02050abd}.map-panel-grid{gap:14px}.map-card{background:linear-gradient(#ffffff08,#fff0),#0a1018eb;border:1px solid #a8bcd638;border-radius:18px;transition:transform .2s cubic-bezier(.18,1.18,.28,1),border-color .16s,box-shadow .2s,border-radius;box-shadow:0 10px 28px #0006,inset 0 0 0 1px #ffffff06}.map-card:hover,.map-card.active,.map-card:focus-visible{border-color:color-mix(in srgb, var(--map-accent) 70%, #cedcf08c);box-shadow:0 18px 40px #00000080, inset 0 0 0 1px #ffffff0d, 0 0 0 3px color-mix(in srgb, var(--map-accent) 22%, transparent);border-radius:18px;transform:translateY(-3px)scale(1.02)}.map-card:focus-visible{outline-offset:4px;outline:2px solid #ffffff59}.map-card-img{border-radius:inherit}.map-panel-actions{justify-content:center;margin-top:18px;display:flex}.map-empty-button{color:#dce6f4db;cursor:pointer;background:linear-gradient(#ffffff0a,#fff0),#0a1018d9;border:1px solid #a8bcd638;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;display:grid;box-shadow:0 6px 18px #00000061,inset 0 0 0 1px #ffffff06}.map-empty-button:hover,.map-empty-button:focus-visible,.map-empty-button.is-active{color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c;transform:scale(1.06);box-shadow:0 12px 26px #0000007a,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf01a}.map-empty-button:focus-visible{outline-offset:3px;outline:2px solid #ffffff59}.map-empty-button:active{transform:scale(1.02)}.map-empty-button-icon{color:currentColor;width:22px;height:22px;display:block}.map-empty-button-icon .cls-1{stroke:currentColor}@media (orientation:portrait){.map-panel{--map-columns:3;--map-rows:var(--map-phone-rows);--map-card-space:calc(100dvh - 48px - 66px - (var(--map-rows) - 1) * 14px);width:min(92vw, calc(var(--map-card-space) / var(--map-rows) * .8 * var(--map-columns) + (var(--map-columns) - 1) * 14px))}.map-card{flex-basis:calc((100% - (var(--map-columns) - 1) * 14px) / var(--map-columns))}}@media (orientation:portrait) and (width>=600px){.map-panel{--map-columns:4;--map-rows:var(--map-tablet-rows)}}@keyframes panel-column-reveal-right{0%{opacity:0;clip-path:inset(0 0 0 100%)}to{opacity:1;clip-path:inset(0)}}.scene-panel{width:var(--scene-panel-width);z-index:60;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:visible}.scene-panel.is-artboard-overlay{z-index:90;will-change:width}.scene-panel.is-collapsed{cursor:pointer;border-left:none;width:4px}.scene-panel-content{width:var(--scene-panel-width);contain:layout paint style;backface-visibility:hidden;will-change:transform, opacity;flex-direction:column;flex:1;min-height:0;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .15s;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(0,0)}.scene-panel-toggle{top:min(max(50%, var(--panel-toggle-y,503px)), calc(100% - 42px));cursor:pointer;z-index:61;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translateY(-50%)}.scene-panel-toggle-arrow{font-weight:700;line-height:1}.scene-panel-label{cursor:pointer;border:none;flex-shrink:0;width:100%}.scene-panel-label.is-artboard-open{color:var(--scene-panel-accent,var(--text));background:color-mix(in srgb, var(--scene-panel-accent,#fff) 10%, #ffffff06);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--scene-panel-accent,#fff) 48%, transparent)}.scene-list{border-top:1px solid var(--border2);scrollbar-gutter:stable;scrollbar-width:thin;contain:layout paint style;overflow-anchor:none;direction:rtl;flex-direction:column;flex:1;align-items:stretch;display:flex;overflow-y:scroll}.scene-list>*{direction:ltr}.scene-panel{border-color:var(--panel-line)}.scene-panel:before{content:"";pointer-events:none;opacity:.72;background:linear-gradient(#ffffff08,#0000 18% 80%,#ffffff04);position:absolute;inset:0}.scene-panel-toggle{border-color:var(--panel-line)}.scene-panel-label{color:var(--panel-text-soft);border-color:var(--panel-line);background:linear-gradient(#ffffff04,#fff0),#ffffff03;transition:color .15s,background .15s,box-shadow .17s;position:relative;overflow:hidden}.scene-panel-label:hover{color:var(--panel-text-soft);filter:brightness(1.22);background:color-mix(in srgb, currentColor 12%, transparent)}.scene-panel-label.is-artboard-open:hover{color:var(--scene-panel-accent,var(--panel-text-soft))}.scene-list{scrollbar-color:var(--panel-line-strong) transparent;border-top-color:var(--panel-line);gap:8px;padding:9px 8px 10px}.scene-panel-footer{flex-shrink:0;padding:9px 8px 10px}.scene-panel-actions{border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scene-panel-action{min-width:0;font-family:var(--font);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;font-size:8.5px;font-weight:700;line-height:1;display:flex;position:relative}.scene-panel-action-icon{color:currentColor;flex:0 0 14px;transition:opacity .14s,transform .14s}.scene-panel-action-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.scene-panel-content,.scene-panel-label:hover:before{animation:none}}.scene-panel{transition:none}.scene-panel:before,.scene-panel-label:before{display:none}.scene-panel-content{clip-path:none;animation:none}.scene-panel.is-collapsed .scene-panel-content{opacity:0;pointer-events:none;display:none;transform:translate(12px)}.scene-panel-label:hover:before{animation:none}.scene-panel{background:linear-gradient(#ffffff06,#fff0),#0a1018eb;border-left:1px solid #a8bcd62e;box-shadow:inset 0 0 0 1px #ffffff06}.scene-panel.is-collapsed{background:#0a1018a6}.scene-panel.is-collapsed:hover{background:#a8bcd629}.scene-panel-toggle{background:linear-gradient(#ffffff0a,#fff0),#0a1018eb;border:1px solid #a8bcd638;border-right:none;border-radius:14px 0 0 14px;width:22px;height:52px;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;left:-22px;box-shadow:0 6px 18px #00000061,inset 0 0 0 1px #ffffff06}.scene-panel-toggle:hover,.scene-panel-toggle:focus-visible{background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c;box-shadow:0 12px 26px #0000007a,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf014}.scene-panel-toggle:hover{transform:translateY(-50%)translate(-2px)}.scene-panel-toggle:focus-visible{outline-offset:3px;outline:2px solid #ffffff59}.scene-panel-toggle:active{transform:translateY(-50%)scale(.96)}.scene-panel-toggle-arrow{color:#dce6f4c7;font-size:11px;transition:color .14s}.scene-panel-toggle:hover .scene-panel-toggle-arrow{color:#fff}.scene-panel.is-artboard-overlay{border-left-color:#a8bcd638}.scene-panel .scene-panel-label{color:#dce6f4db}.scene-panel .scene-panel-label:hover{background:#ffffff0b}.scene-panel-footer{background:#0000001f;border-top:1px solid #a8bcd62e}.scene-panel-actions{background:0 0;border:0;gap:8px;padding:0}.scene-panel-action{color:#dce6f4db;background:linear-gradient(#ffffff0a,#fff0),#0a1018d9;border:1px solid #a8bcd638;border-radius:999px;gap:8px;height:36px;padding:0 10px;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,background .14s,color .14s,box-shadow .16s;box-shadow:0 4px 12px #00000057,inset 0 0 0 1px #ffffff06}.scene-panel-action:hover,.scene-panel-action:focus-visible{color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c;transform:translateY(-1px);box-shadow:0 10px 24px #0000007a,inset 0 0 0 1px #ffffff0d,0 0 0 3px #cedcf014}.scene-panel-action:focus-visible{outline-offset:3px;outline:2px solid #ffffff59}.scene-panel-action:active{transform:translateY(0)}.scene-panel-action-icon{opacity:.92;flex-basis:13px;width:13px;height:13px}.scene-panel-action:hover .scene-panel-action-icon{opacity:1}.scene-panel .scene-list{border-top:none;gap:8px;padding:6px 8px 10px}.scene-card{border-bottom:1px solid var(--border2);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;contain:layout paint style;content-visibility:auto;contain-intrinsic-size:44px 210px;flex-shrink:0;position:relative}.scene-card--expanded{contain-intrinsic-size:108px 210px;flex-direction:column;display:flex;overflow:hidden}.scene-card-thumb-wrap{background:var(--scene-preview-bg,#060710);contain:paint style;flex-shrink:0;width:100%;height:108px;overflow:hidden;transform:translateZ(0)}.scene-card-thumb-empty{background:var(--scene-preview-bg,#060710);width:100%;height:100%}.scene-card-thumb-empty--freecanvas,.scene-row-thumb-freecanvas{box-sizing:border-box;background:linear-gradient(135deg,#ffffff0a 25%,#0000 25% 50%,#ffffff0a 50% 75%,#0000 75%,#0000) 0 0/12px 12px,#0a0c16;border:1px dashed #ffffff2e;width:100%;height:100%}.scene-card-canvas-img{object-fit:contain;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;display:block;transform:translateZ(0)}.scene-card-name-overlay{letter-spacing:.02em;color:#ffffffe6;text-shadow:none;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:11px;font-weight:700;font-family:var(--font);padding:5px 7px;position:absolute;top:0;left:0;right:24px;overflow:hidden}.scene-card-index{letter-spacing:.06em;font-size:9px;font-weight:700;font-family:var(--font);pointer-events:none;position:absolute;bottom:5px;left:7px}.scene-card--row{grid-template-columns:44px 1fr 20px;align-items:center;gap:8px;height:44px;padding:6px 8px;display:grid}.scene-row-thumb{background:var(--scene-preview-bg,#060710);contain:paint style;width:44px;height:28px;overflow:hidden;transform:translateZ(0)}.scene-row-thumb .scene-card-canvas-img{opacity:.8}.scene-row-name{letter-spacing:1.8px;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:8.5px;font-weight:700;font-family:var(--font);overflow:hidden}.scene-card-delete{width:18px;height:18px;color:var(--text-dim);cursor:pointer;z-index:3;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:6px;right:6px}.scene-card-delete:hover{color:#ff4654;background:#ff46542e}.scene-card-delete--row{flex-shrink:0;position:static}.scene-card{animation:panel-item-rise .26s calc(28ms * var(--panel-item-index,0)) cubic-bezier(.2, .9, .2, 1) both;background:#ffffff06;border:1px solid #ffffff0e;border-radius:7px}.scene-card:hover{transform:translate(-2px)}.scene-list.is-scene-dragging .scene-card{cursor:grabbing}.scene-list.is-scene-dragging .scene-card:hover{transform:none}.scene-card.is-active{background:color-mix(in srgb, var(--sec-color) 7%, #ffffff0b);border-color:color-mix(in srgb, var(--sec-color) 52%, #ffffff1f)}.scene-card-thumb-wrap,.scene-row-thumb{border:1px solid #fff1;border-radius:6px;position:relative}.scene-card-thumb-wrap:after,.scene-row-thumb:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#fff0 40%);position:absolute;inset:0}.scene-card-index{color:color-mix(in srgb, var(--sec-color) 68%, #ffffff70)}.scene-card-delete{transition:color .14s,background .14s,transform .14s,border-color .14s}.scene-card-delete:hover{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.scene-card{animation:none}}.scene-card-thumb-wrap:after,.scene-row-thumb:after{display:none}.scene-card{transition:border-color .12s,background .12s,color .12s,box-shadow .12s,opacity .12s}.scene-card,.scene-card:hover,.scene-card.is-active{box-shadow:none}.scene-card:hover{background:color-mix(in srgb, var(--sec-color) 14%, #ffffff08);border-color:color-mix(in srgb, var(--sec-color) 70%, #ffffff24)}.scene-card:hover .scene-row-name,.scene-card--row.is-active .scene-row-name,.scene-card--row.is-active:hover .scene-row-name{color:color-mix(in srgb, var(--sec-color) 90%, #fff)}.scene-card:hover .scene-row-thumb,.scene-card:hover .scene-card-thumb-wrap{border-color:color-mix(in srgb, var(--sec-color) 58%, #ffffff29)}.scene-card:hover .scene-card-canvas-img{opacity:1;filter:brightness(1.12)saturate(1.08)}.scene-card.is-folder-child{box-shadow:none}.scene-card.is-dragging{opacity:.45;transform:scale(.985)}.scene-card.is-drop-before:before,.scene-card.is-drop-after:before{content:"";background:color-mix(in srgb, var(--sec-color) 86%, #fff);height:2px;box-shadow:0 0 16px color-mix(in srgb, var(--sec-color) 50%, transparent);pointer-events:none;z-index:6;border-radius:999px;position:absolute;left:8px;right:8px}.scene-card.is-drop-before:before{top:-5px}.scene-card.is-drop-after:before{bottom:-5px}.scene-card.is-drop-merge-pending,.scene-card.is-drop-merge{border-color:color-mix(in srgb, var(--sec-color) 74%, #ffffff2e);background:color-mix(in srgb, var(--sec-color) 16%, #ffffff08)}.scene-card.is-drop-merge{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--sec-color) 62%, transparent), 0 0 24px color-mix(in srgb, var(--sec-color) 26%, transparent)}.scene-card.is-drop-merge:after{content:"";border:1px solid color-mix(in srgb, var(--sec-color) 70%, transparent);background:color-mix(in srgb, var(--sec-color) 10%, transparent);pointer-events:none;z-index:5;border-radius:5px;position:absolute;inset:3px}.scene-panel .scene-card{background:linear-gradient(#ffffff06,#fff0),#0a10188c;border:1px solid #a8bcd629;border-radius:12px;transition:background .16s,border-color .16s,box-shadow .16s;overflow:hidden}.scene-panel .scene-card:hover{background:linear-gradient(#ffffff0b,#fff0),#121a26b3;border-color:#cedcf052}.scene-panel .scene-card.is-active{border-color:color-mix(in srgb, var(--sec-color,#fff) 48%, #cedcf052);background:linear-gradient(180deg, #ffffff0d, #fff0), color-mix(in srgb, var(--sec-color,#fff) 8%, #121a26cc);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sec-color,#fff) 28%, #ffffff0a), 0 0 0 3px color-mix(in srgb, var(--sec-color,#fff) 10%, transparent)}.scene-panel .scene-card.is-folder-child{border-radius:10px}.scene-card-select{border-radius:inherit;cursor:inherit;position:absolute;inset:0}.scene-card-select:focus-visible{outline-offset:-2px;outline:2px solid #ffffff59}@media (any-pointer:coarse){.scene-card-delete{opacity:1;pointer-events:auto;z-index:3}}.scene-section-body{contain:layout paint style;flex-direction:column;display:flex}.scene-section{flex-direction:column;display:flex}.scene-section-header{border-bottom:1px solid var(--border2);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;width:100%;padding:7px 10px;display:flex}.scene-section-arrow{line-height:1;display:inline-block}.scene-section-icon{width:13px;height:13px;color:var(--sec-color);flex-shrink:0}.scene-section-label{font-family:var(--font);letter-spacing:.15em;text-transform:uppercase;color:var(--sec-color);flex:1;font-size:9.5px;font-weight:700}.scene-section-count{font-family:var(--font);color:var(--text-dim);letter-spacing:.04em;font-size:9px}.scene-section-add{width:18px;height:18px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:300;line-height:1;display:flex}.scene-section-add:hover{color:var(--sec-color);background:#ffffff0f}.scene-section{gap:6px}.scene-section-header{border:1px solid color-mix(in srgb, var(--sec-color) 20%, var(--panel-line));background:color-mix(in srgb, var(--sec-color) 4%, #ffffff06);border-radius:6px;height:30px;transition:border-color .15s,background .15s,transform .15s}.scene-section-header.is-drop-section{background:color-mix(in srgb, var(--sec-color) 15%, #ffffff08);border-color:color-mix(in srgb, var(--sec-color) 72%, var(--panel-line-strong))}.scene-section-arrow{width:10px;color:var(--sec-color);font-size:10px;transition:transform .14s}.scene-section-add{border:1px solid #0000;transition:color .14s,background .14s,border-color .14s,transform .14s}.scene-section-add:hover{border-color:color-mix(in srgb, var(--sec-color) 38%, transparent);transform:scale(1.08)}.scene-section-body{gap:7px}.scene-section-body.is-drop-section{background:color-mix(in srgb, var(--sec-color) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sec-color) 26%, transparent);border-radius:7px}.scene-section-header:hover{background:color-mix(in srgb, var(--sec-color) 16%, #ffffff09);border-color:color-mix(in srgb, var(--sec-color) 74%, #ffffff2e)}.scene-section-header:hover .scene-section-icon,.scene-section-header:hover .scene-section-arrow,.scene-section-header:hover .scene-section-label,.scene-section-header:hover .scene-section-count,.scene-section-header:hover .scene-section-add{color:color-mix(in srgb, var(--sec-color) 92%, #fff)}.scene-folder{flex-direction:column;gap:6px;display:flex}.scene-folder-header{border:1px solid color-mix(in srgb, var(--sec-color) 24%, #ffffff14);background:color-mix(in srgb, var(--sec-color) 7%, #ffffff07);cursor:pointer;border-radius:7px;grid-template-columns:22px minmax(0,1fr) 20px;align-items:center;gap:5px;min-height:34px;padding:0 7px;transition:background .15s,border-color .15s,box-shadow .15s;display:grid;position:relative}.scene-folder-header.is-drop-folder-pending,.scene-folder-header.is-drop-folder{border-color:color-mix(in srgb, var(--sec-color) 72%, #ffffff2e);background:color-mix(in srgb, var(--sec-color) 18%, #ffffff09)}.scene-folder-header.is-drop-folder{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sec-color) 58%, transparent), 0 0 22px color-mix(in srgb, var(--sec-color) 24%, transparent)}.scene-folder-header.is-drop-folder-before:before,.scene-folder-header.is-drop-folder-after:before{content:"";background:color-mix(in srgb, var(--sec-color) 86%, #fff);height:2px;box-shadow:0 0 16px color-mix(in srgb, var(--sec-color) 50%, transparent);pointer-events:none;border-radius:999px;position:absolute;left:8px;right:8px}.scene-folder-header.is-drop-folder-before:before{top:-5px}.scene-folder-header.is-drop-folder-after:before{bottom:-5px}.scene-folder-toggle{width:20px;height:22px;color:color-mix(in srgb, var(--sec-color) 72%, #ffffffbd);pointer-events:none;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.scene-folder-icon{color:currentColor;width:16px;height:16px;display:block}.scene-folder-icon .cls-1{stroke:currentColor}.scene-folder-name{min-width:0;height:24px;color:color-mix(in srgb, var(--sec-color) 84%, #fff);font-family:var(--font);letter-spacing:1.4px;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:4px;padding:0 5px;font-size:8.5px;font-weight:800}.scene-folder-name:hover,.scene-folder-name:focus{border-color:color-mix(in srgb, var(--sec-color) 36%, #ffffff1a);background:#ffffff09}.scene-folder-name:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.scene-folder-count{color:color-mix(in srgb, var(--sec-color) 58%, #ffffff94);font-family:var(--font);justify-self:end;font-size:8.5px;font-weight:800}.scene-folder-body{border-left:1px solid color-mix(in srgb, var(--sec-color) 28%, #ffffff14);flex-direction:column;gap:6px;margin-left:10px;padding-left:8px;display:flex}.scene-panel .scene-section{gap:6px}.scene-panel .scene-section-body{gap:4px;margin-top:4px}.scene-panel .scene-section-header{border:1px solid color-mix(in srgb, var(--sec-color,#fff) 22%, #a8bcd62e);border-bottom:1px solid color-mix(in srgb, var(--sec-color,#fff) 22%, #a8bcd62e);background:linear-gradient(180deg, #ffffff08, #fff0), color-mix(in srgb, var(--sec-color,#fff) 4%, #0a101866);border-radius:14px;padding:8px 12px;transition:background .16s,border-color .16s,transform .16s cubic-bezier(.18,1.18,.28,1);box-shadow:inset 0 0 0 1px #ffffff06}.scene-panel .scene-section-header:hover{border-color:color-mix(in srgb, var(--sec-color,#fff) 38%, #a8bcd62e);background:linear-gradient(180deg, #ffffff0d, #fff0), color-mix(in srgb, var(--sec-color,#fff) 7%, #0a101880)}.scene-panel .scene-folder-header{border-radius:12px}.scene-panel .scene-folder-body{border-left-color:color-mix(in srgb, var(--sec-color,#fff) 24%, #a8bcd629);margin-left:8px;padding-left:8px}@keyframes screenshotFlash{0%{opacity:0}18%{opacity:.42}to{opacity:0}}.screenshot-flash{z-index:2000;pointer-events:none;opacity:0;background:#fff;animation:.42s cubic-bezier(.18,.86,.18,1) forwards screenshotFlash;position:fixed;inset:0}@keyframes clipboardToastOut{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,6px)scale(.97)}}@keyframes clipboardToastIn{0%{opacity:0;transform:translate(-50%,6px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}.clipboard-toast{z-index:1200;border:1px solid color-mix(in srgb, var(--toast-defense-color,#1ac46f) 38%, #a8bcd638);pointer-events:none;white-space:nowrap;background:linear-gradient(#ffffff0b,#fff0),#0a1018eb;border-radius:36px;align-items:center;gap:10px;min-height:44px;padding:0 22px;animation:.4s cubic-bezier(.18,.86,.18,1) both clipboardToastIn,.28s cubic-bezier(.32,0,.68,0) 1.24s forwards clipboardToastOut;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000075,inset 0 0 0 1px #ffffff08}.app:has(.mode-banner) .clipboard-toast{bottom:calc(var(--mode-banner-bottom) + var(--mode-banner-height) + 16px)}.clipboard-toast-icon{width:18px;height:18px;color:var(--toast-defense-color,#1ac46f);flex-shrink:0}.clipboard-toast-label{font-family:var(--font);letter-spacing:.3px;color:#ecf4fcf5;font-size:12.5px;font-weight:600;line-height:1}@keyframes shortcutCapturePulse{0%,to{background-color:#a0c4ff24}50%{background-color:#a0c4ff4d}}@keyframes shortcutPanelIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shortcutOverlayIn{0%{opacity:0}to{opacity:1}}.shortcut-overlay{z-index:1400;-webkit-backdrop-filter:blur(6px);background:radial-gradient(80% 60%,#080c16b8,#000000e0);justify-content:center;align-items:center;animation:.16s ease-out both shortcutOverlayIn;display:flex;position:fixed;inset:0}.shortcut-panel{scrollbar-width:thin;scrollbar-color:#a8bcd640 transparent;background:linear-gradient(#ffffff08,#fff0),#0a1018f0;border:1px solid #a8bcd62e;border-radius:18px;width:min(720px,100vw - 48px);max-height:calc(100dvh - 64px);padding:18px 22px 20px;animation:.22s cubic-bezier(.18,1.1,.28,1) both shortcutPanelIn;overflow-y:auto;box-shadow:0 24px 64px #0000008c,inset 0 0 0 1px #ffffff06}.shortcut-panel-header{border-bottom:1px solid #a8bcd624;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.shortcut-panel-title{letter-spacing:1.6px;color:#e1e9f5f2;margin:0;font-size:13px;font-weight:800}.shortcut-panel-sub{letter-spacing:.3px;color:#b2bfd299;flex:1;font-size:10px}.shortcut-panel-actions{align-items:center;gap:8px;display:flex}.shortcut-reset-all{color:#cddaecc7;font-family:var(--font);letter-spacing:.4px;cursor:pointer;background:linear-gradient(#ffffff0a,#fff0),#0a1018d9;border:1px solid #a8bcd638;border-radius:14px;padding:5px 12px;font-size:10px;font-weight:700;transition:border-color .14s,background .14s,color .14s}.shortcut-reset-all:hover:not(:disabled){color:#fff;background:linear-gradient(#ffffff0f,#ffffff03),#161e2cf5;border-color:#cedcf08c}.shortcut-reset-all:disabled{opacity:.35;cursor:default}.shortcut-close{color:#dce6f4db;width:28px;height:28px;font-family:var(--font);cursor:pointer;background:linear-gradient(#ffffff0a,#fff0),#0a1018d9;border:1px solid #a8bcd638;border-radius:50%;place-items:center;padding:0;font-size:15px;font-weight:300;line-height:1;transition:transform .16s cubic-bezier(.18,1.18,.28,1),border-color .14s,color .14s;display:grid}.shortcut-close:hover{color:#fff;border-color:#cedcf08c;transform:scale(1.08)}.shortcut-columns{grid-template-columns:1fr 1fr;align-items:start;gap:6px 28px;display:grid}@media (width<=640px){.shortcut-columns{grid-template-columns:1fr}}.shortcut-group{margin:0 0 10px}.shortcut-group-title{letter-spacing:1.2px;text-transform:uppercase;color:#a0c4ffa8;margin:0 0 6px;font-size:9.5px;font-weight:800}.shortcut-row{flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:28px;padding:2px 0;display:flex}.shortcut-label{letter-spacing:.2px;color:#c6d2e2d1;flex:1;align-items:center;gap:6px;font-size:11px;display:inline-flex}.shortcut-keys{align-items:center;gap:4px;display:inline-flex}.shortcut-kbd{font-family:var(--font);min-width:24px;height:22px;color:var(--text);letter-spacing:.4px;background:linear-gradient(#ffffff0d,#ffffff03),#8096ac1a;border:1px solid #8096ac42;border-bottom-color:#8096ac6b;border-radius:5px;justify-content:center;align-items:center;padding:0 7px;font-size:10px;font-weight:800;display:inline-flex}.shortcut-kbd--bindable{cursor:pointer;background:linear-gradient(#ffffff0d,#ffffff03),#a0c4ff1a;border-color:#a0c4ff52 #a0c4ff52 #a0c4ff80;transition:transform .14s cubic-bezier(.18,1.18,.28,1),border-color .13s,background .13s,box-shadow .14s}.shortcut-kbd--bindable:hover,.shortcut-kbd--bindable:focus-visible{border-color:#bad4ffb3;transform:scale(1.08);box-shadow:0 0 0 3px #a0c4ff1f}.shortcut-kbd--bindable.is-custom{background:linear-gradient(#ffffff0f,#ffffff04),#a0c4ff33}.shortcut-kbd--bindable.is-capturing{border-color:#bad4ffd9;animation:.9s ease-in-out infinite shortcutCapturePulse;box-shadow:0 0 0 3px #a0c4ff2e}.shortcut-reset{color:#a0c4ff99;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;font-size:11px;line-height:1;transition:color .13s,background .13s;display:inline-grid}.shortcut-reset:hover{color:#fff;background:#a0c4ff29}.shortcut-error{letter-spacing:.2px;color:#ff8d8d;flex-basis:100%;font-size:9.5px}@keyframes import-drop-card-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.import-drop-overlay{z-index:1120;pointer-events:none;background:#03070d57;place-items:center;animation:.14s ease-out both import-overlay-in;display:grid;position:fixed;inset:0}.import-drop-card{background:#0a1018f0;border:1px solid #a8bcd638;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:14px;min-width:min(360px,100vw - 42px);padding:16px 18px;animation:.22s cubic-bezier(.18,.9,.2,1) both import-drop-card-in;display:grid;box-shadow:0 14px 36px #0000005c,inset 0 0 0 1px #ffffff06}.import-drop-icon{color:#c4d0e2c7;background:#ffffff08;border:1px solid #a8bcd638;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.import-drop-icon svg{width:16px;height:16px;display:block}.import-drop-copy{min-width:0}.import-drop-kicker{color:#a8b2c499;font-family:var(--font);letter-spacing:.16em;font-size:9px;font-weight:700;line-height:1}.import-drop-title{color:#dce6f4eb;font-family:var(--font);letter-spacing:.01em;margin-top:6px;font-size:14px;font-weight:600;line-height:1.1}.import-drop-subtitle{color:#a0acc09e;margin-top:5px;font-size:10.5px;line-height:1.35}@keyframes video-modal-player-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes video-modal-overlay-in{0%{opacity:0}to{opacity:1}}.video-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:radial-gradient(80% 60%,#080c16c7,#000000eb);justify-content:center;align-items:center;animation:.18s ease-out both video-modal-overlay-in;display:flex;position:fixed;inset:0}.video-modal{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r);flex-direction:column;gap:10px;min-width:320px;padding:16px;display:flex}.video-modal--player{background:#000;border:1px solid #ffffff0f;border-radius:10px;width:min(960px,92vw);height:min(540px,51.75vw);padding:0;animation:.24s cubic-bezier(.18,.86,.18,1) both video-modal-player-in;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000b3,inset 0 0 0 1px #ffffff0a,0 0 60px #ff3b4124}.video-modal-close{z-index:10;color:#ffffffeb;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#0000009e;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:background .14s,transform .14s,border-color .14s;display:flex;position:absolute;top:10px;right:10px}.video-modal-close:hover{background:#ff3b41eb;border-color:#ff3b41eb;transform:scale(1.06)}.video-modal-close:active{transform:scale(.94)}