.topbar[data-v-0149dcb6]{display:flex;align-items:center;gap:1rem;height:52px;padding:0 1.25rem;background:#0f172a;border-bottom:1px solid #1e293b;color:#f8fafc;-webkit-user-select:none;user-select:none}.topbar__brand[data-v-0149dcb6]{display:flex;align-items:center;gap:.5rem;margin-right:.5rem}.topbar__logo[data-v-0149dcb6]{font-size:1.2rem;color:#818cf8}.topbar__title[data-v-0149dcb6]{font-weight:600;font-size:.95rem;letter-spacing:.01em}.topbar__nav[data-v-0149dcb6]{display:flex;gap:.25rem;flex:1}.topbar__btn[data-v-0149dcb6]{display:flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border:1px solid transparent;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;font-size:.82rem;font-weight:500;transition:background .15s,color .15s}.topbar__btn[data-v-0149dcb6]:hover{background:#1e293b;color:#f1f5f9}.topbar__btn.active[data-v-0149dcb6]{background:#1e40af;color:#fff;border-color:#2563eb}.topbar__btn-icon[data-v-0149dcb6]{font-size:.9rem}.topbar__actions[data-v-0149dcb6]{margin-left:auto}.topbar__count[data-v-0149dcb6]{font-size:.75rem;color:#475569}.palette[data-v-9552314c]{display:flex;flex-direction:column;background:#1e293b;border-right:1px solid #334155;overflow-y:auto}.palette__header[data-v-9552314c]{padding:.75rem 1rem .5rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.palette__list[data-v-9552314c]{padding:0 .5rem;display:flex;flex-direction:column;gap:.25rem}.palette__item[data-v-9552314c]{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:7px;background:#0f172a;border:1px solid #334155;cursor:pointer;color:#cbd5e1;transition:background .12s,border-color .12s,color .12s;-webkit-user-select:none;user-select:none}.palette__item[data-v-9552314c]:hover{background:#1e3a5f;border-color:#3b82f6;color:#f1f5f9}.palette__item[data-v-9552314c]:active{opacity:.8}.palette__item-icon[data-v-9552314c]{width:1.4rem;text-align:center;font-size:.85rem;font-weight:700;color:#818cf8}.palette__item-label[data-v-9552314c]{font-size:.82rem;font-weight:500}.palette__hint[data-v-9552314c]{margin-top:auto;padding:.75rem 1rem;font-size:.7rem;color:#475569;text-align:center}.canvas-item[data-v-a3a5c02c]{border:2px solid transparent;border-radius:7px;transition:border-color .12s;width:max-content}.canvas-item[data-v-a3a5c02c]:hover{border-color:#94a3b8}.canvas-item--selected[data-v-a3a5c02c]{border-color:#3b82f6!important}.canvas-item__toolbar[data-v-a3a5c02c]{display:none;align-items:center;gap:.25rem;position:absolute;top:-30px;left:0;background:#1e293b;border:1px solid #334155;border-radius:6px 6px 0 0;padding:.2rem .4rem;z-index:100;white-space:nowrap}.canvas-item:hover .canvas-item__toolbar[data-v-a3a5c02c],.canvas-item--selected .canvas-item__toolbar[data-v-a3a5c02c]{display:flex}.canvas-item__type-badge[data-v-a3a5c02c]{font-size:.65rem;color:#818cf8;font-weight:700;text-transform:uppercase;padding:0 .2rem}.canvas-item__btn[data-v-a3a5c02c]{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.1rem .3rem;border-radius:3px;font-size:.8rem;line-height:1}.canvas-item__btn[data-v-a3a5c02c]:hover{background:#334155;color:#f1f5f9}.canvas-item__btn--danger[data-v-a3a5c02c]:hover{background:#7f1d1d;color:#fca5a5}.canvas-item__content[data-v-a3a5c02c]{padding:.35rem;min-height:1rem}.rendered-el[data-v-a3a5c02c]{max-width:100%}.canvas-item__btn-preview[data-v-a3a5c02c]{pointer-events:none}.canvas-item__spacer-vis[data-v-a3a5c02c]{border:1px dashed #475569;border-radius:4px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#1e293b,#1e293b 4px,#0f172a 4px,#0f172a 8px)}.canvas-item__spacer-label[data-v-a3a5c02c]{font-size:.7rem;color:#64748b}.canvas-item__handle[data-v-a3a5c02c]{position:absolute;width:8px;height:8px;background:#3b82f6;border:1.5px solid #fff;border-radius:2px;z-index:200;box-shadow:0 1px 3px #0000004d}.canvas-item__handle--nw[data-v-a3a5c02c]{top:-4px;left:-4px;cursor:nw-resize}.canvas-item__handle--n[data-v-a3a5c02c]{top:-4px;left:calc(50% - 4px);cursor:n-resize}.canvas-item__handle--ne[data-v-a3a5c02c]{top:-4px;right:-4px;cursor:ne-resize}.canvas-item__handle--e[data-v-a3a5c02c]{top:calc(50% - 4px);right:-4px;cursor:e-resize}.canvas-item__handle--se[data-v-a3a5c02c]{bottom:-4px;right:-4px;cursor:se-resize}.canvas-item__handle--s[data-v-a3a5c02c]{bottom:-4px;left:calc(50% - 4px);cursor:s-resize}.canvas-item__handle--sw[data-v-a3a5c02c]{bottom:-4px;left:-4px;cursor:sw-resize}.canvas-item__handle--w[data-v-a3a5c02c]{top:calc(50% - 4px);left:-4px;cursor:w-resize}.canvas-item__hbs-error[data-v-a3a5c02c]{padding:.5rem;background:#450a0a;border:1px solid #991b1b;border-radius:4px;color:#fca5a5;font-size:.78rem}.canvas[data-v-93cbaea4]{background:#f1f5f9;overflow:auto;padding:2rem 1.5rem;display:flex;justify-content:center;align-items:flex-start}.canvas__scroll[data-v-93cbaea4]{flex-shrink:0}.canvas__page[data-v-93cbaea4]{background:#fff;position:relative;border-radius:8px;box-shadow:0 1px 3px #00000014,0 4px 16px #0000000f;overflow:hidden;flex-shrink:0}.canvas__empty[data-v-93cbaea4]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;pointer-events:none}.canvas__empty-icon[data-v-93cbaea4]{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.canvas__empty-title[data-v-93cbaea4]{font-size:1rem;font-weight:600;color:#94a3b8;margin-bottom:.4rem}.canvas__empty-hint[data-v-93cbaea4]{font-size:.8rem;color:#cbd5e1;text-align:center}.hbs-editor[data-v-5753bc07]{display:flex;flex-direction:column;gap:0;border:1px solid #334155;border-radius:5px;overflow:hidden}.hbs-editor__toolbar[data-v-5753bc07]{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;padding:.35rem .5rem;background:#1e293b;border-bottom:1px solid #334155}.hbs-editor__group[data-v-5753bc07]{display:flex;align-items:center;gap:.1rem}.hbs-editor__group-label[data-v-5753bc07]{font-size:.58rem;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-right:.15rem;-webkit-user-select:none;user-select:none}.hbs-editor__sep[data-v-5753bc07]{width:1px;height:1.2rem;background:#334155;margin:0 .25rem}.hbs-editor__toolbar button[data-v-5753bc07]{padding:.18rem .4rem;border:1px solid #334155;border-radius:3px;background:#0f172a;color:#94a3b8;cursor:pointer;font-size:.72rem;font-family:Fira Code,Consolas,monospace;line-height:1.4;transition:background .1s,color .1s,border-color .1s;white-space:nowrap}.hbs-editor__toolbar button[data-v-5753bc07]:hover{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}.hbs-editor__code[data-v-5753bc07]{width:100%;min-height:180px;padding:.65rem .75rem;background:#0f172a;color:#e2e8f0;border:none;outline:none;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.6;resize:vertical;box-sizing:border-box;-moz-tab-size:2;tab-size:2}.hbs-editor__code[data-v-5753bc07]:focus{outline:none;box-shadow:inset 0 0 0 1px #3b82f6}.prop-input[data-v-8e195f4d]{display:flex;flex-direction:column;gap:.3rem}.prop-input__label[data-v-8e195f4d]{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.prop-input__text[data-v-8e195f4d],.prop-input__select[data-v-8e195f4d],.prop-input__textarea[data-v-8e195f4d]{width:100%;padding:.4rem .55rem;border:1px solid #334155;border-radius:5px;background:#0f172a;color:#e2e8f0;outline:none;transition:border-color .15s;resize:vertical;box-sizing:border-box}.prop-input__text[data-v-8e195f4d]:focus,.prop-input__select[data-v-8e195f4d]:focus,.prop-input__textarea[data-v-8e195f4d]:focus{border-color:#3b82f6}.prop-input__code[data-v-8e195f4d]{font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.5;resize:vertical;min-height:120px}.prop-input__color-row[data-v-8e195f4d]{display:flex;gap:.4rem;align-items:center}.prop-input__color-swatch[data-v-8e195f4d]{width:2.2rem;height:2.2rem;border:1px solid #334155;border-radius:5px;padding:2px;background:#0f172a;cursor:pointer;flex-shrink:0}.prop-input__color-row .prop-input__text[data-v-8e195f4d]{flex:1}.prop-input__size-row[data-v-8e195f4d]{display:flex;gap:.4rem}.prop-input__size-num[data-v-8e195f4d]{flex:1;padding:.4rem .55rem;border:1px solid #334155;border-radius:5px;background:#0f172a;color:#e2e8f0;outline:none;min-width:0}.prop-input__size-num[data-v-8e195f4d]:focus{border-color:#3b82f6}.prop-input__size-unit[data-v-8e195f4d]{width:4.5rem;padding:.4rem .3rem;border:1px solid #334155;border-radius:5px;background:#0f172a;color:#e2e8f0;outline:none;flex-shrink:0}.prop-input__size-unit[data-v-8e195f4d]:focus{border-color:#3b82f6}.prop-input__imgsrc[data-v-8e195f4d]{display:flex;flex-direction:column;gap:.4rem}.prop-input__dropzone[data-v-8e195f4d]{display:flex;align-items:center;justify-content:center;padding:.6rem;border:1px dashed #334155;border-radius:5px;background:#0f172a;color:#64748b;font-size:.72rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s;position:relative;text-align:center}.prop-input__dropzone[data-v-8e195f4d]:hover,.prop-input__dropzone--over[data-v-8e195f4d]{border-color:#3b82f6;background:#0c1a2e;color:#93c5fd}.prop-input__file[data-v-8e195f4d]{display:none}.prop-type--switch[data-v-8e195f4d]{flex-direction:row;align-items:center;justify-content:space-between}.prop-input__toggle[data-v-8e195f4d]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:2.2rem;height:1.15rem;background:#334155;border-radius:9999px;position:relative;cursor:pointer;flex-shrink:0;transition:background .18s;outline:none}.prop-input__toggle[data-v-8e195f4d]:before{content:"";position:absolute;width:.82rem;height:.82rem;background:#94a3b8;border-radius:50%;top:50%;left:.15rem;transform:translateY(-50%);transition:left .18s,background .18s}.prop-input__toggle[data-v-8e195f4d]:checked{background:#1d4ed8}.prop-input__toggle[data-v-8e195f4d]:checked:before{left:calc(100% - .97rem);background:#fff}.props-panel[data-v-487d32f2]{display:flex;flex-direction:column;background:#1e293b;border-left:1px solid #334155;overflow-y:auto}.props-panel__header[data-v-487d32f2]{padding:.75rem 1rem .5rem;border-bottom:1px solid #334155;display:flex;align-items:baseline;gap:.5rem}.props-panel__type[data-v-487d32f2]{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#818cf8;letter-spacing:.05em}.props-panel__id[data-v-487d32f2]{font-size:.65rem;color:#475569;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.props-panel__body[data-v-487d32f2]{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.85rem;overflow-y:auto}.props-panel__footer[data-v-487d32f2]{padding:.75rem;border-top:1px solid #334155}.props-panel__del-btn[data-v-487d32f2]{width:100%;padding:.45rem;border:1px solid #7f1d1d;border-radius:6px;background:transparent;color:#f87171;cursor:pointer;font-size:.8rem;font-weight:500;transition:background .12s}.props-panel__del-btn[data-v-487d32f2]:hover{background:#7f1d1d;color:#fff}.props-panel__empty[data-v-487d32f2]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#475569;font-size:.8rem;padding:2rem;text-align:center}.props-panel__empty-icon[data-v-487d32f2]{font-size:2.5rem;color:#334155}.layers[data-v-4ef10baf]{display:flex;flex-direction:column;background:#1e293b;border-top:1px solid #334155;overflow:hidden}.layers__header[data-v-4ef10baf]{display:flex;align-items:baseline;gap:.5rem;padding:.5rem 1rem .4rem;border-bottom:1px solid #334155;flex-shrink:0}.layers__title[data-v-4ef10baf]{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.layers__hint[data-v-4ef10baf]{font-size:.62rem;color:#475569}.layers__list[data-v-4ef10baf]{flex:1;overflow-y:auto;padding:.25rem 0}.layers__item[data-v-4ef10baf]{display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem;cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.layers__item[data-v-4ef10baf]:hover{background:#0f172a}.layers__item--selected[data-v-4ef10baf]{background:#1e3a5f}.layers__z[data-v-4ef10baf]{font-size:.6rem;color:#475569;width:1rem;text-align:center;flex-shrink:0;font-family:monospace}.layers__icon[data-v-4ef10baf]{font-size:.75rem;width:1.2rem;text-align:center;flex-shrink:0;color:#818cf8}.layers__type[data-v-4ef10baf]{font-size:.75rem;color:#cbd5e1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers__controls[data-v-4ef10baf]{display:flex;gap:.1rem;flex-shrink:0}.layers__controls button[data-v-4ef10baf]{background:transparent;border:none;color:#475569;cursor:pointer;padding:.1rem .2rem;border-radius:3px;font-size:.7rem;line-height:1;transition:background .1s,color .1s}.layers__controls button[data-v-4ef10baf]:hover{background:#334155;color:#e2e8f0}.layers__empty[data-v-4ef10baf]{padding:1rem;font-size:.75rem;color:#475569;text-align:center}.preview-wrap[data-v-b5fe41d7]{display:grid;grid-template-columns:1fr 280px;height:100%;overflow:hidden}.preview-main[data-v-b5fe41d7]{background:#f1f5f9;overflow:auto;padding:2rem 1.5rem;display:flex;justify-content:center;align-items:flex-start}.preview-scroll[data-v-b5fe41d7]{flex-shrink:0}.preview-page[data-v-b5fe41d7]{background:#fff;position:relative;border-radius:8px;box-shadow:0 1px 3px #00000014,0 4px 16px #0000000f}.preview-empty[data-v-b5fe41d7]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.9rem}.preview-sidebar[data-v-b5fe41d7]{background:#1e293b;border-left:1px solid #334155;display:flex;flex-direction:column;overflow:hidden}.preview-sidebar__header[data-v-b5fe41d7]{padding:.75rem 1rem;border-bottom:1px solid #334155;display:flex;flex-direction:column;gap:.15rem}.preview-sidebar__header span[data-v-b5fe41d7]:first-child{font-size:.75rem;font-weight:700;color:#fbbf24;letter-spacing:.05em;text-transform:uppercase}.preview-sidebar__hint[data-v-b5fe41d7]{font-size:.65rem;color:#64748b}.preview-sidebar__vars[data-v-b5fe41d7]{flex:1;padding:.75rem 1rem;background:#0f172a;color:#e2e8f0;border:none;border-bottom:1px solid #334155;resize:none;font-family:Fira Code,Consolas,monospace;font-size:.78rem;line-height:1.6;outline:none;min-height:0}.preview-sidebar__note[data-v-b5fe41d7]{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.3rem}.preview-sidebar__note p[data-v-b5fe41d7]{font-size:.7rem;color:#64748b;line-height:1.4}.preview-hbs-error[data-v-b5fe41d7]{padding:.5rem;background:#450a0a;border:1px solid #991b1b;border-radius:4px;color:#fca5a5;font-size:.78rem}.source-view[data-v-8f3ca511]{display:flex;flex-direction:column;height:100%;background:#0f172a;color:#e2e8f0}.source-view__toolbar[data-v-8f3ca511]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid #1e293b;background:#1e293b;flex-shrink:0}.source-view__title[data-v-8f3ca511]{font-weight:700;font-size:.85rem;color:#94a3b8;letter-spacing:.04em}.source-view__actions[data-v-8f3ca511]{display:flex;align-items:center;gap:.6rem}.source-view__copied[data-v-8f3ca511]{font-size:.75rem;color:#4ade80;font-weight:600}.source-view__btn[data-v-8f3ca511]{padding:.4rem .9rem;border:1px solid #334155;border-radius:6px;background:#0f172a;color:#cbd5e1;cursor:pointer;font-size:.8rem;font-weight:500;transition:background .12s,border-color .12s}.source-view__btn[data-v-8f3ca511]:hover{background:#1e293b;border-color:#3b82f6;color:#fff}.source-view__btn--secondary[data-v-8f3ca511]:hover{border-color:#22c55e}.source-view__body[data-v-8f3ca511]{flex:1;overflow:auto;padding:1.5rem}.source-view__pre[data-v-8f3ca511]{margin:0;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;line-height:1.7;white-space:pre-wrap;word-break:break-all}.source-view__footer[data-v-8f3ca511]{padding:.5rem 1.25rem;border-top:1px solid #1e293b;font-size:.7rem;color:#475569;flex-shrink:0}.hl-tag{color:#7dd3fc}.hl-attr{color:#86efac}.hl-hbs{color:#fbbf24;font-weight:600}.hl-hbs-block{color:#fb923c;font-weight:600}.hl-comment{color:#475569;font-style:italic}.settings[data-v-e9bfa64a]{overflow-y:auto;padding:2rem 1.5rem;background:#f8fafc;height:100%}.settings__container[data-v-e9bfa64a]{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.settings__heading[data-v-e9bfa64a]{font-size:1.4rem;font-weight:700;color:#0f172a}.settings__section[data-v-e9bfa64a]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.85rem}.settings__section--danger[data-v-e9bfa64a]{border-color:#fca5a5}.settings__section--info[data-v-e9bfa64a]{background:#f8fafc}.settings__section-title[data-v-e9bfa64a]{font-size:.85rem;font-weight:700;color:#334155;letter-spacing:.03em}.settings__section-title--danger[data-v-e9bfa64a]{color:#dc2626}.settings__desc[data-v-e9bfa64a]{font-size:.8rem;color:#64748b;line-height:1.5}.settings__desc code[data-v-e9bfa64a]{background:#f1f5f9;padding:.1em .3em;border-radius:3px;font-size:.85em}.settings__field[data-v-e9bfa64a]{display:flex;flex-direction:column;gap:.35rem}.settings__label[data-v-e9bfa64a]{font-size:.75rem;font-weight:600;color:#475569}.settings__row[data-v-e9bfa64a]{display:flex;gap:.5rem;align-items:center}.settings__input[data-v-e9bfa64a]{flex:1;padding:.55rem .75rem;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc;color:#0f172a;font-size:.85rem;outline:none;transition:border-color .15s}.settings__input[data-v-e9bfa64a]:focus{border-color:#3b82f6}.settings__input--sm[data-v-e9bfa64a]{max-width:120px;flex:none}.settings__select[data-v-e9bfa64a]{padding:.55rem .75rem;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc;color:#0f172a;font-size:.85rem;outline:none;cursor:pointer}.settings__toggle[data-v-e9bfa64a]{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;padding:.5rem .65rem;cursor:pointer;font-size:1rem}.settings__unit[data-v-e9bfa64a]{font-size:.8rem;color:#64748b}.settings__select--unit[data-v-e9bfa64a]{width:5rem;flex:none}.settings__actions[data-v-e9bfa64a]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.settings__btn[data-v-e9bfa64a]{padding:.55rem 1.25rem;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#334155;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .12s,border-color .12s}.settings__btn[data-v-e9bfa64a]:hover{background:#f1f5f9;border-color:#94a3b8}.settings__btn--primary[data-v-e9bfa64a]{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.settings__btn--primary[data-v-e9bfa64a]:hover{background:#1e40af;border-color:#1e40af}.settings__btn--danger[data-v-e9bfa64a]{border-color:#fca5a5;color:#dc2626}.settings__btn--danger[data-v-e9bfa64a]:hover{background:#fef2f2;border-color:#dc2626}.settings__saved[data-v-e9bfa64a]{font-size:.8rem;color:#16a34a;font-weight:600}.vars-page[data-v-28ddfe18]{display:flex;flex-direction:column;height:100%;background:#0f172a;overflow:hidden}.vars-page__header[data-v-28ddfe18]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #1e293b;background:#0f172a;flex-shrink:0}.vars-page__title[data-v-28ddfe18]{display:flex;align-items:center;gap:.85rem}.vars-page__icon[data-v-28ddfe18]{font-size:1.4rem;color:#fbbf24;font-weight:700;font-family:monospace;line-height:1}.vars-page__title h2[data-v-28ddfe18]{margin:0 0 .15rem;font-size:.95rem;font-weight:600;color:#f1f5f9}.vars-page__title p[data-v-28ddfe18]{margin:0;font-size:.72rem;color:#64748b}.vars-page__status[data-v-28ddfe18]{font-size:.75rem;font-weight:500;padding:.3rem .7rem;border-radius:5px}.vars-page__status--ok[data-v-28ddfe18]{background:#052e16;color:#4ade80}.vars-page__status--error[data-v-28ddfe18]{background:#450a0a;color:#f87171}.vars-page__body[data-v-28ddfe18]{flex:1;display:flex;min-height:0;padding:1.25rem 1.5rem}.vars-page__editor[data-v-28ddfe18]{flex:1;width:100%;max-width:860px;margin:0 auto;padding:1rem 1.25rem;background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:8px;font-family:Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.7;resize:none;outline:none;box-sizing:border-box}.vars-page__editor[data-v-28ddfe18]:focus{border-color:#818cf8}.app{display:grid;grid-template-rows:52px 1fr;height:100vh;overflow:hidden}.app--editor{grid-template-columns:200px 1fr 280px}.app--preview,.app--source,.app--settings,.app--variables{grid-template-columns:1fr}.app__palette,.app__canvas,.app__right,.app__full{min-height:0;min-width:0;overflow:hidden}.app__palette{grid-row:2;grid-column:1}.app__canvas{grid-row:2;grid-column:2}.app__right{grid-row:2;grid-column:3;display:flex;flex-direction:column}.app__full{grid-row:2;grid-column:1 / -1}.app__props{flex:1;min-height:0;overflow-y:auto}.app__layers{height:220px;flex-shrink:0;overflow:hidden}.app>header{grid-column:1 / -1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;color:#1e293b}input,select,textarea,button{font-family:inherit;font-size:13px}.sortable-ghost{opacity:.35;background:#e0e7ff!important;border:2px dashed #6366f1!important;border-radius:6px}.sortable-chosen{box-shadow:0 4px 20px #00000026}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}