:root{--bg-deep:#0d1117;--bg-surface:#161b22;--bg-elevated:#1c2128;--bg-overlay:#21262d;--bg-hover:#292e36;--bg-active:#31363e;--border-default:#30363d;--border-muted:#21262d;--border-accent:#58a6ff33;--accent-blue:#58a6ff;--accent-purple:#a371f7;--accent-green:#3fb950;--accent-orange:#d29922;--accent-red:#f85149;--accent-cyan:#39d2c0;--accent-pink:#f778ba;--gradient-accent:linear-gradient(135deg, #58a6ff, #a371f7);--gradient-surface:linear-gradient(180deg, #1c212800, #1c2128);--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--text-accent:#58a6ff;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 16px #58a6ff26;--shadow-glow-strong:0 0 24px #58a6ff4d;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "Fira Code", monospace;--fs-xs:.6875rem;--fs-sm:.75rem;--fs-base:.8125rem;--fs-md:.875rem;--fs-lg:1rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--toolbar-height:44px;--toolbox-width:220px;--properties-width:280px;--code-panel-height:25vh;--code-panel-header-height:36px;--canvas-grid-size:8;--canvas-grid-color:#6e76811f;--canvas-bg:#1a1f26;--glass-bg:#161b22d9;--glass-border:#30363d99;--glass-blur:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);height:100%;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#app{flex-direction:column;width:100vw;height:100vh;display:flex}.toolbar{height:var(--toolbar-height);min-height:var(--toolbar-height);align-items:center;gap:var(--sp-1);padding:0 var(--sp-3);background:var(--bg-surface);border-bottom:1px solid var(--border-default);z-index:100;-webkit-user-select:none;user-select:none;display:flex}.toolbar__brand{align-items:center;gap:var(--sp-2);margin-right:var(--sp-4);font-weight:600;font-size:var(--fs-md);letter-spacing:-.01em;display:flex}.toolbar__brand-icon{width:24px;height:24px}.toolbar__brand-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.toolbar__separator{background:var(--border-default);width:1px;height:24px;margin:0 var(--sp-2)}.toolbar__group{align-items:center;gap:var(--sp-1);display:flex}.toolbar__spacer{flex:1}.btn{justify-content:center;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;height:30px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-hover);color:var(--text-primary)}.btn:active{background:var(--bg-active)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{color:var(--text-secondary);background:0 0}.btn--icon{width:30px;padding:0}.btn--primary{background:var(--accent-blue);color:#fff;border-color:#0000}.btn--primary:hover{color:#fff;background:#4a9aef}.btn--accent{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-color:#0000}.btn--accent:hover{filter:brightness(1.1);color:#fff}.target-switch{background:var(--bg-overlay);border-radius:var(--radius-md);border:1px solid var(--border-default);align-items:center;gap:2px;padding:2px;display:flex}.target-switch__option{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-xs);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);font-weight:500;font-family:var(--font-ui);background:0 0;border:none}.target-switch__option:hover{color:var(--text-secondary)}.target-switch__option--active{background:var(--accent-blue);color:#fff;box-shadow:var(--shadow-sm)}.workspace{flex:1;min-height:0;display:flex;position:relative}.panel{background:var(--bg-surface);border:none;flex-direction:column;display:flex;overflow:hidden}.panel--left{width:var(--toolbox-width);min-width:var(--toolbox-width);border-right:1px solid var(--border-default)}.panel--right{width:var(--properties-width);min-width:var(--properties-width);border-left:1px solid var(--border-default)}.panel--bottom{border-top:1px solid var(--border-default);background:var(--bg-surface)}.panel__header{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-muted);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;min-height:36px;font-weight:600;display:flex}.panel__body{padding:var(--sp-2);flex:1;overflow-y:auto}.toolbox__category{margin-bottom:var(--sp-2)}.toolbox__category-title{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;display:flex}.toolbox__category-title:hover{color:var(--text-secondary)}.toolbox__category-title svg{width:12px;height:12px;transition:transform var(--transition-fast)}.toolbox__category--collapsed .toolbox__category-title svg{transform:rotate(-90deg)}.toolbox__category--collapsed .toolbox__items{display:none}.toolbox__items{padding:var(--sp-1) 0;grid-template-columns:1fr 1fr;gap:3px;display:grid}.toolbox__item{padding:var(--sp-2) var(--sp-1);border-radius:var(--radius-md);cursor:grab;transition:all var(--transition-fast);text-align:center;-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.toolbox__item:hover{background:var(--bg-hover);border-color:var(--border-default)}.toolbox__item:active{cursor:grabbing;background:var(--bg-active);border-color:var(--accent-blue);box-shadow:var(--shadow-glow)}.toolbox__item-icon{width:24px;height:24px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.toolbox__item-icon svg{width:18px;height:18px}.toolbox__item:hover .toolbox__item-icon{color:var(--accent-blue)}.toolbox__item-label{color:var(--text-muted);font-size:10px;line-height:1.2}.toolbox__item:hover .toolbox__item-label{color:var(--text-secondary)}.canvas-container{background:var(--bg-deep);flex-direction:column;flex:1;justify-content:space-between;align-items:stretch;display:flex;position:relative;overflow:hidden}.canvas-viewport{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:auto}.design-surface{background:var(--canvas-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 0 60px #58a6ff0d;position:relative;overflow:hidden}.design-surface--drag-over{border-color:var(--accent-blue);box-shadow:var(--shadow-lg), var(--shadow-glow-strong)}.form-titlebar{height:32px;padding:0 var(--sp-3);background:var(--bg-elevated);border-bottom:1px solid var(--border-muted);align-items:center;gap:var(--sp-2);pointer-events:none;-webkit-user-select:none;user-select:none;display:flex}.form-titlebar__dots{gap:6px;display:flex}.form-titlebar__dot{border-radius:50%;width:10px;height:10px}.form-titlebar__dot--close{background:var(--accent-red)}.form-titlebar__dot--min{background:var(--accent-orange)}.form-titlebar__dot--max{background:var(--accent-green)}.form-titlebar__text{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;flex:1}.form-body{background-image:radial-gradient(circle, var(--canvas-grid-color) 1px, transparent 1px);background-size:8px 8px;width:100%;height:calc(100% - 32px);position:relative}.canvas-control{cursor:move;-webkit-user-select:none;user-select:none;z-index:1;transition:box-shadow var(--transition-fast);position:absolute}.canvas-control:hover{z-index:2}.canvas-control--selected{z-index:10;outline:2px solid var(--accent-blue);outline-offset:1px;box-shadow:var(--shadow-glow)}.canvas-control__visual{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.ctrl-button{color:#1a1a1a;text-align:center;background:linear-gradient(#e8e8e8,#d4d4d4);border:1px solid #a0a0a0;border-radius:3px;justify-content:center;align-items:center;width:100%;height:100%;padding:4px 12px;font-family:Segoe UI,sans-serif;font-size:12px;display:flex}.ctrl-label{color:#1a1a1a;background:0 0;align-items:center;width:100%;height:100%;font-family:Segoe UI,sans-serif;font-size:12px;display:flex}.ctrl-textbox{color:#1a1a1a;background:#fff;border:1px solid #7a7a7a;border-radius:1px;align-items:flex-start;width:100%;height:100%;padding:2px 4px;font-family:Segoe UI,sans-serif;font-size:12px;display:flex}.ctrl-checkbox{color:#1a1a1a;align-items:center;gap:6px;width:100%;height:100%;font-family:Segoe UI,sans-serif;font-size:12px;display:flex}.ctrl-checkbox__box{background:#fff;border:1px solid #7a7a7a;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.ctrl-checkbox__box--checked:after{content:"✓";color:#1a1a1a;font-size:11px}.ctrl-radiobutton{color:#1a1a1a;align-items:center;gap:6px;width:100%;height:100%;font-family:Segoe UI,sans-serif;font-size:12px;display:flex}.ctrl-radiobutton__circle{background:#fff;border:1px solid #7a7a7a;border-radius:50%;flex-shrink:0;width:14px;height:14px}.ctrl-combobox{color:#1a1a1a;background:#fff;border:1px solid #7a7a7a;border-radius:1px;align-items:center;width:100%;height:100%;padding:2px 20px 2px 4px;font-family:Segoe UI,sans-serif;font-size:12px;display:flex;position:relative}.ctrl-combobox:after{content:"▾";color:#666;font-size:10px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.ctrl-listbox{color:#1a1a1a;background:#fff;border:1px solid #7a7a7a;border-radius:1px;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:2px 4px;font-family:Segoe UI,sans-serif;font-size:12px;display:flex;overflow:hidden}.ctrl-groupbox{border:1px solid #a0a0a0;border-radius:3px;width:100%;height:100%;padding-top:16px;position:relative}.ctrl-groupbox__label{background:var(--canvas-bg);color:#1a1a1a;padding:0 4px;font-family:Segoe UI,sans-serif;font-size:12px;position:absolute;top:-8px;left:8px}.ctrl-panel{background:#f0f0f080;border:1px solid silver;width:100%;height:100%}.ctrl-progressbar{background:#e6e6e6;border:1px solid #bcbcbc;border-radius:2px;width:100%;height:100%;overflow:hidden}.ctrl-progressbar__fill{width:50%;height:100%;transition:width var(--transition-normal);background:linear-gradient(#06b025,#05a020)}.ctrl-datagridview{background:#fff;border:1px solid #7a7a7a;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.ctrl-datagridview__header{background:#f0f0f0;border-bottom:1px solid silver;display:flex}.ctrl-datagridview__cell{color:#1a1a1a;border-right:1px solid #ddd;flex:1;min-width:60px;padding:2px 6px;font-family:Segoe UI,sans-serif;font-size:11px}.ctrl-datagridview__row{border-bottom:1px solid #eee;display:flex}.ctrl-datepicker{color:#1a1a1a;background:#fff;border:1px solid #7a7a7a;border-radius:1px;align-items:center;width:100%;height:100%;padding:2px 20px 2px 4px;font-family:Segoe UI,sans-serif;font-size:12px;display:flex;position:relative}.ctrl-datepicker:after{content:"📅";font-size:12px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.ctrl-numericupdown{color:#1a1a1a;background:#fff;border:1px solid #7a7a7a;border-radius:1px;align-items:center;width:100%;height:100%;padding:2px 20px 2px 4px;font-family:Segoe UI,sans-serif;font-size:12px;display:flex;position:relative}.ctrl-numericupdown__arrows{border-left:1px solid silver;flex-direction:column;width:16px;display:flex;position:absolute;top:0;bottom:0;right:2px}.ctrl-numericupdown__arrow{color:#666;background:#f0f0f0;flex:1;justify-content:center;align-items:center;font-size:8px;display:flex}.ctrl-numericupdown__arrow+.ctrl-numericupdown__arrow{border-top:1px solid silver}.ctrl-treeview{color:#1a1a1a;background:#fff;border:1px solid #7a7a7a;width:100%;height:100%;padding:4px;font-family:Segoe UI,sans-serif;font-size:12px;overflow:hidden}.ctrl-richtextbox{color:#1a1a1a;background:#fff;border:1px solid #7a7a7a;border-radius:1px;width:100%;height:100%;padding:4px;font-family:Segoe UI,sans-serif;font-size:12px}.ctrl-picturebox{color:#999;background:#e8e8e8;border:1px solid silver;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;display:flex}.ctrl-menustrip{color:#1a1a1a;background:#f0f0f0;border:1px solid silver;align-items:center;gap:4px;width:100%;height:100%;padding:0 4px;font-family:Segoe UI,sans-serif;font-size:12px;display:flex}.ctrl-statusstrip{color:#666;background:#f0f0f0;border:1px solid silver;align-items:center;width:100%;height:100%;padding:0 8px;font-family:Segoe UI,sans-serif;font-size:11px;display:flex}.ctrl-toolstrip{background:#f0f0f0;border:1px solid silver;align-items:center;gap:2px;width:100%;height:100%;padding:0 4px;display:flex}.ctrl-tabcontrol{border:1px solid #a0a0a0;flex-direction:column;width:100%;height:100%;display:flex}.ctrl-tabcontrol__tabs{background:#f0f0f0;border-bottom:1px solid #a0a0a0;display:flex}.ctrl-tabcontrol__tab{color:#1a1a1a;border-right:1px solid silver;padding:4px 12px;font-family:Segoe UI,sans-serif;font-size:12px}.ctrl-tabcontrol__tab--active{background:#fff;border-bottom:1px solid #fff;margin-bottom:-1px}.ctrl-tabcontrol__body{background:#fff;flex:1}.ctrl-timer{background:var(--bg-overlay);border:1px dashed var(--border-default);border-radius:var(--radius-sm);width:100%;height:100%;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-muted);opacity:.7;justify-content:center;align-items:center;gap:4px;display:flex}.resize-handle{background:var(--accent-blue);z-index:20;width:8px;height:8px;box-shadow:var(--shadow-sm);border:1px solid #fff;border-radius:1px;position:absolute}.resize-handle--nw{cursor:nw-resize;top:-4px;left:-4px}.resize-handle--n{cursor:n-resize;top:-4px;left:calc(50% - 4px)}.resize-handle--ne{cursor:ne-resize;top:-4px;right:-4px}.resize-handle--e{cursor:e-resize;top:calc(50% - 4px);right:-4px}.resize-handle--se{cursor:se-resize;bottom:-4px;right:-4px}.resize-handle--s{cursor:s-resize;bottom:-4px;left:calc(50% - 4px)}.resize-handle--sw{cursor:sw-resize;bottom:-4px;left:-4px}.resize-handle--w{cursor:w-resize;top:calc(50% - 4px);left:-4px}.properties-panel .panel__body{padding:0}.prop-section{border-bottom:1px solid var(--border-muted)}.prop-section__title{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);font-weight:600;display:flex}.prop-section__title:hover{color:var(--text-secondary)}.prop-section__title svg{width:10px;height:10px;transition:transform var(--transition-fast)}.prop-section--collapsed .prop-section__title svg{transform:rotate(-90deg)}.prop-section--collapsed .prop-section__fields{display:none}.prop-field{padding:3px var(--sp-3);align-items:center;gap:var(--sp-2);grid-template-columns:90px 1fr;min-height:28px;display:grid}.prop-field:hover{background:var(--bg-hover)}.prop-field__label{font-size:var(--fs-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prop-field__input{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-sm);transition:border-color var(--transition-fast);outline:none;padding:3px 6px}.prop-field__input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #58a6ff26}.prop-field__input--select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%238b949e' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;padding-right:20px}.prop-field__input--color{align-items:center;gap:var(--sp-2);cursor:pointer;padding:2px 6px;display:flex}.prop-color-swatch{border:1px solid var(--border-default);border-radius:3px;flex-shrink:0;width:16px;height:16px}.prop-color-value{font-size:var(--fs-sm);font-family:var(--font-mono);color:var(--text-primary)}input[type=color].prop-color-picker{opacity:0;width:0;height:0;position:absolute}.prop-field__checkbox{width:14px;height:14px;accent-color:var(--accent-blue);cursor:pointer}.properties-empty{height:100%;padding:var(--sp-6);text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.properties-empty svg{opacity:.3;width:40px;height:40px}.properties-empty__text{font-size:var(--fs-sm)}.code-panel{height:var(--code-panel-height);min-height:var(--code-panel-header-height);transition:height var(--transition-slow);flex-direction:column;display:flex;position:relative}.code-panel--resizing{transition:none!important}.code-panel--collapsed{height:var(--code-panel-header-height)!important}.code-panel--collapsed .code-panel__resizer,.code-panel--collapsed .code-panel__body{display:none}.code-panel--collapsed #btn-toggle-code svg{transform:rotate(180deg)}.code-panel__resizer{cursor:ns-resize;z-index:10;height:4px;transition:background-color var(--transition-fast);position:absolute;top:0;left:0;right:0}.code-panel__resizer:hover{background-color:var(--accent-blue)}.code-panel__header{padding:0 var(--sp-3);height:var(--code-panel-header-height);min-height:var(--code-panel-header-height);border-bottom:1px solid var(--border-muted);-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:space-between;align-items:center;display:flex}.code-panel__title{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary);font-weight:600;display:flex}.code-panel__title svg{color:var(--accent-blue)}.code-panel__actions{gap:var(--sp-1);display:flex}.code-panel__body{padding:var(--sp-3);background:var(--bg-deep);flex:1;overflow:auto}.code-output{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-primary);white-space:pre;tab-size:4;margin:0;line-height:1.6}.code-output .kw{color:var(--accent-blue)}.code-output .str{color:#a5d6ff}.code-output .var{color:var(--accent-cyan)}.code-output .num{color:#79c0ff}.code-output .cm{color:var(--text-muted);font-style:italic}.code-output .type{color:var(--accent-green)}.code-output .op{color:var(--text-secondary)}.drag-ghost{pointer-events:none;z-index:9999;opacity:.8;background:var(--bg-elevated);border:1px solid var(--accent-blue);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--accent-blue);box-shadow:var(--shadow-glow-strong);align-items:center;gap:var(--sp-2);display:flex;position:fixed;transform:translate(-50%,-50%)}.selection-rect{border:1px solid var(--accent-blue);pointer-events:none;z-index:50;background:#58a6ff14;position:absolute}.toast{padding:var(--sp-2) var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--fs-sm);box-shadow:var(--shadow-lg);z-index:9999;align-items:center;gap:var(--sp-2);animation:.3s forwards toastIn;display:flex;position:fixed;bottom:60px;right:20px}.toast--success{border-color:var(--accent-green)}.toast--error{border-color:var(--accent-red)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-normal) forwards}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:680px;max-width:90vw;max-height:80vh;display:flex;overflow:hidden}.modal__header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--fs-lg);font-weight:600}.modal__body{padding:var(--sp-5);flex:1;overflow-y:auto}.modal__footer{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-muted);display:flex}.template-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.template-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-4);cursor:pointer;transition:all var(--transition-fast);text-align:center}.template-card:hover{border-color:var(--accent-blue);background:var(--bg-hover);box-shadow:var(--shadow-glow)}.template-card--selected{border-color:var(--accent-blue);box-shadow:var(--shadow-glow);background:#58a6ff14}.template-card__icon{margin-bottom:var(--sp-2);font-size:28px}.template-card__name{font-size:var(--fs-md);margin-bottom:var(--sp-1);font-weight:600}.template-card__desc{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4}.alignment-guides-container{pointer-events:none;z-index:100;position:absolute;inset:0}.alignment-guide{z-index:100;position:absolute}.alignment-guide--vertical{background:var(--accent-red);width:1px;box-shadow:0 0 3px var(--accent-red)}.alignment-guide--horizontal{background:var(--accent-red);height:1px;box-shadow:0 0 3px var(--accent-red)}.alignment-guide--center{background:var(--accent-purple);box-shadow:0 0 3px var(--accent-purple)}.context-menu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--sp-1) 0;z-index:500;-webkit-user-select:none;user-select:none;min-width:200px;animation:.1s contextMenuIn;position:absolute}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu__item{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);cursor:pointer;font-size:var(--fs-sm);color:var(--text-primary);transition:background var(--transition-fast);display:flex}.context-menu__item:hover{background:var(--accent-blue);color:#fff}.context-menu__icon{text-align:center;flex-shrink:0;width:20px;font-size:14px}.context-menu__label{flex:1}.context-menu__shortcut{font-size:var(--fs-xs);color:var(--text-muted);margin-left:var(--sp-4)}.context-menu__item:hover .context-menu__shortcut{color:#ffffffb3}.context-menu__separator{background:var(--border-default);height:1px;margin:var(--sp-1) 0}.script-editor-modal{width:720px;max-width:90vw;max-height:85vh}.script-editor__body{flex:1;display:flex;padding:0!important}.script-editor__wrap{border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:320px;max-height:50vh;margin:var(--sp-3);flex:1;display:flex;overflow:hidden}.script-editor__lines{padding:var(--sp-3) 0;background:var(--bg-overlay);border-right:1px solid var(--border-muted);-webkit-user-select:none;user-select:none;flex-direction:column;min-width:40px;display:flex;overflow:hidden}.script-editor__line-num{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);text-align:right;padding:0 var(--sp-2);min-height:1.6em;line-height:1.6}.script-editor__textarea{padding:var(--sp-3);background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-sm);resize:none;tab-size:4;white-space:pre;border:none;outline:none;flex:1;line-height:1.6;overflow:auto}.script-editor__textarea::placeholder{color:var(--text-muted);opacity:.5}.btn--toggle{opacity:.5;transition:all var(--transition-fast)}.btn--toggle--active{opacity:1;color:var(--accent-blue)}.btn--toggle--active:hover{color:var(--accent-blue)}.toolbar__grid-size{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--fs-xs);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%238b949e' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;outline:none;height:26px;padding:2px 16px 2px 4px}.toolbar__grid-size:focus{border-color:var(--accent-blue)}.design-surface--no-grid,.design-surface--no-grid .form-body{background-image:none!important}.toolbar__grid-color{border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;width:24px;height:24px;transition:border-color var(--transition-fast);background:0 0;outline:none;padding:0}.toolbar__grid-color:hover{border-color:var(--accent-blue)}.prop-field--event{grid-template-columns:90px 1fr}.prop-field__event-wrap{align-items:center;gap:2px;display:flex}.prop-field__event-wrap .prop-field__input{font-size:var(--fs-xs);color:var(--text-muted);flex:1;font-style:italic}.prop-field__event-btn{min-width:24px;color:var(--text-muted);flex-shrink:0;width:24px!important;height:24px!important;padding:0!important}.prop-field__event-btn:hover{color:var(--accent-orange);background:#d299221a}.component-tray{padding:var(--sp-2) var(--sp-3);background:var(--bg-surface);border-top:1px solid var(--border-default);gap:var(--sp-2);align-items:center;min-height:40px;display:none}.component-tray--visible{display:flex}.component-tray__label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:var(--sp-2);font-weight:600}.component-tray__item{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--fs-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex}.component-tray__item:hover{border-color:var(--accent-blue);color:var(--text-primary)}.component-tray__item--selected{border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:var(--shadow-glow);background:#58a6ff1a}.anchor-editor{border:1px solid var(--border-default);background:var(--bg-deep);border-radius:var(--radius-md);width:60px;height:60px;margin:var(--sp-1) 0;grid-template-rows:1fr 20px 1fr;grid-template-columns:1fr 20px 1fr;display:grid;position:relative}.anchor-editor__center{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:var(--radius-sm);z-index:2;grid-area:2/2}.anchor-editor__bar{background:var(--border-muted);cursor:pointer;transition:all var(--transition-fast);z-index:1}.anchor-editor__bar:hover{background:var(--border-default)}.anchor-editor__bar--active{box-shadow:0 0 4px var(--accent-blue);background:var(--accent-blue)!important}.anchor-editor__bar--top{grid-area:1/2;width:4px;margin:0 auto}.anchor-editor__bar--bottom{grid-area:3/2;width:4px;margin:0 auto}.anchor-editor__bar--left{grid-area:2/1;height:4px;margin:auto 0}.anchor-editor__bar--right{grid-area:2/3;height:4px;margin:auto 0}