.a-sun-studio .astudio-board-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.a-sun-studio .astudio-board-toolbar,.a-sun-studio .astudio-board-library-tabs,.a-sun-studio .astudio-board-library-body,.a-sun-studio .astudio-board-export-body{scrollbar-width:thin;scrollbar-color:var(--astudio-border) #fff0}.a-sun-studio .astudio-board-toolbar::-webkit-scrollbar,.a-sun-studio .astudio-board-library-tabs::-webkit-scrollbar,.a-sun-studio .astudio-board-export-body::-webkit-scrollbar{height:4px}.a-sun-studio .astudio-board-toolbar::-webkit-scrollbar-thumb,.a-sun-studio .astudio-board-library-tabs::-webkit-scrollbar-thumb,.a-sun-studio .astudio-board-export-body::-webkit-scrollbar-thumb{background:var(--astudio-border);border-radius:2px}.a-sun-studio .astudio-board-minimap[hidden],.a-sun-studio .astudio-board-dimension-input[hidden],.a-sun-studio .astudio-board-floating-bar[hidden],.a-sun-studio .astudio-board-library[hidden],.a-sun-studio .astudio-board-library-footer[hidden],.a-sun-studio .astudio-board-3d-hud-panel[hidden],.a-sun-studio .astudio-board-floating-bar [hidden]{display:none}.a-sun-studio .astudio-board-tool:focus-visible,.a-sun-studio .astudio-board-float-btn:focus-visible,.a-sun-studio .astudio-board-layer-item:focus-visible,.a-sun-studio .astudio-board-layer-child:focus-visible,.a-sun-studio .astudio-board-sun-ray:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.a-sun-studio .astudio-board-customize-range,.a-sun-studio .astudio-board-export-range,.a-sun-studio .astudio-board-3d-hud-row input[type="range"]{height:18px;accent-color:var(--color-primary);cursor:pointer}.a-sun-studio .astudio-board-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--astudio-border);background:var(--astudio-surface);flex-shrink:0;min-height:46px;overflow-x:auto;overflow-y:hidden}.a-sun-studio .astudio-board-group{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap;min-width:max-content}.a-sun-studio .astudio-board-toolbar>.astudio-board-group:first-child{justify-content:flex-end}.a-sun-studio .astudio-board-toolbar>.astudio-board-group:last-child{justify-content:flex-start}.a-sun-studio .astudio-board-sun-wrap{justify-content:center}.a-sun-studio .astudio-board-sep{width:1px;height:20px;background:var(--astudio-border);margin:0 4px;flex-shrink:0}.a-sun-studio .astudio-board-tool,.a-sun-studio .astudio-board-float-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);cursor:pointer;font-family:inherit;transition:border-color 0.2s ease,color 0.2s ease,background 0.2s ease;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-tool:hover,.a-sun-studio .astudio-board-float-btn:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-tool.is-active,.a-sun-studio .astudio-board-float-btn.is-active{background:color-mix(in srgb,var(--color-primary) 18%,transparent);border:1px solid var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-tool:disabled,.a-sun-studio .astudio-board-float-btn:disabled{opacity:.4;cursor:not-allowed}.a-sun-studio .astudio-board-tool svg{inline-size:17px;block-size:17px;display:block;flex-shrink:0}.a-sun-studio .astudio-board-float-btn{min-inline-size:30px;min-block-size:30px;padding:4px}.a-sun-studio .astudio-board-float-btn svg{inline-size:15px;block-size:15px}.a-sun-studio .astudio-board-tool{margin:0;padding:5px;min-inline-size:34px;min-block-size:34px;font-size:0}.a-sun-studio .astudio-board-tool.is-primary{font-size:.8rem;padding:6px 12px;border-style:solid;border-color:var(--color-primary);color:var(--color-primary);gap:6px}.a-sun-studio .astudio-board-size-btn svg{transition:transform 0.2s ease}.a-sun-studio .astudio-board-size-btn.is-s svg{transform:scale(.75)}.a-sun-studio .astudio-board-size-btn.is-m svg{transform:scale(1)}.a-sun-studio .astudio-board-size-btn.is-l svg{transform:scale(1.25)}.a-sun-studio .astudio-board-zoom-label{min-inline-size:50px;justify-content:center;direction:ltr;font-size:0.75rem!important;padding:5px 8px!important}.a-sun-studio .astudio-board-color-sun{position:relative;inline-size:56px;block-size:56px;flex-shrink:0}.a-sun-studio .astudio-board-color-sun svg{display:block;inline-size:100%;block-size:100%;overflow:visible}.a-sun-studio .astudio-board-sun-center{transition:fill 0.2s ease;stroke:var(--astudio-surface);stroke-width:2}.a-sun-studio .astudio-board-sun-ray{cursor:pointer;stroke-linecap:round;stroke-width:4;transition:stroke-width 0.15s ease,filter 0.2s ease;outline:none}.a-sun-studio .astudio-board-sun-ray:hover{stroke-width:5.5;filter:drop-shadow(0 0 3px currentColor)}.a-sun-studio .astudio-board-stage{position:relative;flex:1 1 0%;min-height:300px;overflow:hidden}.a-sun-studio .astudio-board-canvas{position:absolute;inset:0;display:block;touch-action:none;cursor:crosshair}.a-sun-studio .astudio-board-floattools{position:absolute;z-index:25;display:inline-flex;align-items:center;gap:2px;flex-wrap:nowrap;max-inline-size:calc(100% - 16px);overflow:visible;padding:4px;background:color-mix(in srgb,var(--astudio-inset) 80%,var(--astudio-text) 8%);border:1px solid var(--astudio-border);box-shadow:0 4px 14px rgb(0 0 0 / .3);touch-action:none;border-start-start-radius:0;border-start-end-radius:9px;border-end-end-radius:0;border-end-start-radius:9px}.a-sun-studio .astudio-board-floattools.is-dragging{opacity:.92;cursor:grabbing}.a-sun-studio .astudio-board-float-grip{display:inline-flex;align-items:center;justify-content:center;inline-size:20px;block-size:30px;color:var(--astudio-muted);cursor:grab;flex-shrink:0;border-inline-end:1px solid var(--astudio-border);margin-inline-end:2px}.a-sun-studio .astudio-board-float-grip svg{inline-size:14px;block-size:14px}.a-sun-studio .astudio-board-floattools .astudio-board-tool{min-inline-size:30px;min-block-size:30px;padding:4px;flex-shrink:0;border:none;background:#fff0;border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:0;border-end-start-radius:6px}.a-sun-studio .astudio-board-floattools .astudio-board-tool:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.a-sun-studio .astudio-board-floattools .astudio-board-tool.is-active{background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.a-sun-studio .astudio-board-floattools .astudio-board-tool svg{inline-size:16px;block-size:16px}.a-sun-studio .astudio-board-floattools>.astudio-board-tool:not(:first-child)::before,.a-sun-studio .astudio-board-floattools>.astudio-board-toolgroup:not(:first-child) .astudio-board-toolgroup-head::before{content:'';position:absolute;inset-inline-start:0;top:22%;bottom:22%;width:1px;background:var(--astudio-border);opacity:.4}.a-sun-studio .astudio-board-float-lock.is-locked{background:color-mix(in srgb,var(--color-accent) 11%,transparent);color:var(--color-accent)}.a-sun-studio .astudio-board-toolgroup{position:relative;display:inline-flex;flex-shrink:0}.a-sun-studio .astudio-board-toolgroup-head{position:relative;z-index:2}.a-sun-studio .astudio-board-toolgroup-fan{position:absolute;top:0;left:0;z-index:30;pointer-events:none}.a-sun-studio .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-toolgroup-fan .astudio-board-float-btn{position:absolute;top:0;left:0;opacity:0;transform:translate(0,0) scale(.55);pointer-events:none;background:var(--astudio-popover,rgb(22 23 29 / .97));border:1px solid var(--astudio-border);box-shadow:0 6px 16px rgb(0 0 0 / .4);transition:transform 0.24s cubic-bezier(.22,.9,.32,1.18),opacity 0.16s ease;transition-delay:calc(var(--fan-i, 0) * 16ms)}.a-sun-studio .astudio-board-toolgroup-fan .astudio-board-tool::before,.a-sun-studio .astudio-board-toolgroup-fan .astudio-board-float-btn::before{display:none}.a-sun-studio .astudio-board-toolgroup::before{content:'';position:absolute;inset:-6px -12px -96px -12px;display:none}.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup::before{inset:-96px -12px -6px -12px}.a-sun-studio .astudio-board-toolgroup:hover::before,.a-sun-studio .astudio-board-toolgroup.is-open::before,.a-sun-studio .astudio-board-toolgroup:focus-within::before{display:block}.a-sun-studio .astudio-board-toolgroup.is-collapsed:hover::before,.a-sun-studio .astudio-board-toolgroup.is-collapsed:focus-within::before{display:none}.a-sun-studio .astudio-board-toolgroup.is-collapsed:hover .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-toolgroup.is-collapsed:hover .astudio-board-toolgroup-fan .astudio-board-float-btn,.a-sun-studio .astudio-board-toolgroup.is-collapsed:focus-within .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-toolgroup.is-collapsed:focus-within .astudio-board-toolgroup-fan .astudio-board-float-btn,.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup.is-collapsed:hover .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup.is-collapsed:hover .astudio-board-toolgroup-fan .astudio-board-float-btn,.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup.is-collapsed:focus-within .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup.is-collapsed:focus-within .astudio-board-toolgroup-fan .astudio-board-float-btn{opacity:0;pointer-events:none;transform:translate(0,0) scale(.55)}.a-sun-studio .astudio-board-toolgroup:hover .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-toolgroup:hover .astudio-board-toolgroup-fan .astudio-board-float-btn,.a-sun-studio .astudio-board-toolgroup.is-open .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-toolgroup.is-open .astudio-board-toolgroup-fan .astudio-board-float-btn,.a-sun-studio .astudio-board-toolgroup:focus-within .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-toolgroup:focus-within .astudio-board-toolgroup-fan .astudio-board-float-btn{opacity:1;pointer-events:auto;transform:translate(var(--fan-x,0),var(--fan-y,0)) scale(1)}.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup:hover .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup:hover .astudio-board-toolgroup-fan .astudio-board-float-btn,.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup.is-open .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup.is-open .astudio-board-toolgroup-fan .astudio-board-float-btn,.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup:focus-within .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-floattools.opens-up .astudio-board-toolgroup:focus-within .astudio-board-toolgroup-fan .astudio-board-float-btn{transform:translate(var(--fan-x,0),calc(var(--fan-y, 0px) * -1)) scale(1)}.a-sun-studio .astudio-board-floattools.is-dragging .astudio-board-toolgroup-fan{display:none}.a-sun-studio .astudio-board-minimap{position:absolute;z-index:20;bottom:10px;inset-inline-end:10px;border:1px solid var(--astudio-border);background:color-mix(in srgb,var(--astudio-inset) 85%,transparent);cursor:pointer;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px;box-shadow:0 2px 10px rgb(0 0 0 / .3)}.a-sun-studio .astudio-board-dimension-input{position:absolute;z-index:20;bottom:10px;inset-inline-start:10px;display:flex;align-items:center;gap:6px;padding:6px 10px;background:color-mix(in srgb,var(--astudio-inset) 85%,transparent);border:1px solid var(--astudio-border);border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px;box-shadow:0 2px 10px rgb(0 0 0 / .3);font-size:.75rem;color:var(--astudio-text)}.a-sun-studio .astudio-board-dimension-input label{display:flex;align-items:center;gap:4px;direction:ltr}.a-sun-studio .astudio-board-dimension-input input{width:120px;padding:3px 8px;background:color-mix(in srgb,var(--astudio-surface) 60%,transparent);border:1px solid var(--astudio-border);border-radius:3px;color:var(--astudio-text);font-family:var(--font-en),monospace;font-size:.75rem;direction:ltr;text-align:center}.a-sun-studio .astudio-board-dimension-input input:focus{outline:1px solid var(--color-primary);border-color:var(--color-primary)}.a-sun-studio .astudio-board-dimension-input .unit-label{font-size:.68rem;color:var(--astudio-muted);direction:ltr}.a-sun-studio .astudio-board-material-tab{display:flex;flex-direction:column;gap:12px}.a-sun-studio .astudio-board-material-section{display:flex;flex-direction:column;gap:6px}.a-sun-studio .astudio-board-material-section h4{margin:0;font-size:.78rem;color:var(--color-primary);font-weight:600}.a-sun-studio .astudio-board-material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}.a-sun-studio .astudio-board-material-swatch{aspect-ratio:1;border:1px dashed var(--astudio-border);border-start-start-radius:0;border-start-end-radius:5px;border-end-end-radius:0;border-end-start-radius:5px;cursor:pointer;transition:border-color 0.2s ease,transform 0.15s ease;background-size:cover;background-position:center}.a-sun-studio .astudio-board-material-swatch:hover{border-color:var(--color-primary);transform:scale(1.05)}.a-sun-studio .astudio-board-material-swatch.is-image{background-color:var(--astudio-surface)}.a-sun-studio .astudio-board-material-empty{grid-column:1 / -1;font-size:.72rem;color:var(--astudio-muted);text-align:center;padding:12px 0}.a-sun-studio .astudio-board-material-scale-row{display:flex;align-items:center;gap:8px;padding:4px 0}.a-sun-studio .astudio-board-material-scale-slider{flex:1;height:18px;accent-color:var(--color-primary);cursor:pointer}.a-sun-studio .astudio-board-material-scale-value{font-size:.72rem;color:var(--astudio-text);direction:ltr;min-inline-size:36px;text-align:center;font-family:var(--font-en),monospace}.a-sun-studio .astudio-board-material-fit-btn{font-size:.68rem;padding:3px 8px;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);cursor:pointer;border-start-start-radius:0;border-start-end-radius:5px;border-end-end-radius:0;border-end-start-radius:5px;white-space:nowrap;transition:border-color 0.2s ease,color 0.2s ease}.a-sun-studio .astudio-board-material-fit-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-material-remove-btn{display:inline-flex;align-items:center;gap:6px;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);padding:6px 10px;font-family:inherit;font-size:.72rem;cursor:pointer;border-radius:0 6px 0 6px;transition:border-color 0.2s ease,color 0.2s ease}.a-sun-studio .astudio-board-material-remove-btn:hover{border-color:#e0685c;color:#e0685c}.a-sun-studio .astudio-board-material-remove-btn svg{inline-size:13px;block-size:13px}.a-sun-studio .astudio-board-topbar [data-feature-key="save"].is-dirty{border-style:solid;border-color:var(--color-primary);color:var(--color-primary);animation:astudio-board-dirty-pulse 1.8s ease-in-out infinite}@keyframes astudio-board-dirty-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-primary) 35%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 0%,transparent)}}.a-sun-studio .astudio-board-tool.is-armed{background:color-mix(in srgb,#e0685c 22%,transparent);border:1px solid #e0685c;color:#e0685c;animation:astudio-board-armed-pulse 0.9s ease-in-out infinite}@keyframes astudio-board-armed-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,#e0685c 40%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,#e0685c 0%,transparent)}}.a-sun-studio .astudio-board-tool-kbd{position:absolute;inset-inline-end:2px;bottom:1px;font-size:7px;line-height:1;font-family:var(--font-en),monospace;direction:ltr;color:var(--astudio-muted);opacity:.75;pointer-events:none;letter-spacing:0}.a-sun-studio .astudio-board-tool.is-active .astudio-board-tool-kbd{color:var(--color-primary);opacity:.9}.a-sun-studio .astudio-board-floating-bar{position:absolute;z-index:30;display:inline-flex;align-items:center;gap:3px;padding:4px;background:var(--astudio-popover,rgb(22 23 29 / .97));border:1px solid var(--astudio-border);box-shadow:0 8px 22px rgb(0 0 0 / .4);white-space:nowrap;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-floating-bar .astudio-board-sep{height:18px}.a-sun-studio .astudio-board-library{position:absolute;z-index:40;top:0;bottom:0;inset-inline-start:0;inline-size:260px;display:flex;flex-direction:column;background:var(--astudio-popover,rgb(22 23 29 / .98));border-inline-end:1px solid var(--astudio-border);box-shadow:8px 0 22px rgb(0 0 0 / .35)}.a-sun-studio .astudio-board-library--left{inset-inline-start:auto;inset-inline-end:0;border-inline-end:none;border-inline-start:1px solid var(--astudio-border);box-shadow:-8px 0 22px rgb(0 0 0 / .35)}.a-sun-studio .astudio-board-library.is-resizing{user-select:none}.a-sun-studio .astudio-board-library-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--astudio-border);flex-shrink:0}.a-sun-studio .astudio-board-library-header h3{margin:0;font-size:.9rem;color:var(--astudio-text)}.a-sun-studio .astudio-board-library-close{background:#fff0;border:none;color:var(--astudio-muted);cursor:pointer;padding:4px}.a-sun-studio .astudio-board-library-close:hover{color:var(--color-primary)}.a-sun-studio .astudio-board-library-close svg{inline-size:16px;block-size:16px;display:block}.a-sun-studio .astudio-board-library-tabs{display:flex;flex-wrap:nowrap;gap:4px;padding:8px 12px;border-bottom:1px solid var(--astudio-border);flex-shrink:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.a-sun-studio .astudio-board-library-tabs .astudio-board-library-tab{flex:0 0 auto;background:transparent!important;border:1px dashed var(--astudio-border)!important;color:var(--astudio-text)!important;padding:6px 4px;font-family:inherit;font-size:.72rem;cursor:pointer;white-space:nowrap;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-library-tabs .astudio-board-library-tab:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)!important;border-color:var(--color-primary)!important;color:var(--astudio-text)!important}.a-sun-studio .astudio-board-library-tabs .astudio-board-library-tab.is-active{background:var(--color-primary)!important;border:1px solid var(--color-primary)!important;color:#f6f2f5!important}.a-sun-studio .astudio-board-library-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:10px}.a-sun-studio .astudio-board-library-resizer{position:absolute;top:0;bottom:0;inline-size:7px;inset-inline-end:-3px;cursor:ew-resize;touch-action:none;z-index:2}.a-sun-studio .astudio-board-library--left .astudio-board-library-resizer{inset-inline-end:auto;inset-inline-start:-3px}.a-sun-studio .astudio-board-library-resizer::after{content:'';position:absolute;top:0;bottom:0;inset-inline-start:3px;inline-size:2px;background:#fff0;transition:background 0.2s ease}.a-sun-studio .astudio-board-library-resizer:hover::after,.a-sun-studio .astudio-board-library.is-resizing .astudio-board-library-resizer::after{background:var(--color-primary)}.a-sun-studio .astudio-board-library-effects{display:flex;flex-direction:column;gap:10px}.a-sun-studio .astudio-board-effects-pagename{font-size:.78rem;font-weight:600;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 40%,transparent);padding:6px 10px;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-library-effects .astudio-modifier-controls{padding:0;gap:10px}.a-sun-studio .astudio-board-library-effects .astudio-modifier-row{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;grid-template-areas:"label value reset" "input input input";gap:4px 8px;align-items:center}.a-sun-studio .astudio-board-library-effects .astudio-modifier-label{grid-area:label}.a-sun-studio .astudio-board-library-effects .astudio-modifier-value{grid-area:value}.a-sun-studio .astudio-board-library-effects .astudio-modifier-reset{grid-area:reset}.a-sun-studio .astudio-board-library-effects .astudio-modifier-row>input[type="range"]{grid-area:input;inline-size:100%}.a-sun-studio .astudio-board-library-effects .astudio-modifier-row>input[type="checkbox"]{grid-area:value;justify-self:start;margin:0;inline-size:16px;block-size:16px}.a-sun-studio .astudio-board-library-effects .astudio-modifier-reset{inline-size:22px;block-size:22px;font-size:.78rem;padding:0}.a-sun-studio .astudio-board-library-effects .astudio-modifier-reset-all{padding:5px 10px;font-size:.72rem;line-height:1.4}.a-sun-studio .astudio-board-layer-item,.a-sun-studio .astudio-board-layer-child,.a-sun-studio .astudio-board-settings-row{display:flex;align-items:center;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);transition:border-color 0.2s ease,background 0.2s ease,color 0.2s ease,opacity 0.2s ease}.a-sun-studio .astudio-board-layer-item:hover,.a-sun-studio .astudio-board-layer-child:hover,.a-sun-studio .astudio-board-settings-row:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,transparent)}.a-sun-studio .astudio-board-library-layers{display:flex;flex-direction:column;gap:6px}.a-sun-studio .astudio-board-layer-item{gap:6px;padding:6px 8px;cursor:pointer;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-layer-item.is-active{border:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 14%,transparent)}.a-sun-studio .astudio-board-layer-item.is-hidden .astudio-board-layer-name{opacity:.5}.a-sun-studio .astudio-board-layer-grip{inline-size:20px;block-size:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#fff0;border:none;color:var(--astudio-muted);cursor:grab;flex-shrink:0;touch-action:none;border-radius:4px}.a-sun-studio .astudio-board-layer-grip svg{inline-size:12px;block-size:12px;display:block}.a-sun-studio .astudio-board-layer-grip:hover{color:var(--color-primary)}.a-sun-studio .astudio-board-layer-grip:active{cursor:grabbing}.a-sun-studio .astudio-board-layer-item.is-dragging{opacity:.45}.a-sun-studio .astudio-board-layer-item.is-drop-before{box-shadow:0 -3px 0 0 var(--color-primary)}.a-sun-studio .astudio-board-layer-item.is-drop-after{box-shadow:0 3px 0 0 var(--color-primary)}.a-sun-studio .astudio-board-layer-caret{inline-size:20px;block-size:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#fff0;border:none;color:var(--astudio-muted);cursor:pointer;flex-shrink:0;transition:transform 0.2s ease,color 0.2s ease}.a-sun-studio .astudio-board-layer-caret svg{inline-size:12px;block-size:12px;display:block}.a-sun-studio .astudio-board-layer-caret:hover{color:var(--color-primary)}.a-sun-studio .astudio-board-layer-item.is-expanded .astudio-board-layer-caret{transform:rotate(-90deg)}.a-sun-studio .astudio-board-layer-eye{inline-size:26px;block-size:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);cursor:pointer;padding:0;transition:border-color 0.2s ease,color 0.2s ease,background 0.2s ease;border-start-start-radius:0;border-start-end-radius:5px;border-end-end-radius:0;border-end-start-radius:5px}.a-sun-studio .astudio-board-layer-eye svg{inline-size:15px;block-size:15px;display:block}.a-sun-studio .astudio-board-layer-eye:hover{border-color:var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-layer-eye.is-off{opacity:.45}.a-sun-studio .astudio-board-layer-name{flex:1;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-sun-studio .astudio-board-layer-item.is-active .astudio-board-layer-name{color:var(--color-primary);font-weight:600}.a-sun-studio .astudio-board-layer-action{inline-size:22px;block-size:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-muted);cursor:pointer;font-size:.7rem;line-height:1;border-radius:4px;flex-shrink:0;transition:border-color 0.2s ease,color 0.2s ease}.a-sun-studio .astudio-board-layer-action svg{inline-size:13px;block-size:13px;display:block}.a-sun-studio .astudio-board-layer-action:hover{border-color:var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-layer-del:hover{border-color:#e0685c;color:#e0685c}.a-sun-studio .astudio-board-layer-fx{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--astudio-border));color:var(--color-primary)}.a-sun-studio .astudio-board-layer-fx.is-off{opacity:.45}.a-sun-studio .astudio-board-layer-rename{flex:1;min-inline-size:0;background:color-mix(in srgb,var(--astudio-surface) 60%,transparent);border:1px solid var(--color-primary);color:var(--astudio-text);font-family:inherit;font-size:.78rem;padding:2px 6px;border-radius:0 5px 0 5px;box-sizing:border-box}.a-sun-studio .astudio-board-layer-rename:focus{outline:1px solid var(--color-primary)}.a-sun-studio .astudio-board-layer-add{margin-top:4px;width:100%;font-size:.78rem}.a-sun-studio .astudio-board-layer-children{display:flex;flex-direction:column;gap:3px;padding-inline-start:30px}.a-sun-studio .astudio-board-layer-child{gap:6px;padding:4px 8px;cursor:pointer;border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:0;border-end-start-radius:6px}.a-sun-studio .astudio-board-layer-child.is-selected{border:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.a-sun-studio .astudio-board-layer-child.is-dim{opacity:.55}.a-sun-studio .astudio-board-layer-child-label{flex:1;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-sun-studio .astudio-board-layer-count{font-size:.62rem;color:var(--astudio-muted);border:1px solid var(--astudio-border);border-radius:8px;padding:0 6px;flex-shrink:0}.a-sun-studio .astudio-board-layer-child .astudio-board-layer-eye{inline-size:22px;block-size:20px}.a-sun-studio .astudio-board-layer-child .astudio-board-layer-eye svg{inline-size:13px;block-size:13px}.a-sun-studio .astudio-board-layer-child .astudio-board-layer-action{inline-size:20px;block-size:20px}.a-sun-studio .astudio-board-layer-empty{font-size:.68rem;color:var(--astudio-muted);padding:2px 8px;margin:0}.a-sun-studio .astudio-board-library-components{display:block}.a-sun-studio .astudio-board-library-tags{display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;padding-bottom:2px}.a-sun-studio .astudio-board-library-tag{flex-shrink:0;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);padding:4px 10px;font-family:inherit;font-size:.72rem;cursor:pointer;white-space:nowrap;transition:border-color 0.2s ease,color 0.2s ease,background 0.2s ease;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-library-tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-library-tag.is-active{background:color-mix(in srgb,var(--color-primary) 18%,transparent);border:1px solid var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.a-sun-studio .astudio-board-library-empty{grid-column:1 / -1;color:var(--astudio-muted);font-size:.8rem;text-align:center;padding:16px 0}.a-sun-studio .astudio-board-library-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);cursor:pointer;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-library-card:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.a-sun-studio .astudio-board-library-preview{inline-size:72px;block-size:72px;background:color-mix(in srgb,var(--astudio-surface) 60%,transparent);border-radius:4px}.a-sun-studio .astudio-board-library-card-label{font-size:.72rem;line-height:1.2;text-align:center}.a-sun-studio .astudio-board-library-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:100%;aspect-ratio:1;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);cursor:pointer;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-library-icon:hover{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.a-sun-studio .astudio-board-library-icon svg{inline-size:22px;block-size:22px}.a-sun-studio .astudio-board-library-shortcuts{display:flex;flex-direction:column;gap:14px}.a-sun-studio .astudio-board-shortcuts-row{display:block}.a-sun-studio .astudio-board-shortcuts-title{margin:0 0 6px;font-size:.78rem;font-weight:600;color:var(--color-primary)}.a-sun-studio .astudio-board-shortcuts-items{display:grid;grid-template-columns:1fr;gap:4px}.a-sun-studio .astudio-board-shortcut{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;color:var(--astudio-text)}.a-sun-studio .astudio-board-shortcut kbd{direction:ltr;font-family:var(--font-en),monospace;font-size:.66rem;line-height:1.4;padding:1px 6px;min-inline-size:26px;text-align:center;background:color-mix(in srgb,var(--astudio-surface) 70%,transparent);border:1px solid var(--astudio-border);border-radius:3px;color:var(--astudio-text);white-space:nowrap}.a-sun-studio .astudio-board-library-history{display:flex;flex-direction:column;gap:4px}.a-sun-studio .astudio-board-history-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);font-family:inherit;font-size:.75rem;cursor:pointer;text-align:right;transition:border-color 0.2s ease,background 0.2s ease,color 0.2s ease;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-history-row:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.a-sun-studio .astudio-board-history-row.is-current{border:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary)}.a-sun-studio .astudio-board-history-row.is-redo{opacity:.45}.a-sun-studio .astudio-board-history-idx{direction:ltr;font-family:var(--font-en),monospace;font-size:.66rem;min-inline-size:22px;text-align:center;padding:1px 4px;background:color-mix(in srgb,var(--astudio-surface) 70%,transparent);border:1px solid var(--astudio-border);border-radius:3px;color:var(--astudio-muted);flex-shrink:0}.a-sun-studio .astudio-board-history-row.is-current .astudio-board-history-idx{color:var(--color-primary);border-color:var(--color-primary)}.a-sun-studio .astudio-board-history-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-sun-studio .astudio-board-library-settings{display:flex;flex-direction:column;gap:6px}.a-sun-studio .astudio-board-settings-row{gap:8px;padding:8px 10px;flex-wrap:wrap;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-settings-toggle{inline-size:36px;block-size:20px;border-radius:10px;border:1px solid var(--astudio-border);background:color-mix(in srgb,var(--astudio-surface) 60%,transparent);position:relative;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease;flex-shrink:0;padding:0}.a-sun-studio .astudio-board-settings-toggle::after{content:'';position:absolute;top:2px;inset-inline-start:2px;inline-size:14px;block-size:14px;border-radius:50%;background:var(--astudio-muted);transition:transform 0.2s ease,background 0.2s ease}.a-sun-studio .astudio-board-settings-toggle[aria-checked="true"]{background:color-mix(in srgb,var(--color-primary) 35%,transparent);border-color:var(--color-primary)}.a-sun-studio .astudio-board-settings-toggle[aria-checked="true"]::after{transform:translateX(-16px);background:var(--color-primary)}.a-sun-studio .astudio-board-settings-label{flex:1;font-size:.78rem;color:var(--astudio-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-sun-studio .astudio-board-settings-move{inline-size:22px;block-size:22px;padding:0;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-muted);cursor:pointer;font-size:.7rem;line-height:1;border-radius:4px;flex-shrink:0;transition:border-color 0.2s ease,color 0.2s ease}.a-sun-studio .astudio-board-settings-move:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-settings-move:disabled{opacity:.3;cursor:not-allowed}.a-sun-studio .astudio-board-settings-hint{font-size:.68rem;color:var(--astudio-muted);text-align:center;padding:8px 0 4px;margin:0}.a-sun-studio .astudio-board-settings-hint-inline{width:100%;font-size:.65rem;color:var(--astudio-muted);margin:-4px 0 2px;padding:0}.a-sun-studio .astudio-board-textinput{position:absolute;left:var(--sk-x);top:var(--sk-y);font-size:var(--sk-size);color:var(--sk-color);background:#fff0;border:none;border-bottom:1px dashed var(--color-primary);outline:none;font-family:inherit;min-inline-size:140px;padding:2px;z-index:20}.a-sun-studio textarea.astudio-board-textinput{inline-size:var(--sk-width,160px);min-block-size:60px;background:#fef3c7;border:1px dashed var(--color-primary);resize:none;border-start-start-radius:0;border-start-end-radius:4px;border-end-end-radius:0;border-end-start-radius:4px}.a-sun-studio .astudio-board-file-input{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden}.a-sun-studio .astudio-board-diagram{position:absolute;z-index:45;top:12px;left:50%;transform:translateX(-50%);inline-size:min(440px, calc(100% - 24px));max-block-size:calc(100% - 24px);display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--astudio-popover,rgb(22 23 29 / .98));border:1px solid var(--astudio-border);box-shadow:0 12px 32px rgb(0 0 0 / .5);border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px;overflow:hidden}.a-sun-studio .astudio-board-diagram-head{display:flex;align-items:center;justify-content:space-between}.a-sun-studio .astudio-board-diagram-head h3{margin:0;font-size:.9rem;color:var(--astudio-text)}.a-sun-studio .astudio-board-diagram-close{background:#fff0;border:none;color:var(--astudio-muted);cursor:pointer;font-size:1.2rem;line-height:1;padding:2px 6px}.a-sun-studio .astudio-board-diagram-close:hover{color:var(--color-primary)}.a-sun-studio .astudio-board-diagram-templates{display:flex;flex-wrap:wrap;gap:4px}.a-sun-studio .astudio-board-diagram-templates button{background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);font-family:inherit;font-size:.7rem;padding:3px 8px;cursor:pointer;border-radius:0 5px 0 5px}.a-sun-studio .astudio-board-diagram-templates button:hover{border-color:var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-diagram-src{inline-size:100%;min-block-size:90px;max-block-size:140px;resize:vertical;background:color-mix(in srgb,var(--astudio-surface) 60%,transparent);border:1px solid var(--astudio-border);color:var(--astudio-text);font-family:var(--font-en),monospace;font-size:.78rem;padding:8px;border-radius:0 5px 0 5px;box-sizing:border-box}.a-sun-studio .astudio-board-diagram-src:focus{outline:1px solid var(--color-primary)}.a-sun-studio .astudio-board-diagram-preview{flex:1;min-block-size:80px;overflow:auto;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--astudio-inset) 70%,transparent);border:1px dashed var(--astudio-border);border-radius:0 5px 0 5px;padding:6px}.a-sun-studio .astudio-board-diagram-preview svg{max-inline-size:100%;block-size:auto}.a-sun-studio .astudio-board-diagram-err{color:#e0685c;font-size:.72rem}.a-sun-studio .astudio-board-diagram-foot{display:flex;justify-content:flex-end}.a-sun-studio .astudio-board-diagram-add{background:color-mix(in srgb,var(--color-primary) 18%,transparent);border:1px solid var(--color-primary);color:var(--color-primary);font-family:inherit;font-size:.8rem;padding:6px 14px;cursor:pointer;border-radius:0 7px 0 7px}.a-sun-studio .astudio-board-diagram-add:hover{background:color-mix(in srgb,var(--color-primary) 30%,transparent)}.a-sun-studio .astudio-board-customize-section-title{margin:12px 0 6px;font-size:.72rem;font-weight:700;color:var(--color-primary);padding-bottom:4px;border-bottom:1px dashed var(--astudio-border)}.a-sun-studio .astudio-board-customize-range{flex:1}.a-sun-studio .astudio-board-customize-rangeval{font-size:.68rem;color:var(--astudio-text);direction:ltr;min-inline-size:36px;text-align:center;font-family:var(--font-en),monospace}.a-sun-studio .astudio-board-customize-swatches{display:flex;flex-wrap:wrap;gap:6px}.a-sun-studio .astudio-board-customize-swatch{inline-size:24px;block-size:24px;border:2px dashed var(--astudio-border);border-radius:4px;cursor:pointer;transition:border-color 0.2s ease,transform 0.15s ease}.a-sun-studio .astudio-board-customize-swatch:hover{border-color:var(--color-primary);transform:scale(1.1)}.a-sun-studio .astudio-board-customize-swatch.is-active{border:2px solid var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 30%,transparent)}.a-sun-studio .astudio-board-settings-row--reset{justify-content:center;border-style:solid;border-color:#e0685c;margin-top:12px}.a-sun-studio .astudio-board-customize-reset{background:#fff0;border:none;color:#e0685c;font-family:inherit;font-size:.78rem;cursor:pointer;padding:6px 12px}.a-sun-studio .astudio-board-customize-reset:hover{text-decoration:underline}.a-sun-studio .astudio-board-library-search{margin-bottom:8px}.a-sun-studio .astudio-board-library-search-input{inline-size:100%;padding:6px 10px;background:color-mix(in srgb,var(--astudio-surface) 60%,transparent);border:1px dashed var(--astudio-border);color:var(--astudio-text);font-family:inherit;font-size:.75rem;border-radius:0 6px 0 6px;box-sizing:border-box}.a-sun-studio .astudio-board-library-search-input:focus{outline:1px solid var(--color-primary);border-color:var(--color-primary)}.a-sun-studio .astudio-reduced-motion *,.a-sun-studio .astudio-reduced-motion *::before,.a-sun-studio .astudio-reduced-motion *::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important;animation-iteration-count:1!important}.a-sun-studio .astudio-board-export-overlay{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .55);backdrop-filter:blur(2px)}.a-sun-studio .astudio-board-export-dialog{display:grid;grid-template-areas:"header header" "preview body" "footer footer";grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;inline-size:min(720px, calc(100% - 32px));block-size:min(600px, calc(100% - 32px));background:var(--astudio-popover,rgb(22 23 29 / .98));border:1px solid var(--astudio-border);box-shadow:0 12px 34px rgb(0 0 0 / .5);border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px;overflow:hidden}.a-sun-studio .astudio-board-export-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--astudio-border);flex-shrink:0}.a-sun-studio .astudio-board-export-header h3{margin:0;font-size:.9rem;color:var(--astudio-text)}.a-sun-studio .astudio-board-export-close{background:#fff0;border:none;color:var(--astudio-muted);cursor:pointer;padding:4px}.a-sun-studio .astudio-board-export-close:hover{color:var(--color-primary)}.a-sun-studio .astudio-board-export-close svg{inline-size:16px;block-size:16px;display:block}.a-sun-studio .astudio-board-export-preview{grid-area:preview;display:flex;align-items:center;justify-content:center;padding:14px;background:var(--astudio-inset);border-inline-end:1px solid var(--astudio-border);overflow:hidden;min-inline-size:0;min-block-size:0}.a-sun-studio .astudio-board-export-preview img{max-inline-size:100%;max-block-size:100%;object-fit:contain;border:1px solid var(--astudio-border);border-start-start-radius:0;border-start-end-radius:5px;border-end-end-radius:0;border-end-start-radius:5px}.a-sun-studio .astudio-board-export-body{grid-area:body;padding:12px 14px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;min-inline-size:0;min-block-size:0}.a-sun-studio .astudio-board-export-field{display:flex;flex-direction:column;gap:6px}.a-sun-studio .astudio-board-export-label{font-size:.74rem;color:var(--astudio-muted)}.a-sun-studio .astudio-board-export-pages{display:flex;flex-wrap:wrap;gap:6px}.a-sun-studio .astudio-board-export-page{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;color:var(--astudio-text);border:1px dashed var(--astudio-border);cursor:pointer;border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:0;border-end-start-radius:6px;transition:border-color 0.2s ease,background 0.2s ease,color 0.2s ease}.a-sun-studio .astudio-board-export-page:hover{border-color:var(--color-primary)}.a-sun-studio .astudio-board-export-page.is-on{border:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary)}.a-sun-studio .astudio-board-export-page input{margin:0}.a-sun-studio .astudio-board-export-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.a-sun-studio .astudio-board-export-select{inline-size:100%;background:color-mix(in srgb,var(--astudio-surface) 60%,transparent);border:1px solid var(--astudio-border);color:var(--astudio-text);font-family:inherit;font-size:.78rem;padding:6px 8px;border-radius:0 5px 0 5px;box-sizing:border-box}.a-sun-studio .astudio-board-export-range{inline-size:100%}.a-sun-studio .astudio-board-export-rangeval{font-size:.72rem;color:var(--astudio-text);direction:ltr;min-inline-size:34px;text-align:right}.a-sun-studio .astudio-board-export-check{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--astudio-text);cursor:pointer}.a-sun-studio .astudio-board-export-check input{margin:0}.a-sun-studio .astudio-board-export-footer{grid-area:footer;display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--astudio-border);flex-shrink:0}.a-sun-studio .astudio-board-export-btn{background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);font-family:inherit;font-size:.8rem;padding:7px 16px;cursor:pointer;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px;transition:border-color 0.2s ease,color 0.2s ease,background 0.2s ease}.a-sun-studio .astudio-board-export-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-export-btn--primary{border-style:solid;border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 14%,transparent)}.a-sun-studio .astudio-board-export-btn--primary:hover{background:color-mix(in srgb,var(--color-primary) 26%,transparent)}.a-sun-studio .astudio-board-export-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:720px){.a-sun-studio .astudio-board-export-dialog{grid-template-areas:"header" "preview" "body" "footer";grid-template-columns:1fr;grid-template-rows:auto 200px minmax(0,1fr) auto;inline-size:min(520px, calc(100% - 24px));block-size:min(560px, calc(100% - 24px))}.a-sun-studio .astudio-board-export-preview{border-inline-end:none;border-block-end:1px solid var(--astudio-border);padding:10px}.a-sun-studio .astudio-board-export-row{gap:8px}}.a-sun-studio .astudio-board-mode-pie{min-inline-size:48px;min-block-size:48px}.a-sun-studio .astudio-board-mode-pie svg{inline-size:36px;block-size:36px}.a-sun-studio .astudio-board-mode-pie path[data-mode]{cursor:pointer;transition:filter 0.15s ease,opacity 0.15s ease}.a-sun-studio .astudio-board-mode-pie path[data-mode]:hover{filter:brightness(1.3)}.a-sun-studio .astudio-board-mode-pie circle[data-mode-cycle]{cursor:pointer;transition:filter 0.15s ease}.a-sun-studio .astudio-board-mode-pie circle[data-mode-cycle]:hover{filter:brightness(1.5)}.a-sun-studio .astudio-board-mode-pie text{pointer-events:none;user-select:none}.a-sun-studio .astudio-board-3d-host{position:absolute;inset:0;z-index:6;touch-action:none;cursor:crosshair}.a-sun-studio .astudio-board-3d-host canvas{display:block}.a-sun-studio .astudio-board-canvas{transition:opacity 0.25s ease}.a-sun-studio .is-3d .astudio-board-canvas{opacity:0;pointer-events:none}.a-sun-studio .is-3d .astudio-board-minimap,.a-sun-studio .is-3d .astudio-board-dimension-input{display:none}.a-sun-studio .astudio-board-3d-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:7;max-inline-size:calc(100% - 32px);padding:7px 14px;background:color-mix(in srgb,var(--astudio-inset) 88%,transparent);border:1px solid var(--astudio-border);color:var(--astudio-muted);font-size:.7rem;line-height:1.6;text-align:center;pointer-events:none;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px;animation:astudio-board-3d-hint-fade 7s ease forwards}@keyframes astudio-board-3d-hint-fade{0%{opacity:0}6%{opacity:1}78%{opacity:1}100%{opacity:0}}.a-sun-studio .astudio-board-3d-textinput{z-index:30}.a-sun-studio .astudio-board-3d-hud{position:absolute;bottom:12px;inset-inline-end:12px;z-index:8;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.a-sun-studio .astudio-board-3d-hud-toggle{display:inline-flex;align-items:center;justify-content:center;min-inline-size:38px;min-block-size:38px;background:color-mix(in srgb,var(--astudio-inset) 88%,transparent);border:1px solid var(--astudio-border);color:var(--astudio-text);cursor:pointer;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px;transition:border-color 0.2s ease,color 0.2s ease}.a-sun-studio .astudio-board-3d-hud-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-3d-hud-toggle svg{inline-size:16px;block-size:16px;display:block}.a-sun-studio .astudio-board-3d-hud-panel{display:flex;flex-direction:column;gap:8px;padding:12px;min-inline-size:200px;background:var(--astudio-popover,rgb(22 23 29 / .97));border:1px solid var(--astudio-border);box-shadow:0 8px 22px rgb(0 0 0 / .4);border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-3d-hud-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.72rem;color:var(--astudio-text)}.a-sun-studio .astudio-board-3d-hud-row span{flex-shrink:0}.a-sun-studio .astudio-board-3d-hud-row input[type="range"]{flex:1}.a-sun-studio .astudio-board-3d-hud-row input[type="checkbox"]{inline-size:15px;block-size:15px;accent-color:var(--color-primary);cursor:pointer}.a-sun-studio .astudio-board-library-footer{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--astudio-border);background:var(--astudio-surface)}.a-sun-studio .astudio-board-library-footer-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff0;border:1px dashed var(--astudio-border);color:var(--astudio-text);padding:8px 10px;font-family:inherit;font-size:.78rem;cursor:pointer;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px;transition:border-color 0.2s ease,color 0.2s ease,background 0.2s ease}.a-sun-studio .astudio-board-library-footer-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.a-sun-studio .astudio-board-library-footer-btn.is-primary{border-style:solid;border-color:var(--color-primary);color:var(--color-primary)}.a-sun-studio .astudio-board-library-footer-btn svg{inline-size:14px;block-size:14px;display:block}.a-sun-studio.is-live-flow .astudio-toolbar,.a-sun-studio.is-live-flow .astudio-dock,.a-sun-studio.is-live-flow .astudio-drawer-panel{filter:blur(3px) saturate(.85);opacity:.55;transition:filter 0.25s ease,opacity 0.25s ease}.a-sun-studio.is-live-flow .astudio-dock:hover,.a-sun-studio.is-live-flow .astudio-dock:focus-within{filter:none;opacity:1}.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-topbar,.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-floattools,.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-minimap,.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-dimension-input,.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-floating-bar,.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-library{filter:blur(2px) saturate(.85);opacity:.45;transition:filter 0.25s ease,opacity 0.25s ease}.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-topbar:hover,.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-floattools:hover,.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-library:hover,.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-library:focus-within{filter:none;opacity:1}.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-stage::after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;box-shadow:inset 0 0 140px 48px color-mix(in srgb,var(--astudio-inset,#111217) 55%,transparent)}.a-sun-studio .astudio-board-live-badge{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:6;display:inline-flex;align-items:center;gap:7px;padding:4px 12px;font-size:.7rem;color:var(--astudio-text,#f2f3f6);background:color-mix(in srgb,var(--astudio-inset,#111217) 85%,transparent);border:1px solid var(--color-primary,#a46497);pointer-events:none;border-start-start-radius:0;border-start-end-radius:7px;border-end-end-radius:0;border-end-start-radius:7px}.a-sun-studio .astudio-board-live-dot{inline-size:7px;block-size:7px;border-radius:50%;background:var(--color-primary,#a46497);animation:astudio-board-live-pulse 1.1s ease-in-out infinite}@keyframes astudio-board-live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}.a-sun-studio .astudio-board-live-badge.is-thinking{border-color:var(--color-accent,#2d5c4d)}.a-sun-studio .astudio-board-live-badge.is-thinking .astudio-board-live-dot{background:var(--color-accent,#2d5c4d);animation-duration:2.4s}@media (max-width:720px){.a-sun-studio .astudio-board-toolbar{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:4px 6px;padding:4px 6px;-webkit-overflow-scrolling:touch}.a-sun-studio .astudio-board-group{flex-wrap:nowrap;flex-shrink:0}.a-sun-studio .astudio-board-color-sun{flex-shrink:0;inline-size:48px;block-size:48px}.a-sun-studio .astudio-board-library{inline-size:220px!important}.a-sun-studio .astudio-board-library-resizer{display:none}.a-sun-studio .astudio-board-floating-bar{display:flex;flex-wrap:wrap;justify-content:center;white-space:normal;max-inline-size:calc(100% - 16px);max-block-size:45%;overflow:visible;left:50%!important;transform:translateX(-50%)!important}}@media (prefers-reduced-motion:reduce){.a-sun-studio .astudio-board-tool,.a-sun-studio .astudio-board-float-btn,.a-sun-studio .astudio-board-sun-center,.a-sun-studio .astudio-board-sun-ray,.a-sun-studio .astudio-board-size-btn svg,.a-sun-studio .astudio-board-library-tag,.a-sun-studio .astudio-board-history-row,.a-sun-studio .astudio-board-settings-toggle,.a-sun-studio .astudio-board-settings-toggle::after,.a-sun-studio .astudio-board-layer-item,.a-sun-studio .astudio-board-layer-caret,.a-sun-studio .astudio-board-layer-eye,.a-sun-studio .astudio-board-layer-action,.a-sun-studio .astudio-board-layer-child,.a-sun-studio .astudio-board-library-resizer::after,.a-sun-studio .astudio-board-toolgroup-fan .astudio-board-tool,.a-sun-studio .astudio-board-toolgroup-fan .astudio-board-float-btn,.a-sun-studio .astudio-board-topbar [data-feature-key="save"].is-dirty,.a-sun-studio .astudio-board-export-page,.a-sun-studio .astudio-board-export-btn,.a-sun-studio .astudio-board-3d-hud-toggle,.a-sun-studio .astudio-board-canvas,.a-sun-studio .astudio-board-mode-pie path[data-mode],.a-sun-studio .astudio-board-mode-pie circle[data-mode-cycle]{transition:none;animation:none}.a-sun-studio .astudio-board-3d-hint{animation:none;opacity:.92}.a-sun-studio .astudio-board-live-dot{animation:none}.a-sun-studio.is-live-flow .astudio-toolbar,.a-sun-studio.is-live-flow .astudio-dock,.a-sun-studio.is-live-flow .astudio-drawer-panel,.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-topbar,.a-sun-studio .astudio-board-container.is-live-flow .astudio-board-floattools{transition:none}}