@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-canvas-slate: oklch(.12 .012 255);--color-panel-slate: oklch(.16 .012 255);--color-field-slate: oklch(.11 .012 255);--color-input-focus: oklch(.24 .015 255);--color-brand-primary: oklch(.6 .17 250);--color-brand-primary-hover: oklch(.66 .16 250);--color-cyan-accent: oklch(.7 .12 210);--color-gold-highlight: oklch(.85 .12 100);--color-emerald-active: oklch(.72 .14 145);--color-emerald-hover: oklch(.78 .13 145);--color-risk-danger: oklch(.58 .18 28);--color-risk-danger-hover: oklch(.64 .17 28);--color-text-luxury: oklch(.95 .01 255);--color-text-subtle: oklch(.82 .01 255);--color-text-muted: oklch(.7 .01 255);--box-shadow-elevation: 0 4px 16px oklch(.05 .005 255 / .6)}@media(prefers-color-scheme:light){:root{--color-canvas-slate: oklch(.98 .005 255);--color-panel-slate: oklch(.96 .005 255);--color-field-slate: oklch(.93 .005 255);--color-input-focus: oklch(.86 .01 255);--color-brand-primary: oklch(.56 .18 250);--color-brand-primary-hover: oklch(.5 .18 250);--color-cyan-accent: oklch(.48 .14 210);--color-gold-highlight: oklch(.72 .15 85);--color-emerald-active: oklch(.48 .15 145);--color-emerald-hover: oklch(.42 .15 145);--color-risk-danger: oklch(.5 .18 28);--color-risk-danger-hover: oklch(.44 .18 28);--color-text-luxury: oklch(.12 .01 255);--color-text-subtle: oklch(.32 .01 255);--color-text-muted: oklch(.38 .01 255);--box-shadow-elevation: 0 4px 12px oklch(.2 .01 255 / .12)}}body.theme-light{--color-canvas-slate: oklch(.98 .005 255);--color-panel-slate: oklch(.96 .005 255);--color-field-slate: oklch(.93 .005 255);--color-input-focus: oklch(.86 .01 255);--color-brand-primary: oklch(.56 .18 250);--color-brand-primary-hover: oklch(.5 .18 250);--color-cyan-accent: oklch(.48 .14 210);--color-gold-highlight: oklch(.72 .15 85);--color-emerald-active: oklch(.48 .15 145);--color-emerald-hover: oklch(.42 .15 145);--color-risk-danger: oklch(.5 .18 28);--color-risk-danger-hover: oklch(.44 .18 28);--color-text-luxury: oklch(.12 .01 255);--color-text-subtle: oklch(.32 .01 255);--color-text-muted: oklch(.38 .01 255);--box-shadow-elevation: 0 4px 12px oklch(.2 .01 255 / .12)}body.theme-dark{--color-canvas-slate: oklch(.12 .012 255);--color-panel-slate: oklch(.16 .012 255);--color-field-slate: oklch(.11 .012 255);--color-input-focus: oklch(.24 .015 255);--color-brand-primary: oklch(.6 .17 250);--color-brand-primary-hover: oklch(.66 .16 250);--color-cyan-accent: oklch(.7 .12 210);--color-gold-highlight: oklch(.85 .12 100);--color-emerald-active: oklch(.72 .14 145);--color-emerald-hover: oklch(.78 .13 145);--color-risk-danger: oklch(.58 .18 28);--color-risk-danger-hover: oklch(.64 .17 28);--color-text-luxury: oklch(.95 .01 255);--color-text-subtle: oklch(.82 .01 255);--color-text-muted: oklch(.7 .01 255);--box-shadow-elevation: 0 4px 16px oklch(.05 .005 255 / .6)}body{font-family:Inter,system-ui,sans-serif;background-color:var(--color-canvas-slate);color:var(--color-text-luxury);margin:0;padding:0;min-height:100vh}code,pre{font-family:JetBrains Mono,monospace}.application-container{max-width:1440px;margin:0 auto;padding:24px}.application-header{margin-bottom:24px;padding:16px 20px;background-color:var(--color-panel-slate);border:1px solid var(--color-input-focus);border-radius:8px}.application-header .header-top-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:8px}.application-header .header-top-row .branding-group{display:inline-flex;align-items:center;gap:12px;margin-bottom:0}.application-header .header-top-row .branding-group .logo-accent{width:16px;height:16px;background-color:var(--color-brand-primary);border-radius:4px;box-shadow:0 0 12px var(--color-brand-primary)}.application-header .header-top-row .branding-group .header-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--color-text-luxury);margin:0}.application-header .header-top-row .branding-group .badge-tag{background-color:#0083e01a;background-color:oklch(60% .17 250deg / .1);color:var(--color-brand-primary);font-size:11px;font-weight:600;padding:4px 8px;border-radius:9999px;border:1px solid oklch(60% .17 250deg / .25)}.application-header .header-controls-group{display:flex;align-items:center;gap:10px}.application-header .theme-switcher-group{display:inline-flex;background-color:var(--color-input-background);border:1px solid var(--color-input-border);border-radius:8px;padding:2px;gap:2px;align-items:center}.application-header .theme-switcher-group .theme-btn{background:none;border:none;color:var(--color-text-subtle);display:inline-flex;align-items:center;justify-content:center;padding:5px;width:25px;height:25px;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}.application-header .theme-switcher-group .theme-btn:hover:not(.active){color:var(--color-text-luxury);background-color:#0083e014;background-color:oklch(60% .17 250deg / .08)}.application-header .theme-switcher-group .theme-btn.active{color:var(--color-text-luxury);background-color:var(--color-brand-primary);box-shadow:0 0 8px var(--color-brand-primary)}.application-header .theme-switcher-group .theme-btn svg{stroke:currentColor;display:block}.application-header .language-switcher{display:inline-flex;background-color:var(--color-input-background);border:1px solid var(--color-input-border);border-radius:8px;padding:2px;gap:2px;align-items:center}.application-header .language-switcher .lang-btn{background:none;border:none;color:var(--color-text-subtle);font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}.application-header .language-switcher .lang-btn:hover:not(.active){color:var(--color-text-luxury);background-color:#0083e014;background-color:oklch(60% .17 250deg / .08)}.application-header .language-switcher .lang-btn.active{color:var(--color-text-luxury);background-color:var(--color-brand-primary);box-shadow:0 0 8px var(--color-brand-primary)}.application-header .header-description{font-size:13px;color:var(--color-text-subtle);max-width:850px;margin:0;line-height:1.5}.workspace-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.workspace-grid{grid-template-columns:520px 1fr;align-items:start}}.canvas-section{display:flex;flex-direction:column;gap:24px}.canvas-card{background-color:var(--color-panel-slate);border-radius:8px;border:1px solid var(--color-input-focus);padding:20px;box-shadow:var(--box-shadow-elevation)}.canvas-card .canvas-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.canvas-card .canvas-toolbar .toolbar-title-group .section-title{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--color-text-luxury)}.canvas-card .canvas-toolbar .toolbar-title-group .section-help{font-size:12px;color:var(--color-text-subtle);margin:0}.canvas-card .canvas-toolbar .toolbar-actions{display:flex;align-items:center;gap:8px}.canvas-card .canvas-toolbar .toolbar-actions .label-heading{font-size:12px;color:var(--color-text-muted);font-weight:500}.canvas-card .canvas-toolbar .toolbar-actions .background-toggle-group{display:flex;background-color:var(--color-field-slate);border:1px solid var(--color-input-focus);border-radius:6px;padding:2px}.canvas-card .canvas-toolbar .toolbar-actions .background-toggle-group .action-toggle-button{background:none;border:none;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;cursor:pointer}.canvas-card .canvas-toolbar .toolbar-actions .background-toggle-group .action-toggle-button:not(.active):not(:hover){color:var(--color-text-subtle);background-color:transparent}.canvas-card .canvas-toolbar .toolbar-actions .background-toggle-group .action-toggle-button:not(.active):hover{color:var(--color-text-luxury);background-color:var(--color-input-focus)}.canvas-card .canvas-toolbar .toolbar-actions .background-toggle-group .action-toggle-button.active{background-color:var(--color-brand-primary);color:#fff}.canvas-card .draft-board-container{width:100%;margin:0 auto}.canvas-card .draft-board-container .draft-board-aspect-ratio{position:relative;width:100%;padding-bottom:100%;background-color:var(--color-field-slate);border-radius:8px;overflow:hidden;border:1px solid var(--color-input-focus)}.canvas-card .draft-board-container .draft-board{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;-webkit-user-select:none;user-select:none}.canvas-card .draft-board-container .draft-board.bg-transparent{background-image:radial-gradient(var(--color-input-focus) 1px,transparent 1px);background-size:20px 20px;background-color:var(--color-field-slate)}.canvas-card .draft-board-container .draft-board.bg-photo{background-color:#010203}.canvas-card .draft-board-container .draft-board.bg-gradient{background:radial-gradient(circle at center,#071727,#010203)}.canvas-card .clipped-element-visual{position:absolute;top:0;left:0;width:400px;height:400px;transform-origin:top left;transition:clip-path .15s ease-out;pointer-events:none;z-index:1}.canvas-card .clipped-element-visual .background-photo-asset{width:100%;height:100%;object-fit:cover}.canvas-card .clipped-element-visual .background-photo-asset.hidden{display:none}.canvas-card .clipped-element-visual .background-gradient-asset{width:100%;height:100%;background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-cyan-accent) 100%)}.canvas-card .canvas-grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border:1px solid oklch(100% 0 0deg / .05)}.canvas-card .canvas-grid-lines .grid-coordinate{position:absolute;color:var(--color-text-luxury);font-family:JetBrains Mono,monospace;font-size:10px;padding:4px 6px;background-color:var(--color-field-slate);border:1px solid var(--color-input-focus);border-radius:3px;line-height:1}.canvas-card .canvas-grid-lines .grid-coordinate.top-left{top:4px;left:4px}.canvas-card .canvas-grid-lines .grid-coordinate.top-right{top:4px;right:4px}.canvas-card .canvas-grid-lines .grid-coordinate.bottom-left{bottom:4px;left:4px}.canvas-card .canvas-grid-lines .grid-coordinate.bottom-right{bottom:4px;right:4px}.canvas-card .canvas-interactive-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none;touch-action:none}.canvas-card .canvas-interactive-svg .svg-connecting-polyline{fill:none;stroke:var(--color-brand-primary);stroke-width:2.5;stroke-dasharray:none}.canvas-card .canvas-interactive-svg .svg-auxiliary-line{fill:none;stroke:var(--color-text-subtle);stroke-width:1.5;stroke-dasharray:4 4;opacity:.7}.canvas-card .canvas-interactive-svg .anchor-node-g{pointer-events:auto;cursor:grab;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:18px;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{r:25px;opacity:.3}.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{r:29px;opacity:.45;fill:var(--color-gold-highlight)}.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{r:36px;opacity:.65;fill:var(--color-cyan-accent)}.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{pointer-events:auto;cursor:grab;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:14px;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{r:21px;opacity:.25}.canvas-card .canvas-interactive-svg .control-handle-g.active-drag .ctrl-circle-glow{r:25px;opacity:.4}.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{r:28px;opacity:.65;fill:var(--color-gold-highlight)}.canvas-card .canvas-interactive-svg .control-handle-g:focus-visible .control-point-outer{stroke:var(--color-gold-highlight);stroke-width:3.5}.canvas-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:11px}.canvas-footer .canvas-meta-info{display:flex;gap:16px;color:var(--color-text-subtle)}.canvas-footer .canvas-meta-info .coordinate-readout{color:var(--color-brand-primary);font-weight:600}.canvas-footer .canvas-zoom-controls{display:flex;gap:8px}.canvas-footer .canvas-zoom-controls .utility-action-button{background:none;font-size:11px;font-family:Inter,system-ui,sans-serif;padding:4px 10px;border-radius:4px;cursor:pointer;border:1px solid var(--color-input-focus);color:var(--color-text-subtle);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{border-color:var(--color-brand-primary);color:var(--color-text-luxury);background-color:#0083e00d;background-color:oklch(60% .17 250deg / .05)}.animation-preset-card{background-color:var(--color-panel-slate);border-radius:8px;border:1px solid var(--color-input-focus);padding:20px;box-shadow:var(--box-shadow-elevation)}.animation-preset-card .section-title{font-size:15px;font-weight:600;margin:0 0 6px}.animation-preset-card .section-help{font-size:12px;color:var(--color-text-subtle);margin:0 0 16px;line-height:1.5}.animation-preset-card .animation-workbench{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}@media(min-width:640px){.animation-preset-card .animation-workbench{grid-template-columns:140px 1fr}}.animation-preset-card .animation-stage{display:flex;justify-content:center;align-items:center;background-color:var(--color-field-slate);border-radius:8px;min-height:140px;height:100%;box-sizing:border-box;border:1px solid var(--color-input-focus)}.animation-preset-card .animation-stage .shifter-preview-box{width:100px;height:100px;position:relative;background-image:radial-gradient(var(--color-input-focus) 1px,transparent 1px);background-size:10px 10px;border-radius:4px;overflow:hidden}.animation-preset-card .animation-stage .shifter-preview-box .shifter-moving-element{width:100%;height:100%;background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-cyan-accent) 100%);transition:clip-path 1.2s cubic-bezier(.4,0,.2,1)}.animation-preset-card .animation-controls{display:flex;flex-direction:column;justify-content:flex-start;gap:14px}.animation-preset-card .animation-controls .state-actions-row{display:flex;flex-wrap:wrap;gap:10px}.animation-preset-card .animation-controls .state-actions-row .action-btn-green{flex:1 1 140px;background-color:var(--color-field-slate);border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:11.5px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .1s ease;white-space:nowrap;text-align:center}.animation-preset-card .animation-controls .state-actions-row .action-btn-green:hover{background-color:var(--color-brand-primary);color:#fff}.animation-preset-card .animation-controls .state-actions-row .action-btn-green:active{transform:translateY(1px)}.animation-preset-card .animation-controls .play-controls-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;background-color:var(--color-field-slate);padding:10px;border-radius:8px;border:1px solid var(--color-input-focus)}.animation-preset-card .animation-controls .play-controls-row .range-field-label{font-size:11px;color:var(--color-text-subtle);white-space:nowrap;font-family:JetBrains Mono,monospace}.animation-preset-card .animation-controls .play-controls-row .sc-range-slider{flex:1 1 100px;min-width:80px;accent-color:var(--color-brand-primary);cursor:pointer}.animation-preset-card .animation-controls .play-controls-row .btn-play-trigger{background-color:var(--color-brand-primary);color:#fff;border:none;font-family:Inter,system-ui,sans-serif;font-size:11.5px;font-weight:600;padding:7px 14px;border-radius:6px;cursor:pointer;box-shadow:0 2px 8px #0003;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(.97)}.animation-preset-card .animation-controls .states-indicator-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:11px;color:var(--color-text-muted);border-top:1px dashed var(--color-input-focus);padding-top:8px}.animation-preset-card .animation-controls .states-indicator-bar .state-node-status{display:flex;align-items:center;gap:4px;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)}.configuration-section{display:flex;flex-direction:column;gap:24px}.presets-card{background-color:var(--color-panel-slate);border-radius:8px;border:1px solid var(--color-input-focus);padding:20px;box-shadow:var(--box-shadow-elevation)}.presets-card .section-title{font-size:15px;font-weight:600;margin:0 0 4px}.presets-card .section-help{font-size:12px;color:var(--color-text-subtle);margin:0 0 14px}.presets-card .presets-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:480px){.presets-card .presets-list{grid-template-columns:repeat(3,1fr)}}.presets-card .presets-list .preset-item-card{background-color:var(--color-field-slate);border:1px solid var(--color-input-focus);border-radius:6px;padding:12px;cursor:pointer;text-align:left;transition:all .1s ease;font-family:inherit;display:flex;flex-direction:column;justify-content:space-between;min-height:80px}.presets-card .presets-list .preset-item-card .preset-name{font-size:13px;font-weight:600;color:var(--color-text-luxury);margin-bottom:4px}.presets-card .presets-list .preset-item-card .preset-description{font-size:10.5px;color:var(--color-text-muted);line-height:1.3}.presets-card .presets-list .preset-item-card:not(.active-setting):not(:hover){border-color:var(--color-input-focus);background-color:var(--color-field-slate)}.presets-card .presets-list .preset-item-card:not(.active-setting):hover{border-color:var(--color-brand-primary);background-color:#0083e00d;background-color:oklch(60% .17 250deg / .05)}.presets-card .presets-list .preset-item-card.active-setting{border-color:var(--color-brand-primary);background-color:#0083e01a;background-color:oklch(60% .17 250deg / .1);box-shadow:0 0 10px #0083e026;box-shadow:0 0 10px oklch(60% .17 250deg / .15)}.info-collapsible-tip{margin-top:16px;border-top:1px dashed var(--color-input-focus);padding-top:14px}.info-collapsible-tip .tip-heading{font-size:12px;font-weight:600;color:var(--color-cyan-accent);margin:0 0 6px}.info-collapsible-tip .tip-body{font-size:11.5px;color:var(--color-text-subtle);margin:0;line-height:1.5}.commands-card{background-color:var(--color-panel-slate);border-radius:8px;border:1px solid var(--color-input-focus);padding:20px;box-shadow:var(--box-shadow-elevation)}.commands-card .commands-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.commands-card .commands-header .section-title{font-size:15px;font-weight:600;margin:0}.commands-card .commands-header .globally-units-selector-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.commands-card .commands-header .globally-units-selector{display:flex;align-items:center;gap:6px}.commands-card .commands-header .globally-units-selector .label-heading{font-size:11px;color:var(--color-text-muted)}.commands-card .commands-header .globally-units-selector .convert-unit-btn{background-color:var(--color-field-slate);border:1px solid var(--color-input-focus);color:var(--color-text-subtle);font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:500;padding:4px 8px;border-radius:4px;cursor:pointer;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{border-color:var(--color-brand-primary);color:var(--color-text-luxury);background-color:#0083e00d;background-color:oklch(60% .17 250deg / .05)}.commands-card .commands-header .base-font-size-configurator{display:flex;align-items:center;gap:6px;background-color:var(--color-panel-slate);padding:3px 6px;border-radius:6px;border:1px dashed var(--color-input-focus)}.commands-card .commands-header .base-font-size-configurator .label-heading{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.commands-card .commands-header .base-font-size-configurator .parent-font-size-input{background-color:var(--color-field-slate);border:1px solid var(--color-input-focus);color:var(--color-text-luxury);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;padding:2px 4px;border-radius:4px;width:44px;text-align:center;box-sizing:border-box}.commands-card .commands-header .base-font-size-configurator .parent-font-size-input:focus{outline:none;border-color:var(--color-brand-primary)}.commands-card .commands-header .base-font-size-configurator .px-suffix{font-size:11px;color:var(--color-text-muted);font-family:JetBrains Mono,monospace}.commands-card .command-creator-toolbar{display:flex;flex-wrap:wrap;gap:8px;background-color:var(--color-field-slate);padding:8px;border-radius:8px;border:1px dashed var(--color-input-focus);margin-bottom:16px}.commands-card .command-creator-toolbar .add-command-btn{flex:1;min-width:65px;font-family:JetBrains Mono,monospace;font-size:11px;padding:6px 8px;border-radius:4px;cursor:pointer;text-align:center;transition:all .1s ease;border:1px solid transparent}.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{border-color:var(--color-brand-primary);color:var(--color-text-luxury);background-color:#0083e00d;background-color:oklch(60% .17 250deg / .05);transform:translateY(-.5px)}.commands-card .command-creator-toolbar .add-command-btn:active{transform:translateY(.5px)}.commands-card .commands-stack{display:flex;flex-direction:column;gap:10px;max-height:480px;overflow-y:auto;padding-right:4px}.commands-card .commands-stack::-webkit-scrollbar{width:6px}.commands-card .commands-stack::-webkit-scrollbar-track{background:var(--color-panel-slate)}.commands-card .commands-stack::-webkit-scrollbar-thumb{background:var(--color-input-focus);border-radius:3px}.commands-card .commands-stack::-webkit-scrollbar-thumb:hover{background:var(--color-brand-primary)}.command-item-card{position:relative;background-color:var(--color-field-slate);border:1px solid var(--color-input-focus);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:10px;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{border-color:var(--color-gold-highlight);background-color:#e0d06e08;box-shadow:0 0 10px #e0d06e0f}.command-item-card .item-header-meta{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid oklch(100% 0 0deg / .03);padding-bottom:6px}.command-item-card .item-header-meta .command-type-label-badge{font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;color:var(--color-text-luxury);display:flex;align-items:center;gap:6px}.command-item-card .item-header-meta .command-type-label-badge .number-badge{font-size:10px;color:var(--color-text-muted);background-color:var(--color-panel-slate);padding:2px 5px;border-radius:4px}.command-item-card .item-header-meta .command-type-label-badge .type-indicator-colored{width:6px;height:6px;border-radius:50%;display:inline-block;background-color:var(--color-text-muted)}.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,.command-item-card .item-header-meta .command-type-label-badge .type-indicator-colored.color-hline,.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:#c77dd8}.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{display:flex;align-items:center;gap:4px}.command-item-card .item-header-meta .header-actions-group .reorder-arrow-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:3px;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{color:var(--color-text-luxury);background-color:var(--color-panel-slate)}.command-item-card .item-header-meta .header-actions-group .reorder-arrow-btn:disabled{color:#ffffff0d;cursor:not-allowed;background:none}.command-item-card .item-header-meta .header-actions-group .delete-row-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:3px;margin-left:4px;transition:all .1s ease}.command-item-card .item-header-meta .header-actions-group .delete-row-btn:hover{color:var(--color-risk-danger);background-color:#cf42381a}.command-item-card .inputs-columns-layout{display:flex;flex-wrap:wrap;gap:8px 12px}.command-item-card .inputs-columns-layout .field-parameters-cell{display:flex;flex-direction:column;gap:4px;flex:1;min-width:75px}.command-item-card .inputs-columns-layout .field-parameters-cell .label-caption{font-size:10px;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.command-item-card .inputs-columns-layout .field-parameters-cell .interactive-numeric-input{background-color:var(--color-panel-slate);border:1px solid var(--color-input-focus);color:var(--color-text-luxury);font-family:JetBrains Mono,monospace;font-size:12px;padding:5px 8px;border-radius:4px;width:100%;box-sizing:border-box}.command-item-card .inputs-columns-layout .field-parameters-cell .interactive-numeric-input:focus{outline:none;border-color:var(--color-brand-primary)}.command-item-card .inputs-columns-layout .field-parameters-cell .unit-dropdown-selector{background-color:var(--color-panel-slate);border:1px solid var(--color-input-focus);color:var(--color-text-subtle);font-family:Inter,system-ui,sans-serif;font-size:10px;padding:4px 6px;border-radius:4px;cursor:pointer;width:100%}.command-item-card .inputs-columns-layout .field-parameters-cell .unit-dropdown-selector:focus{outline:none;border-color:var(--color-brand-primary)}.command-item-card .inputs-columns-layout .field-toggle-cell{display:flex;flex-direction:column;gap:4px;flex:1.2;min-width:80px}.command-item-card .inputs-columns-layout .field-toggle-cell .label-caption{font-size:10px;color:var(--color-text-muted);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:1px solid var(--color-input-focus);color:var(--color-text-luxury);font-family:Inter,system-ui,sans-serif;font-size:11px;padding:5px 8px;border-radius:4px;cursor:pointer;width:100%}.command-item-card .inputs-columns-layout .field-toggle-cell .action-select-dropdown:focus{outline:none;border-color:var(--color-brand-primary)}.close-command-meta-prompt{font-size:11.5px;color:var(--color-text-muted);font-style:italic;margin:0}.output-card{background-color:var(--color-panel-slate);border-radius:8px;border:1px solid var(--color-input-focus);padding:20px;box-shadow:var(--box-shadow-elevation)}.output-card .output-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.output-card .output-header .section-title{font-size:15px;font-weight:600;margin:0}.output-card .output-header .copy-code-btn{background-color:var(--color-brand-primary);border:none;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;box-shadow:0 2px 6px #00000026;transition:background-color .1s ease}.output-card .output-header .copy-code-btn:hover{background-color:var(--color-brand-primary-hover)}.output-card .output-header .copy-code-btn:active{transform:translateY(.5px)}.output-card .code-preview-scroll-wrapper{background-color:var(--color-field-slate);border:1px solid var(--color-input-focus);border-radius:8px;padding:14px;overflow-x:auto}.output-card .code-preview-scroll-wrapper .code-terminal-block{margin:0;color:var(--color-brand-primary);font-size:12px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.toast-notification-banner{position:fixed;bottom:24px;right:24px;background-color:var(--color-emerald-active);color:#04060a;font-weight:600;font-size:13px;padding:12px 20px;border-radius:6px;box-shadow:var(--box-shadow-elevation);z-index:1000;opacity:0;visibility:hidden;transform:translateY(20px);transition:transform .25s cubic-bezier(.175,.885,.32,1.275),opacity .2s ease,visibility .2s;pointer-events:none}.toast-notification-banner.visible-state{opacity:1;visibility:visible;transform:translateY(0)}.app-footer{margin-top:40px;padding:24px 0;border-top:1px solid var(--color-input-focus);text-align:center}.app-footer .footer-text{margin:0 0 12px;font-size:13px;color:var(--color-text-muted)}.app-footer .footer-links{display:flex;justify-content:center;gap:20px}.app-footer .footer-links a{color:var(--color-brand-primary);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.app-footer .footer-links a:hover{text-decoration:underline;color:var(--color-brand-primary-hover)}a:focus,button:focus,input:focus,select:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{body{background-color:#fff;color:#000}.application-container{max-width: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{border:none;box-shadow:none;background:transparent}.output-card{border:1px solid oklch(85% 0 0deg);box-shadow:none}}