body{background-color:var(--color-canvas-slate);color:var(--color-text-luxury);font-family:system-ui,sans-serif;margin:0;min-block-size:100vh;padding:0}code,pre{font-family:monospace}details summary{align-items:center;cursor:pointer;display:flex;inline-size:100%;justify-content:space-between;list-style:none;margin-block-end:1rem;outline:none;user-select:none}details summary::-webkit-details-marker{display:none}details summary:focus-visible{border-radius:.25rem;outline:.125rem solid var(--color-brand-primary);outline-offset:.25rem}details summary .section-title{align-items:center;color:var(--color-text-luxury);display:inline-flex;font-size:.9375rem;font-weight:600;gap:.75rem;margin:0;transition:color .15s ease}details summary .section-title:hover{color:var(--color-brand-primary)}details summary .section-title:hover .chevron-svg{color:var(--color-brand-primary)}details .chevron-svg{color:var(--color-text-subtle);flex-shrink:0;transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1)}details:not([open]){padding-block-end:.75rem}details:not([open]) summary{margin-block-end:0}details:not([open]) .chevron-svg{transform:rotate(180deg)}.sr-only{block-size:.0625rem;border:0;clip:rect(0, 0, 0, 0);inline-size:.0625rem;margin:-0.0625rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap}a:focus,button:focus,input:focus,select:focus{outline:.125rem solid var(--color-brand-primary);outline-offset:.125rem}:root{--box-shadow-elevation: 0 .4rem * $font-size 1.6rem * $font-size oklch(.05 .005 255 / .6);--color-brand-primary: oklch(.6 .17 250);--color-brand-primary-hover: oklch(.66 .16 250);--color-canvas-slate: oklch(.12 .012 255);--color-cyan-accent: oklch(.7 .12 210);--color-emerald-active: oklch(.72 .14 145);--color-emerald-hover: oklch(.78 .13 145);--color-field-slate: oklch(.11 .012 255);--color-gold-highlight: oklch(.85 .12 100);--color-input-focus: oklch(.24 .015 255);--color-panel-slate: oklch(.16 .012 255);--color-risk-danger: oklch(.58 .18 28);--color-risk-danger-hover: oklch(.64 .17 28);--color-text-luxury: oklch(.95 .01 255);--color-text-muted: oklch(.7 .01 255);--color-text-subtle: oklch(.82 .01 255)}@media(prefers-color-scheme: light){:root{--box-shadow-elevation: 0 .4rem * $font-size 1.2rem * $font-size oklch(.2 .01 255 / .12);--color-brand-primary: oklch(.56 .18 250);--color-brand-primary-hover: oklch(.5 .18 250);--color-canvas-slate: oklch(.98 .005 255);--color-cyan-accent: oklch(.48 .14 210);--color-emerald-active: oklch(.48 .15 145);--color-emerald-hover: oklch(.42 .15 145);--color-field-slate: oklch(.93 .005 255);--color-gold-highlight: oklch(.72 .15 85);--color-input-focus: oklch(.86 .01 255);--color-panel-slate: oklch(.96 .005 255);--color-risk-danger: oklch(.5 .18 28);--color-risk-danger-hover: oklch(.44 .18 28);--color-text-luxury: oklch(.12 .01 255);--color-text-muted: oklch(.38 .01 255);--color-text-subtle: oklch(.32 .01 255)}}body.theme-light{--box-shadow-elevation: 0 .4rem * $font-size 1.2rem * $font-size oklch(.2 .01 255 / .12);--color-brand-primary: oklch(.56 .18 250);--color-brand-primary-hover: oklch(.5 .18 250);--color-canvas-slate: oklch(.98 .005 255);--color-cyan-accent: oklch(.48 .14 210);--color-emerald-active: oklch(.48 .15 145);--color-emerald-hover: oklch(.42 .15 145);--color-field-slate: oklch(.93 .005 255);--color-gold-highlight: oklch(.72 .15 85);--color-input-focus: oklch(.86 .01 255);--color-panel-slate: oklch(.96 .005 255);--color-risk-danger: oklch(.5 .18 28);--color-risk-danger-hover: oklch(.44 .18 28);--color-text-luxury: oklch(.12 .01 255);--color-text-muted: oklch(.38 .01 255);--color-text-subtle: oklch(.32 .01 255)}body.theme-dark{--box-shadow-elevation: 0 .4rem * $font-size 1.6rem * $font-size oklch(.05 .005 255 / .6);--color-brand-primary: oklch(.6 .17 250);--color-brand-primary-hover: oklch(.66 .16 250);--color-canvas-slate: oklch(.12 .012 255);--color-cyan-accent: oklch(.7 .12 210);--color-emerald-active: oklch(.72 .14 145);--color-emerald-hover: oklch(.78 .13 145);--color-field-slate: oklch(.11 .012 255);--color-gold-highlight: oklch(.85 .12 100);--color-input-focus: oklch(.24 .015 255);--color-panel-slate: oklch(.16 .012 255);--color-risk-danger: oklch(.58 .18 28);--color-risk-danger-hover: oklch(.64 .17 28);--color-text-luxury: oklch(.95 .01 255);--color-text-muted: oklch(.7 .01 255);--color-text-subtle: oklch(.82 .01 255)}.application-header{background-color:var(--color-panel-slate);border:.0625rem solid var(--color-input-focus);border-radius:.5rem;margin-block-end:1.5rem;padding:1rem 1.25rem}.application-header .header-top-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-block-end:.5rem}.application-header .header-top-row .branding-group{align-items:center;display:inline-flex;gap:.75rem;margin-block-end:0}.application-header .header-top-row .branding-group .logo-accent{background-color:var(--color-brand-primary);block-size:1rem;border-radius:.25rem;box-shadow:0 0 .75rem var(--color-brand-primary);inline-size:1rem}.application-header .header-top-row .branding-group .header-title{color:var(--color-text-luxury);font-size:1.25rem;font-weight:700;letter-spacing:-0.02em;margin:0}.application-header .header-top-row .branding-group .badge-tag{background-color:oklch(.6 .17 250/.1);border:.0625rem solid oklch(.6 .17 250/.25);border-radius:624.9375rem;color:var(--color-brand-primary);font-size:.6875rem;font-weight:600;padding:.25rem .5rem}.application-header .header-controls-group{align-items:center;display:flex;gap:.625rem}.application-header .theme-switcher-group{align-items:center;background-color:var(--color-input-background);border:.0625rem solid var(--color-input-border);border-radius:.5rem;display:inline-flex;gap:.125rem;padding:.125rem}.application-header .theme-switcher-group .theme-btn{align-items:center;background:none;block-size:1.5625rem;border:none;border-radius:.375rem;color:var(--color-text-subtle);cursor:pointer;display:inline-flex;inline-size:1.5625rem;justify-content:center;padding:.3125rem;transition:all .2s ease-in-out}.application-header .theme-switcher-group .theme-btn:hover:not(.active){background-color:oklch(.6 .17 250/.08);color:var(--color-text-luxury)}.application-header .theme-switcher-group .theme-btn.active{background-color:var(--color-brand-primary);box-shadow:0 0 .5rem var(--color-brand-primary);color:var(--color-text-luxury)}.application-header .theme-switcher-group .theme-btn svg{display:block;stroke:currentColor}.application-header .language-switcher{align-items:center;background-color:var(--color-input-background);border:.0625rem solid var(--color-input-border);border-radius:.5rem;display:inline-flex;gap:.125rem;padding:.125rem}.application-header .language-switcher .lang-btn{background:none;border:none;border-radius:.375rem;color:var(--color-text-subtle);cursor:pointer;font-size:.6875rem;font-weight:600;padding:.25rem .625rem;transition:all .2s ease-in-out}.application-header .language-switcher .lang-btn:hover:not(.active){background-color:oklch(.6 .17 250/.08);color:var(--color-text-luxury)}.application-header .language-switcher .lang-btn.active{background-color:var(--color-brand-primary);box-shadow:0 0 .5rem var(--color-brand-primary);color:var(--color-text-luxury)}.application-header .header-description{color:var(--color-text-subtle);font-size:.8125rem;line-height:1.5;margin:0;max-inline-size:53.125rem}.animation-preset-card{background-color:var(--color-panel-slate);border:.0625rem solid var(--color-input-focus);border-radius:.5rem;box-shadow:var(--box-shadow-elevation);padding:1.25rem}.animation-preset-card .section-title{font-size:.9375rem;font-weight:600;margin:0 0 .375rem 0}.animation-preset-card .section-help{color:var(--color-text-subtle);font-size:.75rem;margin:0 0 1rem 0;line-height:1.5}.animation-preset-card .animation-workbench{align-items:stretch;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width: 40rem){.animation-preset-card .animation-workbench{grid-template-columns:8.75rem 1fr}}.animation-preset-card .animation-stage{align-items:center;background-color:var(--color-field-slate);block-size:100%;border:.0625rem solid var(--color-input-focus);border-radius:.5rem;box-sizing:border-box;display:flex;justify-content:center;min-block-size:8.75rem}.animation-preset-card .animation-stage .shifter-preview-box{background-image:radial-gradient(var(--color-input-focus) 0.0625rem, transparent 0.0625rem);background-size:.625rem .625rem;block-size:6.25rem;border-radius:.25rem;inline-size:6.25rem;overflow:hidden;position:relative}.animation-preset-card .animation-stage .shifter-preview-box .shifter-moving-element{background:linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-cyan-accent) 100%);block-size:25rem;inline-size:25rem;inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute;transform:scale(0.25);transform-origin:top left;transition:clip-path 1.2s cubic-bezier(0.4, 0, 0.2, 1)}.animation-preset-card .animation-controls{display:flex;flex-direction:column;gap:.875rem;justify-content:flex-start}.animation-preset-card .animation-controls .state-actions-row{display:flex;flex-wrap:wrap;gap:.625rem}.animation-preset-card .animation-controls .state-actions-row .action-btn-green{background-color:var(--color-field-slate);border:.0625rem solid var(--color-brand-primary);border-radius:.375rem;color:var(--color-brand-primary);cursor:pointer;flex:1 1 8.75rem;font-family:system-ui,sans-serif;font-size:.71875rem;font-weight:500;padding:.5rem .625rem;text-align:center;transition:all .1s ease;white-space:nowrap}.animation-preset-card .animation-controls .state-actions-row .action-btn-green:hover{background-color:var(--color-brand-primary);color:oklch(1 0 0)}.animation-preset-card .animation-controls .state-actions-row .action-btn-green:active{transform:translateY(0.0625rem)}.animation-preset-card .animation-controls .play-controls-row{align-items:center;background-color:var(--color-field-slate);border:.0625rem solid var(--color-input-focus);border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.625rem .75rem;padding:.625rem}.animation-preset-card .animation-controls .play-controls-row .range-field-label{color:var(--color-text-subtle);font-family:monospace;font-size:.6875rem;white-space:nowrap}.animation-preset-card .animation-controls .play-controls-row .sc-range-slider{accent-color:var(--color-brand-primary);cursor:pointer;flex:1 1 6.25rem;min-inline-size:5rem}.animation-preset-card .animation-controls .play-controls-row .btn-play-trigger{background-color:var(--color-brand-primary);border:none;border-radius:.375rem;box-shadow:0 .125rem .5rem oklch(0 0 0/.2);color:oklch(1 0 0);cursor:pointer;font-family:system-ui,sans-serif;font-size:.71875rem;font-weight:600;padding:.4375rem .875rem;transition:all .1s ease;white-space:nowrap}.animation-preset-card .animation-controls .play-controls-row .btn-play-trigger:hover{background-color:var(--color-brand-primary-hover)}.animation-preset-card .animation-controls .play-controls-row .btn-play-trigger:active{transform:scale(0.97)}.animation-preset-card .animation-controls .states-indicator-bar{border-block-start:.0625rem dashed var(--color-input-focus);color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:.6875rem;gap:.375rem .75rem;justify-content:space-between;padding-block-start:.5rem}.animation-preset-card .animation-controls .states-indicator-bar .state-node-status{align-items:center;display:flex;gap:.25rem;white-space:nowrap}.animation-preset-card .animation-controls .states-indicator-bar .state-node-status .amber-highlight{color:var(--color-gold-highlight)}.animation-preset-card .animation-controls .states-indicator-bar .state-node-status strong:not(.amber-highlight){color:var(--color-emerald-active)}.canvas-section{display:flex;flex-direction:column;gap:1.5rem}.canvas-card{background-color:var(--color-panel-slate);border:.0625rem solid var(--color-input-focus);border-radius:.5rem;box-shadow:var(--box-shadow-elevation);padding:1.25rem}.canvas-card .canvas-sub-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-block-end:1rem}.canvas-card .canvas-sub-header .section-help{color:var(--color-text-subtle);font-size:.75rem;margin:0}.canvas-card .canvas-sub-header .toolbar-actions{align-items:center;display:flex;gap:.5rem}.canvas-card .canvas-sub-header .toolbar-actions .label-heading{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.canvas-card .canvas-sub-header .toolbar-actions .background-toggle-group{background-color:var(--color-field-slate);border:.0625rem solid var(--color-input-focus);border-radius:.375rem;display:flex;padding:.125rem}.canvas-card .canvas-sub-header .toolbar-actions .background-toggle-group .action-toggle-button{background:none;border:none;border-radius:.25rem;cursor:pointer;font-family:system-ui,sans-serif;font-size:.6875rem;font-weight:500;padding:.25rem .5rem}.canvas-card .canvas-sub-header .toolbar-actions .background-toggle-group .action-toggle-button:not(.active):not(:hover){background-color:rgba(0,0,0,0);color:var(--color-text-subtle)}.canvas-card .canvas-sub-header .toolbar-actions .background-toggle-group .action-toggle-button:not(.active):hover{background-color:var(--color-input-focus);color:var(--color-text-luxury)}.canvas-card .canvas-sub-header .toolbar-actions .background-toggle-group .action-toggle-button.active{background-color:var(--color-brand-primary);color:oklch(1 0 0)}.canvas-card .draft-board-container{inline-size:100%;margin:0 auto}.canvas-card .draft-board-container .draft-board-aspect-ratio{background-color:var(--color-field-slate);border:.0625rem solid var(--color-input-focus);border-radius:.5rem;inline-size:100%;overflow:hidden;padding-block-end:100%;position:relative}.canvas-card .draft-board-container .draft-board{block-size:100%;box-sizing:border-box;cursor:crosshair;inset-block-start:0;inset-inline-start:0;inline-size:100%;position:absolute;user-select:none}.canvas-card .draft-board-container .draft-board.bg-transparent{background-color:var(--color-field-slate);background-image:radial-gradient(var(--color-input-focus) 0.0625rem, transparent 0.0625rem);background-size:1.25rem 1.25rem}.canvas-card .draft-board-container .draft-board.bg-photo{background-color:oklch(.08 .01 255)}.canvas-card .draft-board-container .draft-board.bg-gradient{background:radial-gradient(circle at center, oklch(20% 0.04 250deg), oklch(8% 0.01 250deg))}.canvas-card .clipped-element-visual{block-size:25rem;inline-size:25rem;inset-inline-start:0;pointer-events:none;position:absolute;inset-block-start:0;transform-origin:top left;transition:clip-path .15s ease-out;z-index:1}.canvas-card .clipped-element-visual .background-photo-asset{block-size:100%;inline-size:100%;object-fit:cover}.canvas-card .clipped-element-visual .background-photo-asset.hidden{display:none}.canvas-card .clipped-element-visual .background-gradient-asset{background:linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-cyan-accent) 100%);block-size:100%;inline-size:100%}.canvas-card .canvas-grid-lines{block-size:100%;border:.0625rem solid oklch(1 0 0/.05);inset-block-start:0;inset-inline-start:0;inline-size:100%;pointer-events:none;position:absolute}.canvas-card .canvas-grid-lines .grid-coordinate{background-color:var(--color-field-slate);border:.0625rem solid var(--color-input-focus);border-radius:.1875rem;color:var(--color-text-luxury);font-family:monospace;font-size:.625rem;line-height:1;padding:.25rem .375rem;position:absolute}.canvas-card .canvas-grid-lines .grid-coordinate.top-left{inset-block-start:.25rem;inset-inline-start:.25rem}.canvas-card .canvas-grid-lines .grid-coordinate.top-right{inset-block-start:.25rem;inset-inline-end:.25rem}.canvas-card .canvas-grid-lines .grid-coordinate.bottom-left{inset-block-end:.25rem;inset-inline-start:.25rem}.canvas-card .canvas-grid-lines .grid-coordinate.bottom-right{inset-block-end:.25rem;inset-inline-end:.25rem}.canvas-card .canvas-interactive-svg{block-size:100%;inset-block-start:0;inset-inline-start:0;inline-size:100%;overflow:visible;pointer-events:none;position:absolute;touch-action:none;z-index:2}.canvas-card .canvas-interactive-svg .svg-connecting-polyline{fill:none;stroke:var(--color-brand-primary);stroke-dasharray:none;stroke-width:.15625rem}.canvas-card .canvas-interactive-svg .svg-auxiliary-line{fill:none;opacity:.7;stroke:var(--color-text-subtle);stroke-dasharray:4 4;stroke-width:1.5}.canvas-card .canvas-interactive-svg .anchor-node-g{cursor:grab;pointer-events:auto;touch-action:none}.canvas-card .canvas-interactive-svg .anchor-node-g:active{cursor:grabbing}.canvas-card .canvas-interactive-svg .anchor-node-g:focus,.canvas-card .canvas-interactive-svg .anchor-node-g:focus-visible{outline:none}.canvas-card .canvas-interactive-svg .anchor-node-g .anchor-ring-glow{fill:var(--color-brand-primary);opacity:.15;r:1.125rem;transition:r .2s ease,opacity .2s ease,fill .2s ease}.canvas-card .canvas-interactive-svg .anchor-node-g .anchor-circle{fill:var(--color-panel-slate);stroke:var(--color-brand-primary);stroke-width:2.5;transition:stroke-width .15s ease}.canvas-card .canvas-interactive-svg .anchor-node-g .anchor-inner-dot{fill:var(--color-brand-primary)}.canvas-card .canvas-interactive-svg .anchor-node-g:not(.selected-active):hover .anchor-ring-glow{opacity:.3;r:1.5625rem}.canvas-card .canvas-interactive-svg .anchor-node-g:not(.selected-active):hover .anchor-circle{stroke:var(--color-cyan-accent)}.canvas-card .canvas-interactive-svg .anchor-node-g.selected-active .anchor-ring-glow{fill:var(--color-gold-highlight);opacity:.45;r:1.8125rem}.canvas-card .canvas-interactive-svg .anchor-node-g.selected-active .anchor-circle{stroke:var(--color-gold-highlight);stroke-width:3.5}.canvas-card .canvas-interactive-svg .anchor-node-g.selected-active .anchor-inner-dot{fill:var(--color-gold-highlight)}.canvas-card .canvas-interactive-svg .anchor-node-g:focus-visible .anchor-ring-glow{fill:var(--color-cyan-accent);opacity:.65;r:2.25rem}.canvas-card .canvas-interactive-svg .anchor-node-g:focus-visible .anchor-circle{stroke:var(--color-cyan-accent);stroke-width:4.5}.canvas-card .canvas-interactive-svg .control-handle-g{cursor:grab;pointer-events:auto;touch-action:none}.canvas-card .canvas-interactive-svg .control-handle-g:active{cursor:grabbing}.canvas-card .canvas-interactive-svg .control-handle-g:focus,.canvas-card .canvas-interactive-svg .control-handle-g:focus-visible{outline:none}.canvas-card .canvas-interactive-svg .control-handle-g .ctrl-circle-glow{fill:var(--color-cyan-accent);opacity:.1;r:.875rem;transition:r .2s ease,opacity .2s ease,fill .2s ease}.canvas-card .canvas-interactive-svg .control-handle-g .control-point-outer{fill:var(--color-field-slate);stroke:var(--color-cyan-accent);stroke-width:1.5}.canvas-card .canvas-interactive-svg .control-handle-g .control-point-inner{fill:var(--color-cyan-accent)}.canvas-card .canvas-interactive-svg .control-handle-g:not(.active-drag):hover .ctrl-circle-glow{opacity:.25;r:1.3125rem}.canvas-card .canvas-interactive-svg .control-handle-g.active-drag .ctrl-circle-glow{opacity:.4;r:1.5625rem}.canvas-card .canvas-interactive-svg .control-handle-g.active-drag .control-point-outer{stroke:var(--color-gold-highlight)}.canvas-card .canvas-interactive-svg .control-handle-g.active-drag .control-point-inner{fill:var(--color-gold-highlight)}.canvas-card .canvas-interactive-svg .control-handle-g:focus-visible .ctrl-circle-glow{fill:var(--color-gold-highlight);opacity:.65;r:1.75rem}.canvas-card .canvas-interactive-svg .control-handle-g:focus-visible .control-point-outer{stroke:var(--color-gold-highlight);stroke-width:3.5}.canvas-footer{align-items:center;display:flex;font-family:monospace;font-size:.6875rem;justify-content:space-between;margin-block-start:.875rem}.canvas-footer .canvas-meta-info{color:var(--color-text-subtle);display:flex;gap:1rem}.canvas-footer .canvas-meta-info .coordinate-readout{color:var(--color-brand-primary);font-weight:600}.canvas-footer .canvas-zoom-controls{display:flex;gap:.5rem}.canvas-footer .canvas-zoom-controls .utility-action-button{background:none;border:.0625rem solid var(--color-input-focus);border-radius:.25rem;color:var(--color-text-subtle);cursor:pointer;font-family:system-ui,sans-serif;font-size:.6875rem;padding:.25rem .625rem;transition:all .1s ease}.canvas-footer .canvas-zoom-controls .utility-action-button:not(:hover){opacity:.85}.canvas-footer .canvas-zoom-controls .utility-action-button:hover{background-color:oklch(.6 .17 250/.05);border-color:var(--color-brand-primary);color:var(--color-text-luxury)}.canvas-card summary .section-title{font-size:1rem}.presets-card{background-color:var(--color-panel-slate);border:.0625rem solid var(--color-input-focus);border-radius:.5rem;box-shadow:var(--box-shadow-elevation);padding:1.25rem}.presets-card .section-title{font-size:.9375rem;font-weight:600;margin:0 0 .25rem 0}.presets-card .section-help{color:var(--color-text-subtle);font-size:.75rem;margin:0 0 .875rem 0}.presets-card .presets-list{display:grid;gap:.75rem;grid-template-columns:repeat(3, 1fr)}@media(min-width: 30rem){.presets-card .presets-list{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 48rem){.presets-card .presets-list{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 64rem){.presets-card .presets-list{grid-template-columns:repeat(6, 1fr)}}.presets-card .presets-list .preset-item-card{align-items:center;background-color:var(--color-field-slate);border:.0625rem solid var(--color-input-focus);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;justify-content:flex-start;min-block-size:6.75rem;padding:.625rem;text-align:center;transition:all .1s ease}.presets-card .presets-list .preset-item-card .preset-icon-container{align-items:center;background-color:var(--color-canvas-slate);block-size:3rem;border:.0625rem solid var(--color-input-focus);border-radius:.375rem;display:flex;flex-shrink:0;inline-size:3rem;justify-content:center;margin-block-end:.375rem;overflow:hidden;position:relative;transition:border-color .1s ease,background-color .1s ease}.presets-card .presets-list .preset-item-card .preset-icon-shape{background:linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-cyan-accent) 100%);block-size:25rem;inline-size:25rem;inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute;transform:scale(0.12);transform-origin:top left}.presets-card .presets-list .preset-item-card .preset-name{color:var(--color-text-luxury);font-size:.71875rem;font-weight:600;line-height:1.25;margin:2px 0 0 0;text-align:center;word-break:break-word}.presets-card .presets-list .preset-item-card:not(.active-setting):not(:hover){background-color:var(--color-field-slate);border-color:var(--color-input-focus)}.presets-card .presets-list .preset-item-card:not(.active-setting):hover{background-color:oklch(.6 .17 250/.05);border-color:var(--color-brand-primary)}.presets-card .presets-list .preset-item-card:not(.active-setting):hover .preset-icon-container{border-color:var(--color-brand-primary)}.presets-card .presets-list .preset-item-card.active-setting{background-color:oklch(.6 .17 250/.1);border-color:var(--color-brand-primary);box-shadow:0 0 .625rem oklch(.6 .17 250/.15)}.presets-card .presets-list .preset-item-card.active-setting .preset-icon-container{background-color:oklch(.6 .17 250/.05);border-color:var(--color-brand-primary)}.commands-card{background-color:var(--color-panel-slate);border:.0625rem solid var(--color-input-focus);border-radius:.5rem;box-shadow:var(--box-shadow-elevation);padding:1.25rem}.commands-card .commands-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-block-end:.75rem}.commands-card .commands-header .section-title{font-size:.9375rem;font-weight:600;margin:0}.commands-card .commands-header .globally-units-selector-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.commands-card .commands-header .globally-units-selector{align-items:center;display:flex;gap:.375rem}.commands-card .commands-header .globally-units-selector .label-heading{color:var(--color-text-muted);font-size:.6875rem}.commands-card .commands-header .globally-units-selector .convert-unit-btn{background-color:var(--color-field-slate);border:.0625rem solid var(--color-input-focus);border-radius:.25rem;color:var(--color-text-subtle);cursor:pointer;font-family:system-ui,sans-serif;font-size:.625rem;font-weight:500;padding:.25rem .5rem;transition:all .1s ease}.commands-card .commands-header .globally-units-selector .convert-unit-btn:not(:hover){opacity:.9}.commands-card .commands-header .globally-units-selector .convert-unit-btn:hover{background-color:oklch(.6 .17 250/.05);border-color:var(--color-brand-primary);color:var(--color-text-luxury)}.commands-card .commands-header .base-font-size-configurator{align-items:center;background-color:var(--color-panel-slate);border:.0625rem dashed var(--color-input-focus);border-radius:.375rem;display:flex;gap:.375rem;padding:.1875rem .375rem}.commands-card .commands-header .base-font-size-configurator .label-heading{color:var(--color-text-muted);font-size:.6875rem;white-space:nowrap}.commands-card .commands-header .base-font-size-configurator .parent-font-size-input{background-color:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:.25rem;box-sizing:border-box;color:var(--color-text-luxury);font-family:monospace;font-size:.6875rem;font-weight:600;inline-size:44px;padding:2px 4px;text-align:center}.commands-card .commands-header .base-font-size-configurator .parent-font-size-input:focus{border-color:var(--color-brand-primary);outline:none}.commands-card .commands-header .base-font-size-configurator .px-suffix{color:var(--color-text-muted);font-family:monospace;font-size:.6875rem}.commands-card .command-creator-toolbar{background-color:var(--color-field-slate);border:.0625rem dashed var(--color-input-focus);border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:1rem;padding:.5rem}.commands-card .command-creator-toolbar .add-command-btn{border:.0625rem solid rgba(0,0,0,0);border-radius:.25rem;cursor:pointer;flex:1;font-family:monospace;font-size:.6875rem;min-inline-size:4.0625rem;padding:.375rem .5rem;text-align:center;transition:all .1s ease}.commands-card .command-creator-toolbar .add-command-btn:not(:hover){background-color:var(--color-panel-slate);border-color:var(--color-input-focus);color:var(--color-text-subtle)}.commands-card .command-creator-toolbar .add-command-btn:hover{background-color:oklch(.6 .17 250/.05);border-color:var(--color-brand-primary);color:var(--color-text-luxury);transform:translateY(-0.03125rem)}.commands-card .command-creator-toolbar .add-command-btn:active{transform:translateY(0.03125rem)}.commands-card .commands-stack{display:flex;flex-direction:column;gap:.625rem;max-block-size:30rem;overflow-y:auto;padding-inline-end:.25rem}.commands-card .commands-stack::-webkit-scrollbar{inline-size:.375rem}.commands-card .commands-stack::-webkit-scrollbar-track{background:var(--color-panel-slate)}.commands-card .commands-stack::-webkit-scrollbar-thumb{background-color:var(--color-input-focus);border-radius:.1875rem}.commands-card .commands-stack::-webkit-scrollbar-thumb:hover{background:var(--color-brand-primary)}.command-item-card{background-color:var(--color-field-slate);border:.0625rem solid var(--color-input-focus);border-radius:.375rem;display:flex;flex-direction:column;gap:.625rem;padding:.75rem;position:relative;transition:all .1s ease}.command-item-card:not(.selected-active):not(:hover){border-color:var(--color-input-focus)}.command-item-card:not(.selected-active):hover{border-color:var(--color-text-muted)}.command-item-card.selected-active{background-color:oklch(.85 .12 100/.03);border-color:var(--color-gold-highlight);box-shadow:0 0 .625rem oklch(.85 .12 100/.06)}.command-item-card .item-header-meta{align-items:center;border-block-end:.0625rem solid oklch(1 0 0/.03);display:flex;justify-content:space-between;padding-block-end:.375rem}.command-item-card .item-header-meta .command-type-label-badge{align-items:center;color:var(--color-text-luxury);display:flex;font-family:monospace;font-size:.8125rem;font-weight:700;gap:.375rem}.command-item-card .item-header-meta .command-type-label-badge .number-badge{background-color:var(--color-panel-slate);border-radius:.25rem;color:var(--color-text-muted);font-size:.625rem;padding:.125rem .3125rem}.command-item-card .item-header-meta .command-type-label-badge .type-indicator-colored{background-color:var(--color-text-muted);block-size:.375rem;border-radius:50%;display:inline-block;inline-size:.375rem}.command-item-card .item-header-meta .command-type-label-badge .type-indicator-colored.color-from{background-color:var(--color-brand-primary)}.command-item-card .item-header-meta .command-type-label-badge .type-indicator-colored.color-line{background-color:var(--color-cyan-accent)}.command-item-card .item-header-meta .command-type-label-badge .type-indicator-colored.color-hline{background-color:var(--color-cyan-accent)}.command-item-card .item-header-meta .command-type-label-badge .type-indicator-colored.color-vline{background-color:var(--color-cyan-accent)}.command-item-card .item-header-meta .command-type-label-badge .type-indicator-colored.color-curve{background-color:var(--color-gold-highlight)}.command-item-card .item-header-meta .command-type-label-badge .type-indicator-colored.color-arc{background-color:oklch(.7 .15 320)}.command-item-card .item-header-meta .command-type-label-badge .type-indicator-colored.color-close{background-color:var(--color-text-muted)}.command-item-card .item-header-meta .header-actions-group{align-items:center;display:flex;gap:.25rem}.command-item-card .item-header-meta .header-actions-group .reorder-arrow-btn{background:none;border:none;border-radius:.1875rem;color:var(--color-text-muted);cursor:pointer;font-size:.6875rem;padding:.125rem .25rem;transition:all .1s ease}.command-item-card .item-header-meta .header-actions-group .reorder-arrow-btn:not(:hover){opacity:.85}.command-item-card .item-header-meta .header-actions-group .reorder-arrow-btn:hover{background-color:var(--color-panel-slate);color:var(--color-text-luxury)}.command-item-card .item-header-meta .header-actions-group .reorder-arrow-btn:disabled{background:none;color:oklch(1 0 0/.05);cursor:not-allowed}.command-item-card .item-header-meta .header-actions-group .delete-row-btn{background:none;border:none;border-radius:.1875rem;color:var(--color-text-muted);cursor:pointer;font-size:.6875rem;margin-inline-start:.25rem;padding:.125rem .25rem;transition:all .1s ease}.command-item-card .item-header-meta .header-actions-group .delete-row-btn:hover{background-color:oklch(.58 .18 28/.1);color:var(--color-risk-danger)}.command-item-card .inputs-columns-layout{display:flex;flex-wrap:wrap;gap:.5rem .75rem}.command-item-card .inputs-columns-layout .field-parameters-cell{display:flex;flex:1;flex-direction:column;gap:.25rem;min-inline-size:4.6875rem}.command-item-card .inputs-columns-layout .field-parameters-cell .label-caption{color:var(--color-text-muted);font-size:.625rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.command-item-card .inputs-columns-layout .field-parameters-cell .interactive-numeric-input{background-color:var(--color-panel-slate);border:.0625rem solid var(--color-input-focus);border-radius:.25rem;box-sizing:border-box;color:var(--color-text-luxury);font-family:monospace;font-size:.75rem;inline-size:100%;padding:.3125rem .5rem}.command-item-card .inputs-columns-layout .field-parameters-cell .interactive-numeric-input:focus{border-color:var(--color-brand-primary);outline:none}.command-item-card .inputs-columns-layout .field-parameters-cell .unit-dropdown-selector{background-color:var(--color-panel-slate);border:.0625rem solid var(--color-input-focus);border-radius:.25rem;color:var(--color-text-subtle);cursor:pointer;font-family:system-ui,sans-serif;font-size:.625rem;inline-size:100%;padding:.25rem .375rem}.command-item-card .inputs-columns-layout .field-parameters-cell .unit-dropdown-selector:focus{border-color:var(--color-brand-primary);outline:none}.command-item-card .inputs-columns-layout .field-toggle-cell{display:flex;flex:1.2;flex-direction:column;gap:.25rem;min-inline-size:5rem}.command-item-card .inputs-columns-layout .field-toggle-cell .label-caption{color:var(--color-text-muted);font-size:.625rem;font-weight:500;text-transform:uppercase}.command-item-card .inputs-columns-layout .field-toggle-cell .action-select-dropdown{background-color:var(--color-panel-slate);border:.0625rem solid var(--color-input-focus);border-radius:.25rem;color:var(--color-text-luxury);cursor:pointer;font-family:system-ui,sans-serif;font-size:.6875rem;inline-size:100%;padding:.3125rem .5rem}.command-item-card .inputs-columns-layout .field-toggle-cell .action-select-dropdown:focus{border-color:var(--color-brand-primary);outline:none}.close-command-meta-prompt{color:var(--color-text-muted);font-size:.71875rem;font-style:italic;margin:0}.output-card{background-color:var(--color-panel-slate);border:.0625rem solid var(--color-input-focus);border-radius:.5rem;box-shadow:var(--box-shadow-elevation);padding:1.25rem}.output-card .output-summary-header{align-items:center;display:flex;gap:1rem;inline-size:100%;justify-content:space-between;margin-block-end:.75rem}.output-card .output-summary-header .section-title{font-size:.9375rem;font-weight:600;margin:0}.output-card .output-summary-header .copy-code-btn{background-color:var(--color-brand-primary);border:none;border-radius:.375rem;box-shadow:0 .125rem .375rem oklch(0 0 0/.15);color:oklch(1 0 0);cursor:pointer;font-family:system-ui,sans-serif;font-size:.75rem;font-weight:600;padding:.375rem .875rem;transition:background-color .1s ease}.output-card .output-summary-header .copy-code-btn:hover{background-color:var(--color-brand-primary-hover)}.output-card .output-summary-header .copy-code-btn:active{transform:translateY(0.03125rem)}.output-card .code-tabs-row{display:flex;margin-block-end:.75rem}.output-card .code-tabs-row .code-tabs-group{background-color:var(--color-field-slate);border:1px solid var(--color-input-focus);border-radius:6px;display:flex;padding:2px}.output-card .code-tabs-row .code-tabs-group .code-tab-button{background:none;border:none;border-radius:4px;cursor:pointer;font-family:system-ui,sans-serif;font-size:11px;font-weight:500;padding:4px 10px;transition:background-color .1s ease,color .1s ease}.output-card .code-tabs-row .code-tabs-group .code-tab-button:not(.active):not(:hover){background-color:rgba(0,0,0,0);color:var(--color-text-subtle)}.output-card .code-tabs-row .code-tabs-group .code-tab-button:not(.active):hover{background-color:var(--color-input-focus);color:var(--color-text-luxury)}.output-card .code-tabs-row .code-tabs-group .code-tab-button.active{background-color:var(--color-brand-primary);color:oklch(1 0 0)}.output-card .code-preview-scroll-wrapper{background-color:var(--color-field-slate);border:1px solid var(--color-input-focus);border-radius:8px;overflow-x:auto;padding:14px}.output-card .code-preview-scroll-wrapper .code-terminal-block{color:var(--color-brand-primary);font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}.info-collapsible-tip{border-block-start:.0625rem dashed var(--color-input-focus);margin-block-start:1rem;padding-block-start:.875rem}.info-collapsible-tip .tip-heading{color:var(--color-cyan-accent);font-size:.75rem;font-weight:600;margin:0 0 .375rem 0}.info-collapsible-tip .tip-body{color:var(--color-text-subtle);font-size:.71875rem;line-height:1.5;margin:0}.configuration-section{display:flex;flex-direction:column;gap:1.5rem}.app-footer{border-block-start:.0625rem solid var(--color-input-focus);margin-block-start:2.5rem;padding:1.5rem 0;text-align:center}.app-footer .footer-text{color:var(--color-text-muted);font-size:.8125rem;margin:0 0 .75rem 0}.app-footer .footer-links{display:flex;gap:1.25rem;justify-content:center}.app-footer .footer-links a{color:var(--color-brand-primary);font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s}.app-footer .footer-links a:hover{color:var(--color-brand-primary-hover);text-decoration:underline}.toast-notification-banner{background-color:var(--color-emerald-active);border-radius:.375rem;box-shadow:var(--box-shadow-elevation);color:oklch(.12 .012 255);font-size:.8125rem;font-weight:600;inset-block-end:1.5rem;inset-inline-end:1.5rem;opacity:0;padding:.75rem 1.25rem;pointer-events:none;position:fixed;transform:translateY(1.25rem);transition:transform .25s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .2s ease,visibility .2s;visibility:hidden;z-index:1000}.toast-notification-banner.visible-state{opacity:1;transform:translateY(0);visibility:visible}.application-container{margin:0 auto;max-inline-size:90rem;padding:1.5rem}.workspace-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width: 64rem){.workspace-grid{align-items:start;grid-template-columns:32.5rem 1fr}}@media print{body{background-color:oklch(1 0 0);color:oklch(0 0 0)}.application-container{max-inline-size:100%;padding:0}.canvas-grid-lines,.canvas-interactive-svg,.canvas-footer,.command-creator-toolbar,.reorder-arrow-btn,.delete-row-btn,.background-toggle-group,.presets-card,.animation-preset-card{display:none !important}.canvas-card{background:rgba(0,0,0,0);border:none;box-shadow:none}.output-card{border:.0625rem solid oklch(.85 0 0);box-shadow:none}}/*# sourceMappingURL=editor.css.map */