.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:0 .625rem;border:1px solid var(--color-border-default);border-radius:var(--radius-ui);background-color:var(--color-surface-elevated);color:var(--color-text-primary);font-weight:500;font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);height:30px;min-width:30px}.btn--primary{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.btn--primary:hover{background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);transform:scale(1.03);box-shadow:0 2px 8px #4f46e540}.btn--outlined{background-color:var(--color-surface-elevated);border-color:var(--color-border-default);color:var(--color-text-primary)}.btn--outlined:hover{background-color:var(--color-surface);border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:scale(1.03);box-shadow:0 2px 6px #0000000f}.btn--ghost{background-color:#00000005;border-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background-color:var(--color-border-subtle);color:var(--color-text-primary)}.btn--danger{background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c;border-radius:var(--radius-ui)}.btn--danger:hover{background-color:#fecaca;transform:scale(1.03)}#editor-toolbar-section .btn{width:var(--btn-icon-size);height:var(--btn-height);padding:0}#editor-toolbar-section .btn span{display:none}.view-toggle-container button,.preview-toggle-container button{width:32px;height:26px;padding:0;flex-shrink:0}.btn:hover{background-color:var(--color-surface);transform:scale(1.03);box-shadow:0 2px 6px #0000000f}.btn>span,.btn>i{pointer-events:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-danger{background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c;border-radius:var(--radius-ui)}.btn-danger:hover{background-color:#fecaca}.toolbar-wrapper{background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:1px solid var(--color-border-subtle);box-shadow:0 1px 4px #0000000d;height:69px;box-sizing:border-box;overflow:visible;position:relative;z-index:20}.toolbar-wrapper::-webkit-scrollbar{height:4px}.toolbar-wrapper::-webkit-scrollbar-track{background:transparent}.toolbar-wrapper::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:4px}.toolbar-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.toolbar-row{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;flex-wrap:nowrap;height:100%}.toolbar-capsule{display:inline-flex;flex-direction:column;align-items:stretch;border-radius:var(--radius-ui);background-color:#fff;border:1px solid var(--color-border-subtle);border-left:3px solid #a5b4fc;box-shadow:0 1px 3px #0000000a;flex-shrink:0;overflow:visible;height:56px;padding:0;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.toolbar-capsule:hover{box-shadow:0 2px 8px #6366f11a;border-color:#c7d2fe;border-left-color:#818cf8}.toolbar-capsule-label{width:100%;text-align:center;font-size:.5625rem;font-weight:700;padding:2px 4px;text-transform:uppercase;letter-spacing:.08em;user-select:none;background:transparent;color:#818cf8;border-bottom:1px solid var(--color-border-subtle);border-top-left-radius:calc(var(--radius-ui) - 1px);border-top-right-radius:calc(var(--radius-ui) - 1px)}.toolbar-capsule--document,.toolbar-capsule--theme{border-left-color:#c4b5fd}.toolbar-capsule--document:hover,.toolbar-capsule--theme:hover{box-shadow:0 2px 8px #8b5cf61f;border-color:#ddd6fe;border-left-color:#a78bfa}.toolbar-capsule--document .toolbar-capsule-label,.toolbar-capsule--theme .toolbar-capsule-label{color:#7c3aed;border-bottom-color:#ede9fe}.toolbar-capsule-content{display:flex;align-items:center;justify-content:center;gap:.125rem;padding:0 .5rem;flex:1;width:100%}.toolbar-capsule-content i{display:inline-flex;align-items:center;justify-content:center;line-height:1}.toolbar-title-input{flex:1;min-width:100px;height:30px;padding:0 .75rem;border:1px solid var(--color-border-default);border-radius:var(--radius-ui);font-size:.8125rem;font-weight:500;background-color:#f8fafc;transition:all var(--transition-fast)}.toolbar-title-input:focus{border-color:var(--color-accent-primary);background-color:#fff;outline:none;box-shadow:0 0 0 2px var(--color-accent-primary-light)}.toolbar-capsule--document{flex:0 1 auto;min-width:190px;max-width:280px}.btn--danger-ghost{color:var(--color-text-muted)}.btn--danger-ghost:hover{color:var(--color-accent-danger)!important;background-color:#fef2f2!important}.toolbar-title-input{flex:1;min-width:100px;height:30px;padding:0 .625rem;border:1px solid var(--color-border-default);border-radius:var(--radius-ui);font-size:.8125rem;color:var(--color-text-primary);background-color:var(--color-surface-elevated);transition:all var(--transition-fast)}.toolbar-title-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #4f46e526}.toolbar-width-btn{font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.toolbar-width-value{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.export-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;width:14rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-ui);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:30}.export-dropdown-item{display:block;padding:.5rem 1rem;font-size:.875rem;color:var(--color-text-primary);text-decoration:none;transition:background-color var(--transition-fast)}.export-dropdown-item:hover{background-color:var(--color-surface)}.export-dropdown-separator{border-top:1px solid var(--color-border-subtle);margin:.25rem 0}.sidebar-panel{width:220px;padding:1rem;border-color:var(--color-border-subtle);transition:width .2s ease;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;height:69px;box-sizing:border-box;margin:-1rem -1rem .5rem;padding:0 1rem;border-bottom:1px solid var(--color-border-subtle)}.sidebar-header-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.sidebar-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden}.sidebar-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.5rem;white-space:nowrap;overflow:hidden}.sidebar-toggle-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;flex-shrink:0}.sidebar-toggle-btn:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.sidebar-panel.collapsed{width:56px;padding:.5rem}.sidebar-panel.collapsed .sidebar-title-text,.sidebar-panel.collapsed .sidebar-section-title,.sidebar-panel.collapsed .block-category-title{display:none}.sidebar-panel.collapsed .sidebar-header{flex-direction:column;align-items:center;justify-content:center;gap:.25rem;margin-top:-.5rem;margin-left:-.5rem;margin-right:-.5rem;padding:0}.sidebar-panel.collapsed .sidebar-header-actions{display:none}.sidebar-panel.collapsed .sidebar-title{justify-content:center}.sidebar-panel.collapsed .palette-block-label,.sidebar-panel.collapsed .palette-block span.truncate{display:none}.sidebar-panel.collapsed .palette-block{justify-content:center;padding:.5rem;border-left-width:2px}.sidebar-panel.collapsed .palette-block i:first-child{margin-right:0}.sidebar-panel.collapsed .palette-block-action,.sidebar-panel.collapsed .palette-block-info{display:none}@media(max-width:1150px){.toolbar-capsule-label{display:none}.toolbar-capsule{height:44px}.toolbar-wrapper{height:auto;min-height:52px}.sidebar-header{height:56px}.toolbar-row{flex-wrap:wrap;gap:.25rem;padding:.3rem .5rem;align-content:flex-start;height:auto}.toolbar-capsule--document{order:-1;flex:0 0 100%;min-width:0;max-width:none;height:44px}.toolbar-title-input{flex:1;min-width:100px}.toolbar-capsule--tools{margin-left:auto}}@media(max-width:960px){.sidebar-panel{width:180px}}@media(max-width:768px){.toolbar-row{padding:.3rem;gap:.2rem}.toolbar-capsule{flex:1 1 auto}.toolbar-capsule--document{flex:0 0 100%}.toolbar-title-input{min-width:80px;max-width:none;flex:1}.toolbar-capsule--tools{margin-left:0}}#wysiwyg-toolbar{display:none;flex-wrap:wrap;position:absolute;z-index:20;background-color:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-ui);padding:.25rem;box-shadow:0 4px 12px #00000014}#wysiwyg-toolbar button{background:transparent;border:none;color:var(--color-text-primary);padding:.5rem;border-radius:calc(var(--radius-ui) - 2px);transition:all var(--transition-fast)}#wysiwyg-toolbar button:hover{background-color:var(--color-surface)}#wysiwyg-toolbar button.active,.preview-mode-button.active-preview-mode{background-color:var(--color-accent-primary-light);color:var(--color-accent-primary)}.btn.active{background-color:var(--color-accent-primary-light);color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.btn.active:hover{background-color:#c7d2fe}.btn:active,.view-toggle-container button:active{transform:scale(.97)!important;box-shadow:none!important}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent-primary)}.view-toggle-container button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent-primary)}.theme-selector-group{display:inline-flex;align-items:center;height:var(--btn-height);background-color:var(--color-surface);border-radius:var(--radius-ui);padding:.125rem;box-sizing:border-box}.theme-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:calc(var(--btn-height) - 4px);background:transparent;border:none;color:var(--color-text-secondary);border-radius:calc(var(--radius-ui) - 2px);cursor:pointer;font-size:.75rem;transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-nav-btn:hover{background-color:var(--color-border-subtle);color:var(--color-text-primary)}.theme-nav-btn:disabled{opacity:.3;cursor:not-allowed}.theme-name-btn{display:inline-flex;align-items:center;gap:.375rem;height:calc(var(--btn-height) - 4px);padding:0 .5rem;background:transparent;border:none;border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle);border-radius:0;color:var(--color-text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;min-width:100px;max-width:200px;transition:background-color var(--transition-fast)}.theme-name-btn:hover{background-color:var(--color-border-subtle)}#preview-theme-name{font-weight:500;color:var(--color-text-primary);font-size:.8125rem}.theme-name-caret{font-size:.625rem;color:var(--color-text-muted);margin-left:.125rem;flex-shrink:0}.theme-name-wrapper{position:relative}.theme-gallery-btn{border-left:1px solid var(--color-border-subtle)}.theme-dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:50;min-width:240px;max-height:360px;background-color:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-ui);box-shadow:0 10px 25px #0000001f;overflow:hidden}.theme-dropdown.hidden{display:none}.theme-dropdown-list{overflow-y:auto;max-height:360px;padding:.25rem}.theme-dropdown-list a{display:flex;align-items:center;padding:.375rem .75rem;font-size:.8125rem;color:var(--color-text-primary);text-decoration:none;border-radius:calc(var(--radius-ui) - 2px);transition:background-color var(--transition-fast);gap:.5rem}.theme-dropdown-list a:hover{background-color:var(--color-surface)}.theme-dropdown-list a .theme-check-icon{font-size:.75rem;width:1rem;flex-shrink:0}.theme-dropdown-list a .theme-check-icon.text-transparent{color:transparent}.swap-layout-button-header{background-color:#cce7ff}.swap-layout-button-header:hover{background-color:#b3d7ff}.swap-layout-button{position:absolute;top:2.5rem;right:.5rem;z-index:10;background-color:#10b981;color:#fff;border-radius:9999px;padding:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:transform .15s ease-in-out}.swap-layout-button:hover{transform:scale(1.1)}.view-toggle-container{position:relative;display:inline-flex;align-items:center;background-color:#0000000a;border-radius:var(--radius-ui);padding:2px;height:30px}.view-toggle-container button{position:relative;z-index:10;transition:all .2s ease;background:transparent;width:32px;height:26px;border:none;border-radius:calc(var(--radius-ui) - 2px);color:var(--color-text-secondary)}.toggle-indicator{position:absolute;z-index:1;width:32px;height:28px;background:var(--color-surface-elevated);border-radius:calc(var(--radius-ui) - 2px);box-shadow:0 1px 3px #00000014;transition:transform .3s ease-in-out;top:50%;left:.25rem;transform:translateY(-50%)}#dropdown-toggle-scroll-sync i{display:flex;align-items:center;justify-content:center;height:100%;width:100%;margin:0;line-height:1}.view-toggle-container button.active{color:var(--color-accent-primary);background-color:transparent}.preview-toggle-container{position:relative;display:inline-flex;align-items:center;gap:0;background-color:#00000008;border-radius:var(--radius-ui);padding:.125rem;height:32px}.preview-toggle-container button{position:relative;z-index:10;transition:all .2s ease;background:transparent;width:32px;height:28px}.preview-toggle-container .toggle-indicator{position:absolute;z-index:1;width:32px;height:28px;background:var(--color-surface-elevated);border-radius:calc(var(--radius-ui) - 2px);box-shadow:0 1px 3px #00000014;transition:transform .3s ease-in-out;top:50%;left:.25rem;transform:translateY(-50%)}.preview-toggle-container button.active{color:var(--color-accent-primary);background:transparent}#preview-toggle-code.active,#preview-toggle-code.active-preview-mode{background-color:transparent!important}.help-button-discreet{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.help-button-discreet:hover{background-color:#f3f4f6;color:#1f2937}.help-button-discreet i{font-size:1rem}#width-dropdown-menu{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid #e5e7eb;transition:opacity .2s ease-in-out,transform .2s ease-in-out}#width-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#e5e7eb;border-radius:3px;outline:none}#width-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-accent-primary);cursor:pointer;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000000d,0 1px 2px #0000001a}#width-slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-accent-primary);cursor:pointer;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000000d,0 1px 2px #0000001a}.block-category-title{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.5rem .25rem .15rem;color:var(--color-text-muted)}.block-category-title[data-category=content]{color:var(--color-accent-primary)}.block-category-title[data-category=layout]{color:var(--color-accent-secondary)}.block-category-title[data-category=enrichment]{color:var(--color-accent-warn)}.palette-block{display:flex;align-items:center;padding:.5rem .75rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-left:3px solid transparent;border-radius:var(--radius-ui);font-size:.875rem;color:var(--color-text-primary);cursor:grab;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.palette-block i:first-child,.palette-block>div>i:first-child{color:var(--color-text-secondary);margin-right:.75rem;flex-shrink:0}.palette-block:hover{transform:translate(4px);box-shadow:0 2px 8px #00000014}.palette-block[data-category=content]{border-left-color:var(--color-accent-primary)}.palette-block[data-category=layout]{border-left-color:var(--color-accent-secondary)}.palette-block[data-category=enrichment]{border-left-color:var(--color-accent-warn)}.palette-block[data-category=content]:hover{border-color:var(--color-accent-primary);border-left-color:var(--color-accent-primary)}.palette-block[data-category=layout]:hover{border-color:var(--color-accent-secondary);border-left-color:var(--color-accent-secondary)}.palette-block[data-category=enrichment]:hover{border-color:var(--color-accent-warn);border-left-color:var(--color-accent-warn)}.palette-block .palette-block-label{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.3;min-width:0;flex:1}.palette-block-hint{font-size:.6875rem;color:var(--color-text-muted);display:block}.palette-block-action{padding:.25rem;background:transparent;border:none;border-radius:calc(var(--radius-ui) - 2px);color:var(--color-text-secondary);cursor:pointer;margin-left:.5rem;flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.palette-block-action:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.palette-block-info{color:var(--color-text-muted);margin-left:.5rem;flex-shrink:0;cursor:help;transition:color var(--transition-fast)}.palette-block-info:hover{color:var(--color-accent-primary)}.block-header{display:flex;align-items:center;gap:.375rem;height:32px;padding:0 .5rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);border-radius:var(--radius-ui) var(--radius-ui) 0 0}.block-header[data-category=content]{border-left:3px solid var(--color-accent-primary)}.block-header[data-category=layout]{border-left:3px solid var(--color-accent-secondary)}.block-header[data-category=enrichment]{border-left:3px solid var(--color-accent-warn)}.block-footer .block-header{border-left-color:var(--color-accent-warn, #f59e0b)}.block-header-drag{color:var(--color-text-muted);cursor:grab;padding:0 .125rem;font-size:.75rem;flex-shrink:0}.block-header-drag:active{cursor:grabbing}.block-type-tag{font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.block-header-name{flex:1;min-width:0;height:22px;font-size:.6875rem;padding:0 .375rem;border:1px solid transparent;border-radius:calc(var(--radius-ui) - 2px);background:transparent;color:var(--color-text-primary);transition:border-color var(--transition-fast),background-color var(--transition-fast);box-sizing:border-box}.block-header-name:focus{outline:none;border-color:var(--color-border-default);background-color:var(--color-surface-elevated)}.block-header-name::placeholder{color:var(--color-text-muted);font-style:italic}.block-header-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:calc(var(--radius-ui) - 2px);cursor:pointer;font-size:.6875rem;flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.block-header-btn:hover{background-color:var(--color-border-subtle);color:var(--color-text-primary)}.block-header-swap{color:var(--color-accent-primary)}.block-header-swap:hover{background-color:var(--color-accent-primary-light)!important;color:var(--color-accent-primary)!important}.block-header-delete{color:var(--color-text-muted)}.block-header-delete:hover{background-color:#fef2f2!important;color:var(--color-accent-danger)!important}.block-header-duplicate{color:var(--color-text-muted)}.block-header-duplicate:hover{background-color:#38bdf81f!important;color:#0284c7!important}@keyframes block-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.block-entering{animation:block-enter .25s ease forwards}#editor-canvas.drag-over{border:2px dashed var(--color-accent-primary)!important;background-color:var(--color-accent-primary-light)!important;transition:border-color var(--transition-fast),background-color var(--transition-fast)}@keyframes btn-saved-pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.btn--saved{background-color:var(--color-accent-success)!important;border-color:var(--color-accent-success)!important;color:#fff!important;animation:btn-saved-pulse .6s ease}#toast-container{position:fixed;bottom:20px;right:20px;z-index:50;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-left:4px solid var(--color-accent-primary);border-radius:var(--radius-ui);box-shadow:0 4px 12px #0000001a;font-size:.875rem;color:var(--color-text-primary);pointer-events:auto;animation:toast-in .3s ease forwards}.toast-icon{flex-shrink:0}.toast--success{border-left-color:var(--color-accent-success)}.toast--success .toast-icon{color:var(--color-accent-success)}.toast--info{border-left-color:var(--color-accent-primary)}.toast--info .toast-icon{color:var(--color-accent-primary)}.toast--warn{border-left-color:var(--color-accent-warn)}.toast--warn .toast-icon{color:var(--color-accent-warn)}.toast--error{border-left-color:var(--color-accent-danger)}.toast--error .toast-icon{color:var(--color-accent-danger)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--out{animation:toast-out .3s ease forwards}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}