.aqb-canvas-spot-spacing{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.aqb-spacing-indicator{position:absolute;border:2px dashed;background:#0000000d;pointer-events:auto;cursor:pointer;transition:all .2s ease}.aqb-spacing-indicator:hover{background:#0000001a;border-style:solid}.aqb-spacing-indicator-label{position:absolute;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px #0003}.aqb-spacing-indicator--margin .aqb-spacing-indicator-label{background-color:#00d4aa}.aqb-spacing-indicator--padding .aqb-spacing-indicator-label{background-color:#7c3aed}.aqb-spacing-indicator--top .aqb-spacing-indicator-label{top:50%;left:50%;transform:translate(-50%,-50%)}.aqb-spacing-indicator--right .aqb-spacing-indicator-label{top:50%;right:4px;transform:translateY(-50%)}.aqb-spacing-indicator--bottom .aqb-spacing-indicator-label{bottom:4px;left:50%;transform:translate(-50%)}.aqb-spacing-indicator--left .aqb-spacing-indicator-label{top:50%;left:4px;transform:translateY(-50%)}.aqb-spacing-indicator-input{width:50px;padding:2px 4px;border:none;border-radius:2px;background:#ffffffe6;color:#1a1a2e;font-size:12px;font-weight:600;text-align:center;outline:none}.aqb-canvas-spot-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;box-shadow:0 2px 8px #0000004d;pointer-events:auto;cursor:default;transition:all .2s ease}.aqb-canvas-spot-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #0006}.aqb-canvas-spot-badge-content{white-space:nowrap}.aqb-canvas-spot-badge-close{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin-left:4px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:14px;line-height:1;cursor:pointer;transition:all .2s ease}.aqb-canvas-spot-badge-close:hover{background:#ffffff4d;transform:scale(1.1)}.aqb-canvas[data-badges=true] [data-aqb-id]{position:relative}.aqb-canvas[data-badges=true] [data-aqb-id]:after{content:attr(data-aqb-type);position:absolute;bottom:2px;right:2px;font-size:12px;font-family:monospace;font-weight:600;background:#1e1e2ed9;color:var(--aqb-badge-tag, #10B981);padding:1px 4px;border-radius:2px;pointer-events:none;z-index:1500;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;line-height:1.5}.aqb-canvas[data-badges=true] [data-aqb-type=container]:after{color:var(--aqb-badge-id, #7c3aed)}.aqb-canvas[data-badges=true] [data-aqb-type=text]:after,.aqb-canvas[data-badges=true] [data-aqb-type=heading]:after{color:var(--aqb-badge-class, #f59e0b)}.aqb-canvas[data-badges=true] [data-aqb-type=button]:after{color:var(--aqb-badge-data, #3b82f6)}.aqb-canvas[data-badges=true] [data-aqb-type=image]:after{color:#f97316}.aqb-canvas[data-xray-mode=true][data-badges=true] [data-aqb-id]:after{display:none}:root{--layout-rail-width: var(--aqb-sidebar-width, 68px);--layout-drawer-width: var(--aqb-sidebar-panel-width, 280px);--layout-inspector-width: var(--aqb-right-panel-width, 300px);--layout-topbar-height: var(--aqb-header-height, 52px);--layout-footer-height: var(--aqb-footer-height, 40px);--layout-gap: var(--aqb-space-3, 12px);--layout-touch-min: var(--aqb-touch-min, 44px)}.layout-shell{display:grid;grid-template-columns:var(--layout-rail-width, 68px) 0px 1fr 0px;grid-template-rows:var(--layout-topbar-height, 52px) 1fr;grid-template-areas:"topbar topbar topbar topbar" "rail drawer canvas inspector";height:100%;width:100%;overflow:hidden;background:var(--surface-base, #0f1115);color:var(--text-primary, #ffffff);font-family:var(--aqb-font-family, "Inter", sans-serif)}.layout-shell--no-topbar{grid-template-rows:1fr;grid-template-areas:"rail drawer canvas inspector"}.layout-shell--drawer-open{grid-template-columns:var(--layout-rail-width, 68px) var(--layout-drawer-width, 280px) 1fr 0px}.layout-shell--inspector-open{grid-template-columns:var(--layout-rail-width, 68px) 0px 1fr var(--layout-inspector-width, 300px)}.layout-shell--drawer-open.layout-shell--inspector-open{grid-template-columns:var(--layout-rail-width, 68px) var(--layout-drawer-width, 280px) 1fr var(--layout-inspector-width, 300px)}.layout-shell__topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;padding:0 var(--layout-gap, 12px);background:var(--surface-base, #0f1115);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));z-index:100}.layout-shell__rail{grid-area:rail;display:flex;flex-direction:column;align-items:center;padding:var(--layout-gap, 12px) 0;background:var(--surface-base, #0f1115);border-right:1px solid var(--border-subtle, rgba(255, 255, 255, .08));z-index:90;overflow-y:auto;overflow-x:hidden}.layout-shell__rail::-webkit-scrollbar{width:0;background:transparent}.layout-shell__drawer{grid-area:drawer;display:flex;flex-direction:column;background:var(--surface-panel, rgba(28, 30, 36, .7));backdrop-filter:var(--glass-blur, blur(12px));-webkit-backdrop-filter:var(--glass-blur, blur(12px));border-right:1px solid var(--border-subtle, rgba(255, 255, 255, .08));overflow:hidden;z-index:80;transform:translate(-100%);opacity:0;transition:transform var(--duration-slow, .3s) var(--ease-bounce, cubic-bezier(.34, 1.56, .64, 1)),opacity var(--duration-fast, .15s) var(--ease-smooth, cubic-bezier(.4, 0, .2, 1))}.layout-shell__drawer--open{transform:translate(0);opacity:1}.layout-shell__canvas{grid-area:canvas;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--surface-canvas, #181a20);min-width:0}.layout-shell__canvas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0);background-size:24px 24px;pointer-events:none;z-index:0}.layout-shell__inspector{grid-area:inspector;display:flex;flex-direction:column;background:var(--surface-panel, rgba(28, 30, 36, .7));backdrop-filter:var(--glass-blur, blur(12px));-webkit-backdrop-filter:var(--glass-blur, blur(12px));border-left:1px solid var(--border-subtle, rgba(255, 255, 255, .08));overflow:hidden;z-index:80;transform:translate(100%);opacity:0;transition:transform var(--duration-slow, .3s) var(--ease-bounce, cubic-bezier(.34, 1.56, .64, 1)),opacity var(--duration-fast, .15s) var(--ease-smooth, cubic-bezier(.4, 0, .2, 1))}.layout-shell__inspector--open{transform:translate(0);opacity:1}@media(max-width:1366px){.layout-shell--inspector-open{grid-template-columns:var(--layout-rail-width, 68px) 0px 1fr 0px}.layout-shell--drawer-open.layout-shell--inspector-open{grid-template-columns:var(--layout-rail-width, 68px) var(--layout-drawer-width, 280px) 1fr 0px}.layout-shell__inspector{position:absolute;top:var(--layout-topbar-height, 52px);right:var(--layout-gap, 12px);bottom:var(--layout-gap, 12px);width:var(--layout-inspector-width, 300px);border-radius:var(--aqb-radius-xl, 16px);box-shadow:var(--glass-shadow-lg, 0 8px 32px rgba(0, 0, 0, .37));z-index:200}}.layout-shell__rail:focus-visible,.layout-shell__drawer:focus-visible,.layout-shell__canvas:focus-visible,.layout-shell__inspector:focus-visible{outline:2px solid var(--brand-primary, #3b82f6);outline-offset:-2px}@media(prefers-reduced-motion:reduce){.layout-shell__drawer,.layout-shell__inspector{transition:opacity var(--duration-fast, .15s) ease}}.left-rail{display:flex;flex-direction:column;align-items:center;width:var(--layout-rail-width, 68px);height:100%;background:var(--rail-bg, #0c0c12);border-right:1px solid rgba(255,255,255,.07);position:relative;z-index:20}.left-rail__logo{width:100%;height:56px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.left-rail__logo-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#7c6dfa,#a78bfa);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px #7c6dfa80;cursor:pointer;transition:box-shadow .2s}.left-rail__logo-mark:hover{box-shadow:0 0 36px #7c6dfaa6}.left-rail__logo-mark:after{content:"";display:block;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5' stroke='white' fill='none' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.left-rail__nav{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 7px;gap:3px;width:100%;overflow:visible}.left-rail__spacer{flex:1;min-height:8px}.left-rail__divider{width:32px;height:1px;margin:5px auto;background:#ffffff12;flex-shrink:0}.left-rail__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:52px;border:none;border-radius:10px;background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease;color:var(--rail-text-default, #3d4a5c);font-family:inherit}.left-rail__item:hover{background:#ffffff0a;color:var(--rail-text-hover, #7c88a0)}.left-rail__item--active{background:var(--rail-active-bg, rgba(124, 109, 250, .12));color:var(--rail-active, #7c6dfa)}.left-rail__item--active:hover{background:var(--rail-active-bg-hover, rgba(124, 109, 250, .16));color:var(--rail-active, #7c6dfa)}.left-rail__item--active:before{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:3px;height:22px;background:var(--rail-active-bar, #7c6dfa);border-radius:0 3px 3px 0}.left-rail__item:focus-visible{outline:2px solid var(--rail-focus, #00d4aa);outline-offset:2px}.left-rail__icon,.left-rail__item>svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.left-rail__item:active .left-rail__icon,.left-rail__item:active>svg{transform:scale(.92)}.left-rail__label{font-size:12px;font-weight:500;text-align:center;line-height:1;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.left-rail__item--active .left-rail__label{color:var(--rail-active, #7c6dfa)}.left-rail__tooltip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);background:var(--rail-tooltip-bg, #1e1e2e);border:1px solid rgba(255,255,255,.15);padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:1000;display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .15s ease}.left-rail__item:hover .left-rail__tooltip,.left-rail__item:focus-visible .left-rail__tooltip{opacity:1}.left-rail__tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#ffffff26}.left-rail__tooltip:after{content:"";position:absolute;right:calc(100% - 1px);top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--rail-tooltip-bg, #1e1e2e)}.left-rail__tooltip-name{font-size:12px;font-weight:500;color:#eef2ff}.left-rail__tooltip-kbd{background:#242432;border:1px solid rgba(255,255,255,.09);border-radius:5px;padding:2px 6px;font-size:12px;color:var(--rail-text-hover, #7c88a0);font-family:var(--aqb-font-mono, "JetBrains Mono", monospace)}.left-rail__badge{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--rail-bg, #0c0c12);z-index:5;pointer-events:none}.left-rail__badge--warn{background:var(--rail-badge-warn, #f59e0b)}.left-rail__badge--info{background:var(--rail-badge-info, #6366f1)}.left-rail__badge--ok{background:var(--rail-badge-ok, #00d4aa)}.left-rail__progress{position:absolute;top:5px;right:5px;width:10px;height:10px;pointer-events:none}.left-rail__progress svg{width:10px;height:10px;display:block}.left-rail__progress-track{fill:none;stroke:#ffffff0f;stroke-width:2}.left-rail__progress-fill{fill:none;stroke:var(--rail-badge-warn, #f59e0b);stroke-width:2;stroke-linecap:round;stroke-dasharray:0 25.13;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:5px 5px;transition:stroke-dasharray .6s ease}.left-rail__footer{width:100%;padding:8px 7px 10px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:3px;flex-shrink:0}.left-rail__footer-btn{width:100%;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;border-radius:8px;cursor:pointer;color:var(--rail-text-default, #3d4a5c);background:transparent;transition:color .15s ease,background .15s ease;font-family:inherit}.left-rail__footer-btn:hover{background:#ffffff0a;color:var(--rail-text-hover, #7c88a0)}.left-rail__footer-btn--active{color:var(--rail-focus, #00d4aa);background:#00d4aa14}.left-rail__footer-btn--active:hover{color:var(--rail-focus, #00d4aa);background:#00d4aa1f}.left-rail__footer-btn:focus-visible{outline:2px solid var(--rail-focus, #00d4aa);outline-offset:2px}.left-rail__footer-icon,.left-rail__footer-btn>svg{width:17px;height:17px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.left-rail__footer-label{font-size:12px;font-weight:500;line-height:1}@media(prefers-reduced-motion:reduce){.left-rail__item,.left-rail__footer-btn,.left-rail__tooltip,.left-rail__logo-mark,.left-rail__icon,.left-rail__footer-icon,.left-rail__progress-fill{transition:none}}.aqb-layers-panel{--layer-accent: var(--aqb-info);--layer-accent-alpha: rgba(59, 130, 246, .15);--layer-accent-soft: rgba(59, 130, 246, .2);--layer-success: var(--aqb-success);--layer-success-alpha: rgba(34, 197, 94, .15);--layer-warning: var(--aqb-accent-amber);--layer-warning-alpha: rgba(251, 191, 36, .15);--layer-muted: var(--aqb-text-tertiary);--layer-muted-alpha: rgba(100, 116, 139, .15);--layer-row-height: 30px;--layer-row-gap: 1px;display:flex;flex-direction:column;height:100%}.aqb-layers-minimal{padding:0}.aqb-layers-search-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--aqb-border);flex-shrink:0}.aqb-layers-search-row .aqb-search-container{flex:1}.aqb-layers-tree-minimal{flex:1;overflow-y:auto;padding:4px 0}.aqb-layers-header{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md);margin-bottom:8px}.aqb-layers-header-top{display:flex;align-items:center;justify-content:space-between}.aqb-layers-header-title{display:flex;align-items:center;gap:8px;font-size:var(--aqb-font-sm);font-weight:600;color:var(--aqb-text-primary)}.aqb-layers-header-icon{color:var(--aqb-text-tertiary)}.aqb-layers-header-count{font-size:var(--aqb-font-xs);font-weight:500;padding:2px 8px;background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple);border-radius:10px}.aqb-layers-header-actions{display:flex;gap:4px}.aqb-layers-settings-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--aqb-radius-sm);color:var(--aqb-text-tertiary);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-layers-settings-btn:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-filter-chips{display:flex;gap:4px;flex-wrap:wrap}.aqb-filter-chip{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--aqb-surface-4);border:1px solid transparent;border-radius:var(--aqb-radius-full);font-size:var(--aqb-font-xs);font-weight:500;color:var(--aqb-text-secondary);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-filter-chip:hover{background:var(--aqb-surface-5);color:var(--aqb-text-primary)}.aqb-filter-chip.active{background:var(--aqb-accent-purple-alpha);border-color:var(--aqb-accent-purple);color:var(--aqb-accent-purple)}.aqb-filter-chip-icon{font-size:var(--aqb-text-sm-plus)}.aqb-layer-row{position:relative;display:flex;align-items:center;gap:6px;height:var(--layer-row-height);padding:0 8px;border-radius:var(--aqb-radius-sm);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-layer-row:hover{background:var(--aqb-surface-3)}.aqb-layer-row.is-selected{background:var(--layer-accent-alpha);outline:1px solid var(--layer-accent)}.aqb-layer-row.is-dragging{opacity:.5}.aqb-layer-row:focus-visible{outline:2px solid var(--aqb-primary);outline-offset:-2px;border-radius:var(--aqb-radius-sm);z-index:1}.aqb-depth-bars{display:flex;gap:2px;flex-shrink:0}.aqb-depth-bar{width:var(--layer-depth-bar-width);height:16px;border-radius:2px;opacity:.7}.aqb-depth-bar--1{background:var(--layer-depth-1)}.aqb-depth-bar--2{background:var(--layer-depth-2)}.aqb-depth-bar--3{background:var(--layer-depth-3)}.aqb-depth-bar--4{background:var(--layer-depth-4)}.aqb-depth-bar:nth-child(n+4){opacity:.4}.aqb-layer-toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;border-radius:var(--aqb-radius-xs);color:var(--aqb-text-tertiary);cursor:pointer;transition:var(--aqb-transition-fast);flex-shrink:0}.aqb-layer-toggle:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-layer-toggle svg{transition:transform .15s ease}.aqb-layer-toggle.collapsed svg{transform:rotate(-90deg)}.aqb-layer-toggle-placeholder{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--aqb-text-muted);font-size:var(--aqb-text-2xs);flex-shrink:0}.aqb-layer-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--aqb-radius-xs);flex-shrink:0;font-size:var(--aqb-text-sm-plus);transition:var(--aqb-transition-fast)}.aqb-layer-name{flex:1;min-width:0;font-size:var(--aqb-font-xs);font-weight:500;color:var(--aqb-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqb-layer-type{font-size:var(--aqb-text-xs);font-weight:500;color:var(--aqb-text-muted);padding:1px 6px;background:var(--aqb-surface-4);border-radius:var(--aqb-radius-xs);flex-shrink:0}.aqb-layer-id{font-size:var(--aqb-text-2xs-plus);color:var(--aqb-text-muted);font-family:var(--aqb-font-mono);opacity:.6}.aqb-component-badge{display:flex;align-items:center;gap:3px;padding:1px 6px;background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple);border-radius:var(--aqb-radius-xs);font-size:var(--aqb-text-2xs-plus);font-weight:600;flex-shrink:0}.aqb-component-badge-icon{font-size:var(--aqb-text-xs)}.aqb-layer-actions{display:flex;gap:2px;margin-left:auto;opacity:0;transition:opacity .15s ease}.aqb-layer-row:hover .aqb-layer-actions,.aqb-layer-row.is-selected .aqb-layer-actions{opacity:1}.aqb-layer-action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;border-radius:var(--aqb-radius-xs);cursor:pointer;color:var(--layer-accent);opacity:.6;transition:var(--aqb-transition-fast)}.aqb-layer-action-btn:hover{background:var(--layer-accent-alpha);color:var(--layer-accent);opacity:1}.aqb-layer-row.is-hidden{opacity:.5}.aqb-layer-row.is-hidden .aqb-layer-name{color:var(--aqb-text-muted)}.aqb-layer-row.is-hidden .aqb-layer-action-btn:first-child{color:var(--layer-warning);opacity:1}.aqb-layer-row.is-hidden .aqb-layer-action-btn:first-child:hover{background:var(--layer-warning-alpha)}.aqb-layer-row.is-hidden .aqb-layer-actions{opacity:1}.aqb-layer-row.is-locked{cursor:not-allowed}.aqb-layer-row.is-locked .aqb-layer-action-btn:last-child{color:var(--layer-muted);opacity:1}.aqb-layer-row.is-locked .aqb-layer-action-btn:last-child:hover{background:var(--layer-muted-alpha)}.aqb-layer-row.is-locked .aqb-layer-actions{opacity:1}.aqb-drop-indicator{position:absolute;left:0;right:0;pointer-events:none;z-index:10}.aqb-drop-before{top:0;height:3px;background:linear-gradient(90deg,var(--layer-success) 0%,var(--aqb-accent-cyan) 50%,var(--layer-success) 100%);border-radius:2px;box-shadow:0 0 8px var(--layer-success-alpha)}.aqb-drop-after{bottom:0;height:3px;background:linear-gradient(90deg,var(--layer-success) 0%,var(--aqb-accent-cyan) 50%,var(--layer-success) 100%);border-radius:2px;box-shadow:0 0 8px var(--layer-success-alpha)}.aqb-drop-inside{inset:0;border:2px solid var(--layer-success);background:var(--layer-success-alpha);border-radius:var(--aqb-radius-sm)}.aqb-layer-row.is-canvas-hovered,.aqb-layer-row.is-layer-hovered{background:var(--layer-accent-alpha)!important;outline:1px solid var(--layer-accent);outline-offset:-1px}.aqb-layer-row.is-canvas-hovered:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--layer-accent);border-radius:0 2px 2px 0}.aqb-layer-name-input{width:100%;padding:2px 6px;border:1px solid var(--layer-accent);border-radius:var(--aqb-radius-xs);background:var(--layer-accent-alpha);color:inherit;font-size:var(--aqb-font-xs);outline:none}.aqb-layer-name-input:focus{border-color:var(--layer-success);box-shadow:0 0 0 2px var(--layer-success-alpha)}.aqb-layer-tree-lines{position:absolute;top:0;bottom:0;left:0;pointer-events:none}.aqb-tree-line{position:absolute;top:0;bottom:0;width:1px;background:var(--layer-accent-soft)}.aqb-multiselect-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--aqb-surface-4);border-radius:var(--aqb-radius-md);margin-bottom:8px}.aqb-multiselect-count{font-size:var(--aqb-font-xs);font-weight:500;color:var(--aqb-text-secondary)}.aqb-multiselect-actions{display:flex;gap:4px;margin-left:auto}.aqb-multiselect-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--aqb-surface-3);border:none;border-radius:var(--aqb-radius-sm);font-size:var(--aqb-font-xs);color:var(--aqb-text-primary);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-multiselect-btn:hover{background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple)}.aqb-multiselect-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;border-radius:var(--aqb-radius-xs);color:var(--aqb-text-muted);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-multiselect-close:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-layers-tabs{display:flex;gap:4px;padding:8px;border-top:1px solid var(--aqb-border);margin-top:auto}.aqb-layers-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:var(--aqb-radius-md);font-size:var(--aqb-font-xs);font-weight:500;color:var(--aqb-text-secondary);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-layers-tab:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-layers-tab.active{background:var(--aqb-surface-4);color:var(--aqb-text-primary);border-bottom:2px solid var(--aqb-accent-purple)}.aqb-layers-tab-badge{font-size:var(--aqb-text-xs);padding:1px 5px;background:var(--aqb-surface-4);border-radius:8px}.aqb-layers-tab.active .aqb-layers-tab-badge{background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple)}.aqb-add-page-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px dashed var(--aqb-border);border-radius:var(--aqb-radius-md);font-size:var(--aqb-font-xs);color:var(--aqb-text-muted);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-add-page-btn:hover{background:var(--aqb-surface-3);border-color:var(--aqb-accent-purple);color:var(--aqb-accent-purple)}.aqb-layer-display-settings{position:absolute;top:44px;right:8px;z-index:200;background:var(--aqb-surface-2, #1e2130);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md, 8px);box-shadow:0 8px 24px #0006;min-width:220px;padding:4px 0 8px}.aqb-lds-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--aqb-border);margin-bottom:4px}.aqb-lds-title{font-size:12px;font-weight:600;color:var(--aqb-text-primary)}.aqb-lds-close{background:none;border:none;color:var(--aqb-text-tertiary);cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.aqb-lds-row{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;cursor:pointer;gap:8px}.aqb-lds-row:hover{background:var(--aqb-surface-hover, rgba(255,255,255,.04))}.aqb-lds-label{display:flex;flex-direction:column;gap:1px;font-size:12px;color:var(--aqb-text-primary)}.aqb-lds-hint{font-size:12px;color:var(--aqb-text-tertiary)}.aqb-layers-header-row{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 0}.aqb-layers-header-actions{display:flex;align-items:center;gap:4px}.aqb-layers-count{font-size:12px;color:var(--aqb-text-tertiary);margin-left:4px}.aqb-layer-ctx-menu{background:var(--aqb-surface-2, #1e2130);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md, 8px);box-shadow:0 8px 32px #00000080;min-width:190px;padding:4px 0;-webkit-user-select:none;user-select:none}.aqb-layer-ctx-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;background:none;border:none;color:var(--aqb-text-primary);font-size:12px;cursor:pointer;text-align:left;gap:16px}.aqb-layer-ctx-item:hover{background:var(--aqb-surface-hover, rgba(255,255,255,.06))}.aqb-layer-ctx-item--danger{color:var(--aqb-error, #ef4444)}.aqb-layer-ctx-item--danger:hover{background:#ef44441a}.aqb-layer-ctx-divider{height:1px;background:var(--aqb-border);margin:4px 0}.aqb-ctx-hint{color:var(--aqb-text-tertiary);font-size:12px;flex-shrink:0}.aqb-layer-sel-banner{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--aqb-info-bg, rgba(59,130,246,.12));border-bottom:1px solid var(--aqb-info, #3b82f6);flex-shrink:0}.aqb-sel-count{font-size:12px;font-weight:600;color:var(--aqb-info, #3b82f6);flex:1}.aqb-sel-btn{padding:2px 8px;border-radius:4px;border:1px solid var(--aqb-border);background:var(--aqb-surface-2);color:var(--aqb-text-primary);font-size:12px;cursor:pointer}.aqb-sel-btn:hover{background:var(--aqb-surface-hover)}.aqb-sel-btn--danger{border-color:var(--aqb-error, #ef4444);color:var(--aqb-error, #ef4444)}.aqb-sel-btn--muted{color:var(--aqb-text-tertiary)}.aqb-layer-row.is-multi-selected{background:#3b82f61f!important;outline:1px solid rgba(59,130,246,.3)}.aqb-layer-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 12px;border-bottom:1px solid var(--aqb-border);background:var(--aqb-surface-1);flex-shrink:0}.aqb-bc-crumb{background:none;border:none;color:var(--aqb-text-tertiary);font-size:12px;cursor:pointer;padding:1px 2px;border-radius:2px}.aqb-bc-crumb:hover{color:var(--aqb-text-primary);background:var(--aqb-surface-hover)}.aqb-bc-sep{color:var(--aqb-text-tertiary);font-size:12px}.aqb-bc-current{font-size:12px;font-weight:600;color:var(--aqb-text-primary)}.aqb-layers-empty-search{display:flex;flex-direction:column;align-items:center;padding:24px 16px;gap:8px;text-align:center}.aqb-les-icon{font-size:24px}.aqb-les-title{font-size:12px;color:var(--aqb-text-secondary);margin:0}.aqb-les-clear{padding:4px 12px;border-radius:4px;background:var(--aqb-surface-2);border:1px solid var(--aqb-border);color:var(--aqb-text-primary);font-size:12px;cursor:pointer}.aqb-layers-compact .aqb-layer-row{--layer-row-height: 24px;font-size:12px}.aqb-layer-bp-chip{font-size:12px;font-weight:700;padding:1px 4px;border-radius:3px;letter-spacing:.03em;flex-shrink:0}.aqb-bp-mobile{background:#f1c40f33;color:#f1c40f;border:1px solid rgba(241,196,15,.3)}.aqb-bp-tablet{background:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.3)}.aqb-history-container{display:flex;flex-direction:column;height:100%;background:var(--aqb-surface-2);color:var(--aqb-text-primary);font-size:var(--aqb-font-sm)}.aqb-history-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--aqb-border)}.aqb-history-title{margin:0;font-size:var(--aqb-font-md);font-weight:600}.aqb-history-actions{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid var(--aqb-border)}.aqb-history-action-btn{padding:4px 10px;background:var(--aqb-surface-3);color:var(--aqb-text-secondary);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-sm);cursor:pointer;font-size:var(--aqb-font-xs);transition:var(--aqb-transition-fast)}.aqb-history-action-btn:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-history-list{flex:1;overflow-y:auto;padding:12px}.aqb-version-card{padding:12px;margin-bottom:8px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md);transition:var(--aqb-transition-fast)}.aqb-version-card:hover{background:var(--aqb-surface-4)}.aqb-version-card.auto-checkpoint{border-left:3px solid var(--aqb-text-muted)}.aqb-version-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.aqb-version-name{font-weight:600;color:var(--aqb-text-primary)}.aqb-version-badge{padding:2px 6px;background:var(--aqb-surface-4);color:var(--aqb-text-muted);border-radius:var(--aqb-radius-sm);font-size:var(--aqb-text-xs);text-transform:uppercase}.aqb-version-description{margin:4px 0 8px;color:var(--aqb-text-secondary);font-size:var(--aqb-font-xs);line-height:1.4}.aqb-version-meta{margin-bottom:8px;color:var(--aqb-text-muted);font-size:var(--aqb-text-xs)}.aqb-version-actions{display:flex;gap:8px}.aqb-restore-btn{flex:1;padding:6px 12px;background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple);border:1px solid var(--aqb-accent-purple);border-radius:var(--aqb-radius-sm);cursor:pointer;font-size:var(--aqb-font-xs);transition:var(--aqb-transition-fast)}.aqb-restore-btn:hover{background:var(--aqb-accent-purple);color:#fff}.aqb-restore-btn:disabled{opacity:.6;cursor:not-allowed}.aqb-version-delete-btn{padding:6px 12px;background:var(--aqb-error-light);color:var(--aqb-error);border:1px solid rgba(239,68,68,.3);border-radius:var(--aqb-radius-sm);cursor:pointer;font-size:var(--aqb-font-xs);transition:var(--aqb-transition-fast)}.aqb-version-delete-btn:hover{background:#ef444433}.aqb-activity-timeline{display:flex;flex-direction:column;gap:4px;padding:8px}.aqb-activity-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md);transition:var(--aqb-transition-fast)}.aqb-activity-item:hover{background:var(--aqb-surface-4)}.aqb-activity-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--aqb-surface-4);border-radius:var(--aqb-radius-sm);color:var(--aqb-text-tertiary)}.aqb-activity-content{flex:1;min-width:0}.aqb-activity-action{font-size:var(--aqb-font-sm);color:var(--aqb-text-primary);font-weight:500}.aqb-activity-target{font-size:var(--aqb-font-xs);color:var(--aqb-text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aqb-activity-time{font-size:var(--aqb-text-xs);color:var(--aqb-text-muted);flex-shrink:0}.aqb-settings-container{display:flex;flex-direction:column;height:100%;padding:12px;overflow-y:auto}.aqb-settings-title{font-size:var(--aqb-font-lg);font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--aqb-border)}.aqb-settings-tabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md)}.aqb-settings-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:var(--aqb-radius-sm);font-size:var(--aqb-font-xs);font-weight:500;color:var(--aqb-text-secondary);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-settings-tab:hover{color:var(--aqb-text-primary)}.aqb-settings-tab.active{background:var(--aqb-surface-1);color:var(--aqb-text-primary);box-shadow:0 1px 3px #0000001a}.aqb-settings-sections{display:flex;flex-direction:column;gap:12px}.aqb-settings-card{background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md);padding:12px}.aqb-settings-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.aqb-settings-card-title{font-size:var(--aqb-font-sm);font-weight:600;color:var(--aqb-text-primary)}.aqb-form-group{margin-bottom:12px}.aqb-form-label{display:block;margin-bottom:6px;color:var(--aqb-text-secondary);font-size:var(--aqb-font-xs);font-weight:500}.aqb-checkbox-label{display:flex;align-items:center;gap:8px;font-size:var(--aqb-font-xs);color:var(--aqb-text-secondary);cursor:pointer}.aqb-checkbox-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--aqb-accent-purple)}.aqb-hint{font-size:var(--aqb-font-xs);color:var(--aqb-text-muted);margin-top:4px}.aqb-input-error,.aqb-input-error:hover,.aqb-input-error:focus{border-color:var(--aqb-error)}.aqb-error-text{font-size:var(--aqb-font-xs);color:var(--aqb-error);margin-top:4px}.aqb-token-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.aqb-color-swatch{width:100%;aspect-ratio:1;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:var(--aqb-transition-fast)}.aqb-color-swatch.active{border-color:var(--aqb-text-primary, #f1f5f9);box-shadow:0 0 0 2px var(--aqb-primary)}.aqb-token-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff05;border-radius:6px;margin-bottom:4px}.aqb-token-name{font-size:var(--aqb-text-xs);color:var(--aqb-text-muted);font-family:Fira Code,monospace;flex:1}.aqb-token-value{font-size:var(--aqb-text-xs);color:var(--aqb-text-secondary);font-family:Fira Code,monospace;background:#0003;padding:2px 6px;border-radius:4px}.aqb-copy-btn{padding:4px 8px;background:transparent;border:none;color:var(--aqb-text-muted);font-size:var(--aqb-text-xs);cursor:pointer;border-radius:4px;transition:var(--aqb-transition-fast)}.aqb-copy-btn:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-radius-preview{width:40px;height:40px;background:#0073e633;border:1px solid rgba(0,115,230,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--aqb-text-2xs);color:var(--aqb-text-muted)}.aqb-usage-hint{padding:12px;background:#0073e61a;border-radius:8px;margin-top:16px}.aqb-usage-hint-title{font-size:var(--aqb-text-xs);color:var(--aqb-primary);margin-bottom:4px}.aqb-usage-hint-text{font-size:var(--aqb-text-2xs-plus);color:var(--aqb-text-muted);line-height:1.5}.aqb-design-picker{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--aqb-surface-3);border-radius:8px;border:1px solid var(--aqb-border)}.aqb-design-picker__sb-wrap{position:relative;border-radius:6px;overflow:hidden;cursor:crosshair}.aqb-design-picker__sb-canvas{display:block;width:100%;height:128px;border-radius:6px}.aqb-design-picker__crosshair{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.aqb-design-picker__slider-wrap{position:relative}.aqb-design-picker__slider-canvas{display:block;width:100%;height:12px;border-radius:6px;cursor:ew-resize}.aqb-design-picker__knob{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 1px 4px #00000080;transform:translate(-50%,-50%);pointer-events:none}.aqb-design-picker__alpha-label{position:absolute;right:0;top:50%;transform:translateY(-50%) translate(calc(100% + 6px));font-size:12px;color:var(--aqb-text-muted);white-space:nowrap;pointer-events:none}.aqb-design-picker__hex-row{display:flex;align-items:center;gap:8px}.aqb-design-picker__swatch-preview{width:28px;height:28px;border-radius:5px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.aqb-design-picker__hex-input-wrap{flex:1;display:flex;align-items:center;gap:2px;padding:0 8px;background:#ffffff0d;border:1px solid var(--aqb-border);border-radius:5px;height:28px}.aqb-design-picker__hex-input-wrap--error{border-color:#ef4444}.aqb-design-picker__hash{font-size:12px;color:var(--aqb-text-muted);font-family:monospace;-webkit-user-select:none;user-select:none}.aqb-design-picker__hex-input{flex:1;background:transparent;border:none;outline:none;color:var(--aqb-text-primary);font-size:12px;font-family:monospace;letter-spacing:.5px;width:0}.aqb-design-picker__contrast-badge{font-size:12px;color:var(--aqb-text-muted);white-space:nowrap;font-family:monospace}.aqb-design-picker__hex-error{font-size:12px;color:#ef4444;padding-top:2px}.aqb-design-picker__alpha-warning{font-size:12px;color:#f59e0b;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:5px;padding:5px 8px}.aqb-design-picker__actions{display:flex;gap:6px;justify-content:flex-end;padding-top:2px}.aqb-design-picker__cancel-btn{padding:5px 12px;background:transparent;border:1px solid var(--aqb-border);border-radius:5px;color:var(--aqb-text-muted);font-size:12px;cursor:pointer}.aqb-design-picker__save-btn{padding:5px 12px;background:var(--aqb-primary);border:none;border-radius:5px;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.aqb-design-picker__save-btn:disabled{opacity:.4;cursor:default}@keyframes aqb-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}:root{--aqb-layout-max-width: 1280px;--aqb-layout-padding-x: 24px;--aqb-layout-columns: 12;--aqb-layout-gutter: 24px;--aqb-section-padding-y: 80px;--aqb-content-max-width: 720px;--aqb-base-unit: 4px;--aqb-breakpoint-mobile: 768px;--aqb-btn-height-sm: 32px;--aqb-btn-height-md: 40px;--aqb-btn-height-lg: 48px;--aqb-btn-padding-x: 16px;--aqb-btn-font-weight: 600;--aqb-btn-font-size: 14px;--aqb-btn-radius: 8px;--aqb-cta-radius: 9999px;--aqb-input-height: 40px;--aqb-input-radius: 8px;--aqb-input-border: #27272a;--aqb-input-focus: #3b82f6;--aqb-input-padding-x: 12px;--aqb-label-font-size: 13px;--aqb-label-weight: 500;--aqb-placeholder-color: #71717a;--aqb-icon-style: outline;--aqb-icon-stroke: 1.5;--aqb-icon-sm: 16px;--aqb-icon-md: 20px;--aqb-icon-lg: 24px}.med-tab{--aqb-border: rgba(255, 255, 255, .08);--aqb-border-subtle: rgba(255, 255, 255, .05);--aqb-accent: #a78bfa;--aqb-accent-light: rgba(167, 139, 250, .12);--aqb-text-muted: #64748b;--aqb-surface-1: #0d0d1a;--aqb-surface-2: #16161d;--aqb-surface-3: #1e1e26;--aqb-font-xs: 12px;--aqb-font-sm: 13px;--aqb-font-md: 14px}.med-source-bar{display:flex;gap:0;padding:0 10px;border-bottom:1px solid var(--aqb-border-subtle);flex-shrink:0}.med-src-btn{display:flex;align-items:center;justify-content:center;gap:5px;height:38px;padding:0 14px;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--aqb-text-muted);font-size:var(--aqb-font-xs);font-weight:600;cursor:pointer;transition:var(--aqb-transition-fast);margin-bottom:-1px;flex-shrink:0}.med-src-btn:hover{color:var(--aqb-text-primary)}.med-src-btn.active{color:var(--aqb-text-primary);border-bottom-color:var(--aqb-accent)}.med-search-row{padding:6px 8px;flex-shrink:0}.med-search{height:30px;display:flex;align-items:center;gap:7px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border-subtle);border-radius:var(--aqb-radius-md);padding:0 10px;transition:border-color var(--aqb-transition-fast)}.med-search:focus-within{border-color:var(--aqb-accent)}.med-search-icon{width:12px;height:12px;color:var(--aqb-text-muted);flex-shrink:0}.med-search input{flex:1;border:none;background:none;outline:none;font-size:var(--aqb-font-xs);color:var(--aqb-text-primary);min-width:0}.med-search input::placeholder{color:var(--aqb-text-muted)}.med-search-clear{width:14px;height:14px;border-radius:50%;border:none;background:var(--aqb-surface-3);color:var(--aqb-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:8px;flex-shrink:0;transition:var(--aqb-transition-fast)}.med-search-clear:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.med-type-pills{display:flex;align-items:center;gap:5px;padding:8px 12px 7px;border-bottom:1px solid var(--aqb-border-subtle);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.med-type-pills::-webkit-scrollbar{display:none}.med-pill{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:99px;border:1px solid transparent;background:transparent;color:var(--aqb-text-muted);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--aqb-transition-fast);flex-shrink:0}.med-pill:hover{color:var(--aqb-text-secondary);background:#ffffff0d}.med-pill.active,.med-pill[data-type=img].active{background:#6b5eed1f;border-color:#6b5eed40;color:var(--aqb-text-primary)}.med-pill[data-type=vid].active{background:#d946ef1a;border-color:#d946ef38;color:var(--media-vid)}.med-pill[data-type=ico].active{background:#f0932214;border-color:#f0932233;color:var(--media-ico)}.med-pill[data-type=fnt].active{background:#00c9a014;border-color:#00c9a033;color:var(--media-fnt)}.med-pill-count{font-size:12px;font-weight:600;padding:0 4px;border-radius:4px;background:var(--aqb-surface-3);color:var(--aqb-text-muted);line-height:14px}.med-pill-icon{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.med-type-pills.disc-mode .med-pill-count{display:none}.med-sec-hdr{display:flex;align-items:center;gap:6px;padding:8px 10px 5px;position:sticky;top:0;z-index:10;background:var(--aqb-surface-1)}.med-sec-label{font-size:12px;font-family:var(--aqb-font-mono, monospace);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--aqb-text-muted);flex-shrink:0}.med-sec-count{font-size:12px;font-family:var(--aqb-font-mono, monospace);color:var(--aqb-text-muted);background:var(--aqb-surface-3);border-radius:3px;padding:1px 5px}.med-sec-spacer{flex:1}.med-sort-chk{font-size:12px;color:var(--aqb-text-muted);margin-left:2px}.med-sort-lbl{display:flex;align-items:center;gap:3px;cursor:pointer;font-size:12px;font-family:var(--aqb-font-mono, monospace);color:var(--aqb-text-muted);transition:color var(--aqb-transition-fast);background:none;border:none}.med-sort-lbl:hover{color:var(--aqb-text-secondary)}.med-sort-dd{position:absolute;top:calc(100% + 4px);right:8px;z-index:200;min-width:130px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md);padding:4px;box-shadow:var(--aqb-shadow-lg, 0 10px 28px rgba(0,0,0,.5))}.med-sort-opt{padding:6px 10px;border-radius:var(--aqb-radius-sm);font-size:var(--aqb-font-xs);color:var(--aqb-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:var(--aqb-transition-fast)}.med-sort-opt:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.med-sort-opt.active{color:var(--aqb-accent-light, var(--aqb-accent))}.med-grid-tog{width:20px;height:20px;border-radius:var(--aqb-radius-sm);border:none;background:transparent;color:var(--aqb-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--aqb-transition-fast)}.med-grid-tog:hover{background:var(--aqb-surface-3);color:var(--aqb-text-secondary)}.med-grid-tog.active{color:var(--aqb-text-primary)}.med-fmt-strip{display:flex;gap:3px;padding:0 10px 5px;flex-wrap:wrap;overflow:hidden;max-height:0;opacity:0;pointer-events:none;transition:opacity .18s,max-height .22s}.med-fmt-strip.visible{opacity:1;max-height:40px;pointer-events:auto}.med-fmt-btn{height:20px;padding:0 8px;border-radius:99px;border:1px solid var(--aqb-border-subtle);background:transparent;color:var(--aqb-text-muted);font-size:8.5px;font-weight:700;font-family:var(--aqb-font-mono, monospace);cursor:pointer;transition:var(--aqb-transition-fast)}.med-fmt-btn:hover{border-color:var(--aqb-border);color:var(--aqb-text-secondary)}.med-fmt-btn.active{background:var(--aqb-surface-3);border-color:var(--aqb-border);color:var(--aqb-text-primary)}.med-grid{display:grid;gap:3px;padding:0 8px 10px}.med-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.med-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.med-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr);gap:2px}.med-img-card{position:relative;aspect-ratio:1;border-radius:var(--aqb-radius-md);overflow:hidden;cursor:grab;border:1.5px solid transparent;transition:border-color .1s,transform .12s}.med-img-card:hover{border-color:var(--aqb-border);transform:translateY(-1px);box-shadow:0 4px 14px #0006}.med-img-card:active{cursor:grabbing;transform:scale(.96)}.med-img-card.selected{border-color:var(--media-img)!important;transform:none!important}.med-img-card-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--aqb-surface-3)}.med-img-card-bg img{width:100%;height:100%;object-fit:cover}.med-img-overlay{position:absolute;inset:0;opacity:0;transition:opacity .12s;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,transparent 55%);pointer-events:none}.med-img-card:hover .med-img-overlay{opacity:1}.med-img-top{position:absolute;top:3px;left:3px;right:3px;display:flex;justify-content:space-between;align-items:flex-start;opacity:0;transition:opacity .12s}.med-img-card:hover .med-img-top{opacity:1}.med-img-meta{position:absolute;bottom:0;left:0;right:0;padding:4px 5px}.med-ext-badge{font-size:7px;font-family:var(--aqb-font-mono, monospace);font-weight:700;padding:1px 4px;border-radius:3px;width:fit-content;margin-bottom:1px;background:var(--media-img);color:#fff}.med-ext-badge[data-type=vid]{background:var(--media-vid)}.med-ext-badge[data-type=ico]{background:var(--media-ico)}.med-ext-badge[data-type=fnt]{background:var(--media-fnt)}.med-img-name{font-size:8px;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.med-img-size{font-size:7px;font-family:var(--aqb-font-mono, monospace);color:#ffffff61}.med-insert-btn{position:absolute;bottom:4px;right:4px;height:18px;padding:0 7px;border-radius:var(--aqb-radius-sm);border:none;background:var(--aqb-accent);color:#fff;font-size:8px;font-weight:600;cursor:pointer;display:none;align-items:center;transition:var(--aqb-transition-fast)}.med-img-card:hover .med-insert-btn{display:flex}.med-del-btn{width:20px;height:20px;border-radius:var(--aqb-radius-sm);border:none;background:#ef4060bf;color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.med-img-card:hover .med-del-btn{display:flex}.med-del-btn:hover{background:#ef4060}.med-chk{width:15px;height:15px;border-radius:3px;border:1.5px solid rgba(255,255,255,.3);background:#00000073;display:none;align-items:center;justify-content:center;font-size:7px;color:transparent;cursor:pointer;flex-shrink:0;transition:var(--aqb-transition-fast)}.med-img-card:hover .med-chk,.med-img-card.selected .med-chk{display:flex}.med-img-card.selected .med-chk{background:var(--media-img);border-color:var(--media-img);color:#fff}.med-vid-card{position:relative;border-radius:var(--aqb-radius-md);overflow:hidden;aspect-ratio:16 / 9;background:var(--aqb-surface-3);cursor:grab;border:1.5px solid transparent;transition:border-color .12s,transform .12s}.med-vid-card:hover{border-color:var(--media-vid);transform:translateY(-1px);box-shadow:0 4px 14px #0006}.med-vid-card:active{cursor:grabbing}.med-vid-card.selected{border-color:var(--media-vid)!important;transform:none!important}.med-vid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);opacity:0;width:28px;height:28px;border-radius:50%;background:var(--media-vid);display:flex;align-items:center;justify-content:center;transition:all .15s;pointer-events:none}.med-vid-play svg{width:10px;height:10px;fill:#fff;margin-left:2px}.med-vid-card:hover .med-vid-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.med-vid-dur{position:absolute;bottom:5px;right:5px;background:#000000a6;border-radius:3px;padding:2px 5px;font-size:7.5px;font-family:var(--aqb-font-mono, monospace);color:#ffffffd9}.med-ico-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:0 8px 10px}.med-ico-card{aspect-ratio:1;border-radius:var(--aqb-radius-sm);border:1.5px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:grab;transition:all .12s}.med-ico-card:hover{background:color-mix(in srgb,var(--media-ico) 8%,transparent);border-color:color-mix(in srgb,var(--media-ico) 20%,transparent);transform:scale(1.08)}.med-ico-card img{width:16px;height:16px}.med-ico-label{font-size:5.5px;color:var(--aqb-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;text-align:center}.med-fnt-list{display:flex;flex-direction:column;gap:2px;padding:0 8px 10px}.med-fnt-card{border-radius:var(--aqb-radius-md);border:1px solid var(--aqb-border-subtle);background:var(--aqb-surface-2);overflow:hidden;cursor:grab;transition:all .13s}.med-fnt-card:hover{background:var(--aqb-surface-3);border-color:var(--aqb-border)}.med-fnt-top{display:flex;align-items:center;padding:7px 10px 0;gap:6px}.med-fnt-name{font-size:var(--aqb-font-xs);font-weight:600;flex:1;color:var(--aqb-text-primary)}.med-fnt-preview{padding:4px 10px 7px;font-size:14px;line-height:1.3;color:var(--aqb-text-secondary)}.med-upload-ghost{position:relative;aspect-ratio:1;border-radius:var(--aqb-radius-md);border:1.5px dashed var(--aqb-border);background:var(--aqb-surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden}.med-upload-ghost-bar{position:absolute;bottom:0;left:0;height:2px;background:var(--aqb-accent);transition:width .3s ease}.med-upload-ghost-pct{font-size:12px;font-family:var(--aqb-font-mono, monospace);color:var(--aqb-text-muted)}.med-bulk-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--aqb-surface-3);border-top:1px solid var(--aqb-border-subtle);flex-shrink:0}.med-bulk-count{font-size:var(--aqb-font-xs);color:var(--aqb-text-secondary);flex:1}.med-bulk-btn{height:24px;padding:0 10px;border-radius:var(--aqb-radius-sm);border:1px solid var(--aqb-border-subtle);background:transparent;color:var(--aqb-text-secondary);font-size:var(--aqb-font-xs);cursor:pointer;transition:var(--aqb-transition-fast)}.med-bulk-btn:hover{border-color:var(--aqb-border);color:var(--aqb-text-primary)}.med-bulk-btn.danger{color:var(--aqb-error, #ef4060);border-color:var(--aqb-error, #ef4060)}.med-bulk-btn.danger:hover{background:var(--aqb-error, #ef4060);color:#fff}.med-upload-zone{flex-shrink:0;padding:8px 10px;border-top:1px solid var(--aqb-border-subtle)}.med-upload-btn{width:100%;height:34px;border-radius:var(--aqb-radius-md);border:1px dashed rgba(107,94,237,.3);background:#6b5eed12;color:#a49bff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--aqb-transition-fast)}.med-upload-btn:hover{background:#6b5eed24;border-color:#6b5eed80;border-style:solid}.med-storage-bar{margin-top:6px;display:flex;align-items:center;gap:7px}.med-storage-track{flex:1;height:2px;border-radius:99px;background:#ffffff0f;overflow:hidden}.med-storage-fill{height:100%;border-radius:99px;background:var(--aqb-accent);transition:width .3s ease}.med-storage-label{font-size:12px;font-family:var(--aqb-font-mono, monospace);color:var(--aqb-text-muted);white-space:nowrap}.med-ctx-menu{position:fixed;z-index:9000;min-width:160px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md);padding:4px;box-shadow:var(--aqb-shadow-lg, 0 12px 32px rgba(0,0,0,.5))}.med-ctx-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--aqb-radius-sm);font-size:var(--aqb-font-xs);color:var(--aqb-text-secondary);cursor:pointer;transition:var(--aqb-transition-fast)}.med-ctx-item:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.med-ctx-item.danger{color:var(--aqb-error, #ef4060)}.med-ctx-item.danger:hover{background:color-mix(in srgb,var(--aqb-error, #ef4060) 10%,transparent)}.med-ctx-sep{height:1px;background:var(--aqb-border-subtle);margin:3px 0}.med-detail-overlay{position:absolute;inset:0;z-index:100;background:var(--aqb-surface-1);display:flex;flex-direction:column;overflow:hidden}.med-detail-preview{height:160px;flex-shrink:0;background:var(--aqb-surface-3);display:flex;align-items:center;justify-content:center;overflow:hidden}.med-detail-preview img,.med-detail-preview video{max-width:100%;max-height:100%;object-fit:contain}.med-detail-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px}.med-detail-name-row{display:flex;align-items:center;gap:6px}.med-detail-name{flex:1;font-size:var(--aqb-font-sm);font-weight:500;color:var(--aqb-text-primary);border:1px solid transparent;border-radius:var(--aqb-radius-sm);background:none;padding:3px 6px;cursor:text;transition:var(--aqb-transition-fast)}.med-detail-name:focus{outline:none;border-color:var(--aqb-accent);background:var(--aqb-surface-3)}.med-detail-meta{display:flex;flex-direction:column;gap:4px}.med-detail-row{display:flex;align-items:center;gap:8px;font-size:var(--aqb-font-xs)}.med-detail-key{width:64px;color:var(--aqb-text-muted);flex-shrink:0}.med-detail-val{color:var(--aqb-text-secondary)}.med-disc-badge{font-size:8px;font-family:var(--aqb-font-mono, monospace);font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:99px;flex-shrink:0}.med-disc-badge.unsplash{background:color-mix(in srgb,var(--media-fnt) 10%,transparent);border:1px solid color-mix(in srgb,var(--media-fnt) 22%,transparent);color:var(--media-fnt)}.med-disc-badge.pexels{background:color-mix(in srgb,var(--media-vid) 10%,transparent);border:1px solid color-mix(in srgb,var(--media-vid) 22%,transparent);color:var(--media-vid)}.med-disc-badge.iconlib{background:color-mix(in srgb,var(--media-ico) 10%,transparent);border:1px solid color-mix(in srgb,var(--media-ico) 22%,transparent);color:var(--media-ico)}.med-disc-badge.gfonts{background:color-mix(in srgb,var(--aqb-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--aqb-accent) 22%,transparent);color:var(--aqb-accent-light, var(--aqb-accent))}.med-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:6px;text-align:center}.med-empty-title{font-size:var(--aqb-font-sm);font-weight:500;color:var(--aqb-text-secondary)}.med-empty-sub{font-size:var(--aqb-font-xs);color:var(--aqb-text-muted);line-height:1.5}.med-tip-footer{flex-shrink:0;padding:6px 10px 8px;border-top:1px solid var(--aqb-border-subtle)}.med-tip-row{display:flex;align-items:flex-start;gap:7px}.med-tip-icon{width:16px;height:16px;border-radius:var(--aqb-radius-sm);flex-shrink:0;margin-top:1px;background:color-mix(in srgb,var(--media-ico) 10%,transparent);border:1px solid color-mix(in srgb,var(--media-ico) 18%,transparent);display:flex;align-items:center;justify-content:center;font-size:12px}.med-tip-text{font-size:9.5px;color:var(--aqb-text-muted);line-height:1.55;flex:1}.med-tip-dismiss{background:none;border:none;color:var(--aqb-text-muted);cursor:pointer;font-size:12px;padding:0;flex-shrink:0;transition:color var(--aqb-transition-fast)}.med-tip-dismiss:hover{color:var(--aqb-text-secondary)}.med-tip-dots{display:flex;gap:4px;margin-top:5px;padding-left:23px}.med-tip-dot{width:4px;height:4px;border-radius:50%;background:var(--aqb-border);cursor:pointer;transition:background var(--aqb-transition-fast)}.med-tip-dot.active{background:color-mix(in srgb,var(--media-ico) 60%,transparent)}@media(prefers-reduced-motion:reduce){.med-img-card,.med-vid-card,.med-ico-card,.med-fnt-card{transition:none;transform:none!important}}.med-subtitle{font-size:var(--aqb-font-xs, 12px);color:var(--aqb-text-muted);padding:2px 10px 4px;margin:0;text-align:center}.med-drag-overlay{position:absolute;inset:0;z-index:200;background:#a78bfa1f;border:2px dashed var(--aqb-accent, #a78bfa);border-radius:6px;display:flex;align-items:center;justify-content:center;pointer-events:none}.med-drag-label{font-size:var(--aqb-font-sm, 13px);color:var(--aqb-accent, #a78bfa);font-weight:600}.med-storage-bar--near-full .med-storage-fill{background:#f59e0b}.med-storage-bar--near-full .med-storage-label{color:#f59e0b}.med-storage-bar--full .med-storage-fill{background:#ef4444}.med-storage-bar--full .med-storage-label{color:#ef4444}.med-sort-dir{background:transparent;border:none;color:var(--aqb-text-muted);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;margin-left:2px;transition:color .15s ease,background .15s ease}.med-sort-dir:hover{color:var(--aqb-text-primary, #e2e8f0);background:var(--aqb-surface-3, #1e1e26)}.med-sec-last-added{color:var(--aqb-text-muted);font-size:var(--aqb-font-xs, 12px);font-weight:400}.med-fmt-strip{display:flex;gap:3px;align-items:center;visibility:hidden}.med-fmt-strip[style*=visible]{visibility:visible}.med-detail-back{position:absolute;top:8px;left:8px;background:#00000080;border:none;border-radius:6px;color:#fff;padding:4px 8px;cursor:pointer;font-size:12px;z-index:1}.med-detail-actions{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--aqb-border);flex-shrink:0}.med-font-specimen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;padding:16px}.med-font-specimen-lg{font-size:32px;color:var(--aqb-text-primary, #e2e8f0)}.med-font-specimen-sm{font-size:14px;color:var(--aqb-text-muted)}.med-selection-banner{position:absolute;bottom:0;left:0;right:0;z-index:100;background:var(--aqb-surface-2, #16161d);border-top:1px solid var(--aqb-border);display:flex;align-items:center;justify-content:space-between;padding:6px 10px;gap:8px}.med-sel-count{font-size:var(--aqb-font-xs, 12px);color:var(--aqb-text-muted)}.med-sel-actions{display:flex;gap:6px;align-items:center}.med-sel-exit{background:var(--aqb-surface-3, #1e1e26);border:1px solid var(--aqb-border);border-radius:4px;color:var(--aqb-text-primary, #e2e8f0);cursor:pointer;font-size:var(--aqb-font-xs, 12px);padding:3px 8px}.med-sel-delete{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;cursor:pointer;font-size:var(--aqb-font-xs, 12px);padding:3px 8px}.med-sel-delete:disabled{opacity:.4;cursor:not-allowed}.med-modal-overlay{position:fixed;inset:0;z-index:9000;background:#0009;display:flex;align-items:center;justify-content:center}.med-modal{background:var(--aqb-surface-2, #16161d);border:1px solid var(--aqb-border);border-radius:8px;padding:20px;width:320px;max-width:90vw}.med-modal-title{font-size:var(--aqb-font-md, 14px);font-weight:600;color:var(--aqb-text-primary, #e2e8f0);margin:0 0 12px}.med-modal-names{margin-bottom:12px;max-height:96px;overflow-y:auto}.med-modal-name-row{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:var(--aqb-font-xs, 12px);color:var(--aqb-text-secondary, #94a3b8)}.med-modal-file-icon{font-size:12px}.med-modal-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.med-modal-name-more{font-size:12px;color:var(--aqb-text-muted);padding:2px 0}.med-modal-warning{font-size:var(--aqb-font-xs, 12px);color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:4px;padding:6px 8px;margin-bottom:12px}.med-modal-confirm-gate{margin-bottom:12px}.med-modal-gate-label{font-size:var(--aqb-font-xs, 12px);color:var(--aqb-text-muted);margin:0 0 6px}.med-modal-gate-input{width:100%;background:var(--aqb-surface-3, #1e1e26);border:1px solid var(--aqb-border);border-radius:4px;color:var(--aqb-text-primary, #e2e8f0);font-size:var(--aqb-font-sm, 13px);padding:6px 8px;box-sizing:border-box}.med-modal-actions{display:flex;justify-content:flex-end;gap:8px}.med-modal-cancel{background:var(--aqb-surface-3, #1e1e26);border:1px solid var(--aqb-border);border-radius:4px;color:var(--aqb-text-primary, #e2e8f0);cursor:pointer;font-size:var(--aqb-font-sm, 13px);padding:6px 12px}.med-modal-confirm{background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:4px;color:#ef4444;cursor:pointer;font-size:var(--aqb-font-sm, 13px);padding:6px 12px}.med-modal-confirm:disabled{opacity:.4;cursor:not-allowed}.med-onboarding-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;text-align:center;border:2px dashed var(--aqb-border-muted, #334155);border-radius:12px;margin:12px}.med-empty-icon{display:flex;align-items:center;justify-content:center;line-height:1}.med-empty-upload{margin-top:4px;width:100%;max-width:180px}.med-disc-cta{background:transparent;border:none;color:var(--aqb-accent, #a78bfa);cursor:pointer;font-size:var(--aqb-font-xs, 12px);padding:4px 0;text-decoration:underline;text-underline-offset:2px}:root{--media-img: #3b82f6;--media-vid: #f97316;--media-ico: #f59e0b;--media-fnt: #10b981}.aqb-sidebar-container{display:flex;flex-direction:column;height:100%;background:var(--aqb-surface-2);position:relative}.aqb-sidebar-content{flex:1;overflow:auto;padding:6px 4px;display:flex;flex-direction:column;gap:6px}.aqb-tab-bar{display:flex;gap:4px;padding:8px 8px 0}.aqb-tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:var(--aqb-radius-md) var(--aqb-radius-md) 0 0;color:var(--aqb-text-secondary);font-size:var(--aqb-font-sm);font-weight:500;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-tab-button:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-tab-button.active{background:var(--aqb-surface-3);border-bottom-color:var(--aqb-accent-purple);color:var(--aqb-text-primary)}.aqb-tab-badge{font-size:var(--aqb-font-xs);font-weight:500;padding:1px 6px;border-radius:10px;background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple)}.aqb-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--aqb-radius-md);color:var(--aqb-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.aqb-icon-btn:hover{background:var(--aqb-bg-active);color:var(--aqb-text-primary)}.aqb-icon-btn:active{background:#ffffff14;color:var(--aqb-text-primary)}.aqb-icon-btn:focus-visible{outline:2px solid var(--aqb-primary);outline-offset:2px}.aqb-icon-btn--active{color:var(--aqb-primary);background:var(--aqb-primary-subtle)}.aqb-icon-btn--active:hover{background:#8b5cf626}.aqb-pin-icon{transform:rotate(45deg);transition:transform .15s ease}.aqb-pin-icon--pinned{transform:rotate(0);transition:transform .15s ease}.aqb-back-btn:hover{background:var(--aqb-bg-active);color:var(--aqb-text-primary)}.aqb-back-btn:active{background:#ffffff14}.aqb-back-btn:focus-visible{outline:2px solid var(--aqb-primary);outline-offset:2px}.aqb-accordion{border-radius:var(--aqb-radius-md);margin-bottom:8px}.aqb-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 10px;background:var(--aqb-surface-3);border:1px solid var(--aqb-bg-hover);border-left:2px solid transparent;border-radius:var(--aqb-radius-md);color:var(--aqb-text-primary);font-size:var(--aqb-text-sm-plus);font-weight:600;text-align:left;cursor:pointer;transition:all .2s ease}.aqb-accordion-header:hover{background:var(--aqb-surface-4);border-color:#ffffff14;transform:translateY(-1px)}.aqb-accordion-header.open{background:var(--aqb-surface-4);border-left-color:var(--aqb-accent-purple);border-color:#ffffff14}.aqb-accordion-label{display:flex;align-items:center;flex:1;min-width:0;gap:8px}.aqb-accordion-icon{flex-shrink:0;color:var(--aqb-text-tertiary)}.aqb-accordion-count{font-size:var(--aqb-font-xs);font-weight:500;margin-left:8px;padding:2px 8px;background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple);border-radius:10px}.aqb-accordion-chevron{flex-shrink:0;opacity:.6;transition:transform .2s ease}.aqb-accordion-chevron.open{transform:rotate(0)}.aqb-accordion-chevron.closed{transform:rotate(-90deg)}.aqb-accordion-content{overflow:hidden;transition:height .2s ease-out}.aqb-accordion-content-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;overflow:hidden}.aqb-accordion-content-grid>*{overflow:hidden}.aqb-accordion-content-grid.open{grid-template-rows:1fr}.aqb-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px 4px}.aqb-card-grid-3{grid-template-columns:repeat(3,1fr)}.aqb-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--aqb-surface-3);border:1px solid transparent;border-radius:var(--aqb-radius-md);cursor:pointer;transition:var(--aqb-transition-fast);min-height:64px}.aqb-card:hover{background:var(--aqb-surface-4);border-color:var(--aqb-accent-purple-hover);box-shadow:var(--aqb-shadow-md);transform:translateY(-2px)}.aqb-card.selected{background:var(--aqb-surface-4);border:2px solid var(--aqb-accent-purple);box-shadow:0 0 0 4px #8b5cf633,var(--aqb-shadow-md)}.aqb-card.dragging{opacity:.5;transform:scale(.95)}.aqb-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--aqb-text-tertiary)}.aqb-card-name{font-size:var(--aqb-text-sm);font-weight:500;color:var(--aqb-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.aqb-quick-pills{display:flex;gap:8px;padding:8px 10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.aqb-quick-pills::-webkit-scrollbar{display:none}.aqb-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--aqb-bg-hover);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm-plus);font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0;white-space:nowrap}.aqb-pill:hover{background:#ffffff14;border-color:#ffffff1f;color:var(--aqb-text-primary)}.aqb-pill.active{background:var(--aqb-primary-light);border-color:var(--aqb-primary);color:var(--aqb-primary)}.aqb-pill-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:2px;background:var(--aqb-primary);border-radius:999px;color:#fff;font-size:var(--aqb-text-xs);font-weight:600}.aqb-pill.active .aqb-pill-badge{background:var(--aqb-primary);color:#fff}.aqb-pill-tip{background:#7c7dff14;border-color:#7c7dff26;color:var(--aqb-primary)}.aqb-pill-tip:hover{background:#7c7dff1f;border-color:#7c7dff40}.aqb-pill-dismiss{opacity:.6;margin-left:4px;transition:opacity .15s ease}.aqb-pill-dismiss:hover{opacity:1}.aqb-element-list{display:flex;flex-direction:column;gap:4px;padding:8px 4px}.aqb-element-row{display:flex;align-items:center;gap:6px;height:30px;padding:0 8px;background:var(--aqb-bg-hover);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:grab;transition:all .15s ease}.aqb-element-row:hover{background:var(--aqb-bg-active);border-color:#ffffff1f}.aqb-element-row:active{cursor:grabbing}.aqb-element-icon{color:var(--aqb-text-secondary);flex-shrink:0}.aqb-element-name{flex:1;font-size:var(--aqb-text-base);font-weight:500;color:var(--aqb-text-primary);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqb-element-star{display:flex;align-items:center;justify-content:center;opacity:0;padding:4px;background:transparent;border:none;color:var(--aqb-text-muted);cursor:pointer;transition:all .15s ease;border-radius:4px}.aqb-element-row:hover .aqb-element-star{opacity:1}.aqb-element-star:hover{color:var(--aqb-accent-purple);background:#7c7dff1a}.aqb-element-star.favorited{opacity:1;color:var(--aqb-accent-purple)}.aqb-element-insert{display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:0;padding:0;background:transparent;border:none;color:var(--aqb-text-muted);cursor:pointer;transition:all .15s ease;border-radius:4px;font-size:var(--aqb-text-md);font-weight:500;flex-shrink:0}.aqb-element-row:hover .aqb-element-insert{opacity:1}.aqb-element-insert:hover{color:var(--aqb-accent-purple);background:#7c7dff1a}.aqb-element-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:6px;padding:6px 2px;width:100%;box-sizing:border-box;overflow:hidden}.aqb-element-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:10px 8px;min-height:72px;background:var(--aqb-build-card);border:1px solid var(--aqb-border-subtle);border-radius:10px;cursor:grab;transition:all var(--aqb-transition-fast);overflow:hidden;box-sizing:border-box}.aqb-element-card:hover{background:var(--aqb-build-card-hover);border-color:var(--aqb-border);transform:translateY(-2px);box-shadow:0 4px 12px var(--aqb-shadow-color)}.aqb-element-card:active{cursor:grabbing;transform:scale(.98)}.aqb-element-card--full{grid-column:span 2}.aqb-element-card-header{display:flex;align-items:center;gap:8px;min-width:0;padding-right:20px}.aqb-element-card-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:var(--aqb-accent-purple);background:#8b5cf61a;border-radius:6px}.aqb-element-card-icon svg{width:16px;height:16px}.aqb-element-card-label{font-size:var(--aqb-text-sm-plus);font-weight:500;color:var(--aqb-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.aqb-element-card-desc{font-size:var(--aqb-text-xs);color:var(--aqb-text-secondary);margin-left:36px;padding-right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.aqb-element-card[data-dragging=true]{opacity:.5;transform:scale(.98)}.aqb-element-card-star{position:absolute;top:6px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--aqb-text-tertiary);opacity:0;cursor:pointer;transition:opacity .15s ease,color .15s ease,background .15s ease;border-radius:4px}.aqb-element-card:hover .aqb-element-card-star{opacity:1}.aqb-element-card-star:hover{color:var(--aqb-accent-purple);background:#8b5cf626}.aqb-element-card-star.favorited{opacity:1;color:var(--aqb-accent-purple)}.aqb-element-card-star.favorited:hover{background:#8b5cf626}.aqb-drag-ghost{background:#0f172ae6!important;border-color:var(--aqb-accent-purple)!important;box-shadow:0 8px 24px #0006!important}.aqb-quick-overlay{display:flex;flex-direction:column;flex:1;overflow:hidden;animation:aqb-fade-in .2s ease}@keyframes aqb-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.aqb-overlay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:6px;padding:8px;overflow-y:auto;flex:1}.aqb-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:var(--aqb-text-base);font-weight:500;color:var(--aqb-text-secondary)}.aqb-overlay-header button{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:var(--aqb-text-muted);cursor:pointer;border-radius:4px;transition:all .15s ease}.aqb-overlay-header button:hover{color:var(--aqb-text-primary);background:#ffffff1a}.aqb-overlay-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--aqb-text-muted);text-align:center}.aqb-overlay-empty span{font-size:var(--aqb-text-base)}.aqb-overlay-hint{font-size:var(--aqb-text-sm);opacity:.7}.aqb-search-container{position:relative;margin-bottom:8px}.aqb-search-input{width:100%;padding:10px 12px 10px 36px;background:var(--aqb-input-bg);border:1px solid var(--aqb-input-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-primary);font-size:var(--aqb-font-sm);outline:none;transition:var(--aqb-transition-fast)}.aqb-search-input:focus{border-color:var(--aqb-accent-purple)}.aqb-search-input:focus-visible{border-color:var(--aqb-primary);box-shadow:0 0 0 3px var(--aqb-accent-purple-alpha)}.aqb-search-input::placeholder{color:var(--aqb-text-muted)}.aqb-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--aqb-text-muted);pointer-events:none}.aqb-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px;background:none;border:none;color:var(--aqb-text-muted);cursor:pointer;opacity:.6;transition:opacity .15s ease}.aqb-search-clear:hover{opacity:1}.aqb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--aqb-text-tertiary);text-align:center;font-size:var(--aqb-font-md)}.aqb-empty-state p{margin:0}.aqb-empty-state-icon{margin-bottom:12px;opacity:.5}.aqb-empty-state-title{font-weight:500;margin-bottom:4px}.aqb-empty-state-desc{font-size:var(--aqb-font-sm);opacity:.8}@keyframes aqb-fadeInCard{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes aqb-fadeInSlide{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes aqb-pulse{0%,to{opacity:1}50%{opacity:.7}}.aqb-animate-fade-in{animation:aqb-fadeInCard .2s ease-out forwards}.aqb-animate-slide-in{animation:aqb-fadeInSlide .2s ease-out forwards}.aqb-animate-pulse{animation:aqb-pulse 1.5s ease-in-out infinite}.aqb-animate-spin{animation:aqb-spin 1s linear infinite}.aqb-stagger-1{animation-delay:30ms}.aqb-stagger-2{animation-delay:60ms}.aqb-stagger-3{animation-delay:90ms}.aqb-stagger-4{animation-delay:.12s}.aqb-stagger-5{animation-delay:.15s}.aqb-stagger-6{animation-delay:.18s}.aqb-stagger-7{animation-delay:.21s}.aqb-stagger-8{animation-delay:.24s}.aqb-asset-card{position:relative;aspect-ratio:1;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-asset-card:hover{background:var(--aqb-surface-4);box-shadow:var(--aqb-shadow-md);transform:translateY(-2px)}.aqb-asset-card-image{width:100%;height:100%;object-fit:cover}.aqb-asset-card-name{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:#0009;font-size:var(--aqb-text-xs);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqb-asset-delete-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;background:#0009;border:none;border-radius:50%;color:#fff;font-size:var(--aqb-text-md);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.aqb-asset-card:hover .aqb-asset-delete-btn{opacity:.7}.aqb-asset-delete-btn:hover{opacity:1!important;background:#ef4444cc}.aqb-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:var(--aqb-surface-2);border:2px dashed var(--aqb-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-tertiary);font-size:var(--aqb-font-sm);cursor:pointer;transition:border-color .15s ease,background .15s ease}.aqb-upload-area:hover,.aqb-upload-area.drag-over{border-color:var(--aqb-accent-purple);background:var(--aqb-surface-3)}.aqb-upload-area-icon{color:var(--aqb-text-muted)}.aqb-upload-area-text{text-align:center}.aqb-upload-area-hint{font-size:var(--aqb-font-xs);color:var(--aqb-text-muted)}.aqb-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:8px}.aqb-section-title{font-size:var(--aqb-font-sm);font-weight:600;color:var(--aqb-text-primary)}.aqb-section-label{font-size:var(--aqb-text-sm);font-weight:600;color:var(--aqb-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.aqb-section-action{font-size:var(--aqb-font-xs);color:var(--aqb-accent-purple);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--aqb-radius-sm);transition:var(--aqb-transition-fast)}.aqb-section-action:hover{background:var(--aqb-accent-purple-alpha)}.aqb-list-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--aqb-surface-3);border:1px solid transparent;border-radius:var(--aqb-radius-md);color:var(--aqb-text-secondary);font-size:var(--aqb-font-sm);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-list-item:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-list-item.selected{background:var(--aqb-surface-4);border-color:var(--aqb-accent-purple);color:var(--aqb-text-primary)}.aqb-list-item-icon{flex-shrink:0;color:var(--aqb-text-tertiary)}.aqb-list-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aqb-list-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.aqb-list-item:hover .aqb-list-item-actions{opacity:1}.aqb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-primary);font-size:var(--aqb-font-sm);font-weight:500;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-btn:hover{background:var(--aqb-surface-4);border-color:var(--aqb-accent-purple-hover)}.aqb-btn-primary{background:var(--aqb-accent-purple);border-color:var(--aqb-accent-purple);color:#fff}.aqb-btn-primary:hover{background:#7c4ddb;border-color:#7c4ddb}.aqb-btn-sm{padding:6px 12px;font-size:var(--aqb-font-xs)}.aqb-btn-icon{padding:8px;background:transparent;border:none}.aqb-btn-icon:hover{background:var(--aqb-surface-3)}.aqb-tooltip{position:absolute;padding:6px 10px;background:var(--aqb-surface-4);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-sm);color:var(--aqb-text-primary);font-size:var(--aqb-font-xs);white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:var(--aqb-shadow-md)}.aqb-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--aqb-text-muted)}.aqb-loading-spinner{width:24px;height:24px;border:2px solid var(--aqb-border);border-top-color:var(--aqb-accent-purple);border-radius:50%;animation:aqb-spin .8s linear infinite}.aqb-skeleton{background:linear-gradient(90deg,var(--aqb-surface-3) 25%,var(--aqb-surface-4) 50%,var(--aqb-surface-3) 75%);background-size:200% 100%;animation:aqb-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--aqb-radius-md)}@keyframes aqb-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.aqb-skeleton-card{height:64px;background:linear-gradient(90deg,var(--aqb-surface-3) 25%,var(--aqb-surface-4) 50%,var(--aqb-surface-3) 75%);background-size:200% 100%;animation:aqb-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--aqb-radius-md)}.aqb-skeleton-row{height:32px;background:linear-gradient(90deg,var(--aqb-surface-3) 25%,var(--aqb-surface-4) 50%,var(--aqb-surface-3) 75%);background-size:200% 100%;animation:aqb-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--aqb-radius-sm)}.aqb-skeleton-text{height:14px;width:60%;background:linear-gradient(90deg,var(--aqb-surface-3) 25%,var(--aqb-surface-4) 50%,var(--aqb-surface-3) 75%);background-size:200% 100%;animation:aqb-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--aqb-radius-xs)}.aqb-skeleton-icon{width:40px;height:40px;background:linear-gradient(90deg,var(--aqb-surface-3) 25%,var(--aqb-surface-4) 50%,var(--aqb-surface-3) 75%);background-size:200% 100%;animation:aqb-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--aqb-radius-md)}@media(prefers-reduced-motion:reduce){.aqb-skeleton-shimmer,.aqb-skeleton-card,.aqb-skeleton-row,.aqb-skeleton-text,.aqb-skeleton-icon,.aqb-animate-spin,.aqb-animate-pulse{animation:none!important;transition:none!important}}.aqb-divider{height:1px;background:var(--aqb-border-subtle);margin:12px 0}.aqb-divider-vertical{width:1px;height:100%;background:var(--aqb-border-subtle);margin:0 8px}.aqb-scrollbar::-webkit-scrollbar{width:6px;height:6px}.aqb-scrollbar::-webkit-scrollbar-track{background:transparent}.aqb-scrollbar::-webkit-scrollbar-thumb{background:var(--aqb-border);border-radius:3px}.aqb-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--aqb-text-muted)}.aqb-text-xs{font-size:var(--aqb-font-xs)}.aqb-text-sm{font-size:var(--aqb-font-sm)}.aqb-text-md{font-size:var(--aqb-font-md)}.aqb-text-lg{font-size:var(--aqb-font-lg)}.aqb-text-primary{color:var(--aqb-text-primary)}.aqb-text-secondary{color:var(--aqb-text-secondary)}.aqb-text-tertiary{color:var(--aqb-text-tertiary)}.aqb-text-accent{color:var(--aqb-accent-purple)}.aqb-font-medium{font-weight:500}.aqb-font-semibold{font-weight:600}.aqb-flex-col{flex-direction:column}.aqb-justify-center{justify-content:center}.aqb-gap-1{gap:4px}.aqb-gap-3{gap:12px}.aqb-p-1{padding:4px}.aqb-p-3{padding:12px}.aqb-m-0{margin:0}.aqb-mt-2{margin-top:8px}.aqb-mb-1{margin-bottom:4px}.aqb-mb-2{margin-bottom:8px}.aqb-mb-3{margin-bottom:12px}.aqb-w-full{width:100%}.aqb-h-full{height:100%}.aqb-overflow-hidden{overflow:hidden}.aqb-overflow-auto{overflow:auto}.aqb-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aqb-component-card{display:flex;gap:10px;padding:8px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md);cursor:grab;transition:var(--aqb-transition-fast);align-items:center;position:relative}.aqb-component-card:hover{background:var(--aqb-surface-4)}.aqb-component-card.selected{background:var(--aqb-accent-purple-alpha);outline:1px solid var(--aqb-accent-purple)}.aqb-component-preview{width:40px;height:40px;background:var(--aqb-surface-4);border-radius:var(--aqb-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.aqb-component-info{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:1;min-width:0}.aqb-component-name{font-size:var(--aqb-text-sm-plus);font-weight:500;color:var(--aqb-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqb-component-meta{font-size:var(--aqb-text-xs);color:var(--aqb-text-muted)}.aqb-delete-btn{width:20px;height:20px;border:none;background:transparent;color:var(--aqb-text-muted);cursor:pointer;font-size:var(--aqb-text-lg);display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.5;transition:opacity .1s ease}.aqb-delete-btn:hover{opacity:1;color:var(--aqb-error, #ef4444)}.aqb-category{display:flex;flex-direction:column;gap:4px}.aqb-category-header{font-size:var(--aqb-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--aqb-text-muted);padding:4px 8px}.aqb-toggle-group{display:flex;gap:4px;padding:4px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md)}.aqb-toggle-btn{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:var(--aqb-radius-sm);font-size:var(--aqb-text-sm-plus);font-weight:500;color:var(--aqb-text-secondary);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-toggle-btn:hover{color:var(--aqb-text-primary)}.aqb-toggle-btn.active{background:var(--aqb-surface-1);color:var(--aqb-text-primary);box-shadow:0 1px 3px #0000001a}.aqb-panel{padding:12px;display:flex;flex-direction:column;gap:16px;height:100%}.aqb-panel-section{flex:1;overflow:auto;margin:0 -12px;padding:0}.aqb-panel-header{display:flex;align-items:center;gap:8px}.aqb-panel-title{font-size:var(--aqb-text-md);font-weight:600;color:var(--aqb-text-primary)}.aqb-input{width:100%;padding:8px 12px;background:var(--aqb-input-bg);border:1px solid var(--aqb-input-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-primary);font-size:var(--aqb-text-sm-plus);outline:none;transition:var(--aqb-transition-fast)}.aqb-input:focus{border-color:var(--aqb-accent-purple);box-shadow:0 0 0 3px var(--aqb-accent-purple-alpha)}.aqb-input::placeholder{color:var(--aqb-text-muted)}.aqb-textarea{width:100%;padding:12px;background:var(--aqb-input-bg);border:1px solid var(--aqb-input-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-primary);font-size:var(--aqb-text-sm-plus);font-family:inherit;resize:none;outline:none;transition:var(--aqb-transition-fast)}.aqb-textarea:focus{border-color:var(--aqb-accent-purple);box-shadow:0 0 0 3px var(--aqb-accent-purple-alpha)}.aqb-select{width:100%;padding:8px 12px;background:var(--aqb-input-bg);border:1px solid var(--aqb-input-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-primary);font-size:var(--aqb-text-sm-plus);outline:none;cursor:pointer}.aqb-error{display:flex;align-items:center;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--aqb-radius-md);font-size:var(--aqb-text-sm-plus);color:#ef4444}.aqb-error-dismiss{margin-left:auto;padding:2px 6px;background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:var(--aqb-text-md)}.aqb-success-badge{font-size:var(--aqb-text-xs);padding:2px 6px;background:var(--aqb-success, #10b981);color:#fff;border-radius:var(--aqb-radius-sm)}.aqb-error-badge{padding:2px 6px;background:#f38ba833;color:#f38ba8;border-radius:4px;font-size:var(--aqb-text-xs);font-weight:500}.aqb-provider-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--aqb-surface-2);border-radius:var(--aqb-radius-lg)}.aqb-provider-header{display:flex;align-items:center;gap:8px}.aqb-provider-name{font-size:var(--aqb-text-base);font-weight:500;flex:1}.aqb-deploy-btn{padding:10px 12px;background:var(--aqb-primary);color:#fff;border:none;border-radius:var(--aqb-radius-md);font-size:var(--aqb-text-sm-plus);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--aqb-transition-fast)}.aqb-deploy-btn:hover:not(:disabled){background:#0068d6}.aqb-deploy-btn:disabled{opacity:.6;cursor:not-allowed}.aqb-connect-btn{padding:8px 12px;background:var(--aqb-surface-3);color:var(--aqb-text-primary);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md);font-size:var(--aqb-text-sm-plus);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--aqb-transition-fast)}.aqb-connect-btn:hover{background:var(--aqb-surface-4)}.aqb-disconnect-btn{padding:6px 12px;background:transparent;color:var(--aqb-text-muted);border:none;font-size:var(--aqb-text-sm);cursor:pointer;text-align:center}.aqb-disconnect-btn:hover{color:var(--aqb-text-primary)}.aqb-deployment-card{padding:12px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md);display:flex;flex-direction:column;gap:4px}.aqb-deployment-status{display:flex;align-items:center;gap:4px;color:var(--aqb-success, #10b981);font-size:var(--aqb-text-sm-plus);font-weight:500}.aqb-deployment-link{display:flex;align-items:center;gap:4px;color:var(--aqb-primary);font-size:var(--aqb-text-sm-plus);text-decoration:none}.aqb-deployment-link:hover{text-decoration:underline}.aqb-deployment-time{font-size:var(--aqb-text-sm);color:var(--aqb-text-muted)}.aqb-token-form{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md)}.aqb-token-buttons{display:flex;gap:8px}.aqb-token-submit{flex:1;padding:8px 12px;background:var(--aqb-primary);color:#fff;border:none;border-radius:var(--aqb-radius-sm);font-size:var(--aqb-text-sm-plus);font-weight:500;cursor:pointer}.aqb-token-cancel{padding:8px 12px;background:transparent;color:var(--aqb-text-muted);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-sm);font-size:var(--aqb-text-sm-plus);cursor:pointer}.aqb-token-help-link{display:flex;align-items:center;gap:4px;color:var(--aqb-primary);font-size:var(--aqb-text-sm);text-decoration:none;justify-content:center}.aqb-token-help-link:hover{text-decoration:underline}.aqb-manual-token-link{background:none;border:none;color:var(--aqb-text-muted);font-size:var(--aqb-text-sm);cursor:pointer;text-decoration:underline;padding:4px 0;text-align:center}.aqb-recent-section{margin-top:8px;border-top:1px solid var(--aqb-border);padding-top:8px}.aqb-recent-header{font-size:var(--aqb-text-sm);font-weight:500;color:var(--aqb-text-muted);margin-bottom:8px}.aqb-recent-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;color:var(--aqb-text-secondary);text-decoration:none;font-size:var(--aqb-text-sm)}.aqb-recent-item:hover{color:var(--aqb-text-primary)}.aqb-recent-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aqb-recent-time{color:var(--aqb-text-muted);flex-shrink:0;margin-left:8px}.aqb-coming-soon{padding:12px;background:var(--aqb-surface-2);border-radius:var(--aqb-radius-lg);opacity:.6}.aqb-coming-soon-header{font-size:var(--aqb-text-sm);font-weight:500;color:var(--aqb-text-muted);margin-bottom:8px}.aqb-coming-soon-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:var(--aqb-text-sm-plus);color:var(--aqb-text-secondary)}.aqb-compact-empty{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md);gap:8px}.aqb-compact-empty-text{font-size:var(--aqb-text-sm-plus);color:var(--aqb-text-muted)}.aqb-compact-new-btn{padding:4px 10px;background:var(--aqb-surface-4);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-sm);color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm);font-weight:500;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-compact-new-btn:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-start-card{display:flex;flex-direction:column;gap:12px;padding:20px;margin:8px 12px 12px;background:linear-gradient(135deg,#6f62f2,#8c5bf4);border:1px solid rgba(255,255,255,.1);border-radius:14px;min-height:118px}.aqb-start-card-title{font-size:var(--aqb-text-md);font-weight:700;line-height:20px;color:#ffffffeb}.aqb-start-card-subtitle{font-size:var(--aqb-text-sm-plus);font-weight:400;line-height:16px;color:#ffffffb3}.aqb-start-card-buttons{display:flex;gap:8px;margin-top:4px}.aqb-start-btn-primary{padding:10px 16px;background:#ffffffeb;border:none;border-radius:12px;color:#0a1020f2;font-size:var(--aqb-text-sm-plus);font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.aqb-start-btn-primary:hover{background:#fff;transform:translateY(-1px)}.aqb-start-btn-primary:active{transform:translateY(0)}.aqb-start-btn-ghost{padding:10px 16px;background:#ffffff2e;border:1px solid rgba(255,255,255,.26);border-radius:12px;color:#ffffffeb;font-size:var(--aqb-text-sm-plus);font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.aqb-start-btn-ghost:hover{background:#ffffff42;border-color:#ffffff5c}.aqb-hero-card{display:flex;flex-direction:column;padding:20px;margin:0 10px 16px;background:linear-gradient(135deg,#6366f1e6,#a855f7e6);border-radius:16px;box-shadow:0 10px 30px -10px #6366f180,0 4px 12px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.aqb-hero-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px #6366f199,0 6px 16px #00000026,inset 0 1px #ffffff4d}.aqb-hero-card:before{content:"";position:absolute;right:-20px;top:-20px;width:140px;height:140px;background:radial-gradient(circle,#fff3,#fff0 70%);filter:blur(20px);opacity:.6;pointer-events:none}.aqb-hero-card:after{content:"";position:absolute;left:-40px;bottom:-40px;width:120px;height:120px;background:radial-gradient(circle,#ec48994d,#ec489900 70%);filter:blur(20px);pointer-events:none}.aqb-hero-title{font-size:var(--aqb-text-xl);font-weight:700;letter-spacing:-.01em;color:#fff;margin-bottom:16px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.aqb-hero-buttons{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.aqb-hero-btn-primary{width:100%;padding:12px 16px;background:#fff;border:none;border-radius:12px;color:#6366f1;font-size:var(--aqb-text-base);font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .2s cubic-bezier(.2,.8,.2,1)}.aqb-hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026;background:#fff}.aqb-hero-btn-primary:active{transform:translateY(0)}.aqb-hero-btn-ghost{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;font-size:var(--aqb-text-base);font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.aqb-hero-btn-ghost:hover{background:#ffffff40;border-color:#fff6}.aqb-quick-add-section{margin:0 10px 16px;padding:12px 14px;background:#ffffff08;border:1px solid var(--aqb-bg-active);border-radius:14px}.aqb-quick-add-header{display:flex;align-items:center;gap:6px;margin-bottom:12px}.aqb-quick-add-icon{font-size:var(--aqb-text-sm-plus)}.aqb-quick-add-label{font-size:var(--aqb-text-sm);font-weight:600;letter-spacing:.04em;color:var(--aqb-text-muted);text-transform:uppercase}.aqb-quick-add-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.aqb-quick-add-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:var(--aqb-bg-hover);border:1px solid var(--aqb-bg-active);border-radius:10px;color:var(--aqb-text-secondary);cursor:pointer;transition:all .2s ease}.aqb-quick-add-btn:hover{background:#6366f126;border-color:#6366f14d;color:var(--aqb-text-primary);transform:translateY(-2px)}.aqb-quick-add-btn:active{transform:translateY(0)}.aqb-quick-add-btn svg{opacity:.7}.aqb-quick-add-btn:hover svg{opacity:1}.aqb-quick-add-btn span{font-size:var(--aqb-text-sm);font-weight:500}.aqb-feature-list{display:flex;flex-direction:column;gap:10px;padding:0 10px}.aqb-feature-row{display:flex;align-items:center;padding:14px;background:#ffffff08;border:1px solid var(--aqb-bg-hover);border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.aqb-feature-row:hover{background:var(--aqb-bg-active);border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.aqb-feature-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;margin-right:14px;flex-shrink:0;transition:transform .3s ease;position:relative;overflow:hidden}.aqb-feature-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff1a}.aqb-feature-row:hover .aqb-feature-icon{transform:scale(1.05) rotate(3deg)}.aqb-feature-icon--blue{background:linear-gradient(135deg,var(--aqb-blue-light),var(--aqb-blue-dark));color:var(--aqb-accent-blue)}.aqb-feature-row--blue:hover{border-color:var(--aqb-blue-border)}.aqb-feature-icon--emerald{background:linear-gradient(135deg,var(--aqb-emerald-light),var(--aqb-emerald-dark));color:var(--aqb-accent-emerald)}.aqb-feature-row--emerald:hover{border-color:var(--aqb-emerald-border)}.aqb-feature-icon--amber{background:linear-gradient(135deg,var(--aqb-amber-light),var(--aqb-amber-dark));color:var(--aqb-accent-amber)}.aqb-feature-row--amber:hover{border-color:var(--aqb-amber-border)}.aqb-feature-icon--purple{background:linear-gradient(135deg,var(--aqb-purple-light),var(--aqb-purple-dark));color:var(--aqb-accent-purple)}.aqb-feature-row--purple:hover{border-color:var(--aqb-purple-border)}.aqb-feature-content{display:flex;flex-direction:column;flex:1;min-width:0;text-align:left;gap:2px}.aqb-feature-title{font-size:var(--aqb-text-md-plus);font-weight:600;color:var(--aqb-text-primary);letter-spacing:.01em}.aqb-feature-subtitle{font-size:var(--aqb-text-sm-plus);font-weight:400;color:var(--aqb-text-secondary);letter-spacing:.01em}.aqb-feature-chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--aqb-text-muted);transition:all .3s ease;flex-shrink:0;opacity:.5}.aqb-feature-row:hover .aqb-feature-chevron{transform:translate(2px);opacity:1}.aqb-feature-row--blue:hover .aqb-feature-chevron{color:var(--aqb-accent-blue)}.aqb-feature-row--emerald:hover .aqb-feature-chevron{color:var(--aqb-accent-emerald)}.aqb-feature-row--amber:hover .aqb-feature-chevron{color:var(--aqb-accent-amber)}.aqb-feature-row--purple:hover .aqb-feature-chevron{color:var(--aqb-accent-purple)}.aqb-sub-tab-toggle{display:flex;margin:8px 10px;background:var(--aqb-bg-hover);border-radius:var(--aqb-radius-md);padding:3px;gap:2px}.aqb-sub-tab-btn{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:calc(var(--aqb-radius-md) - 2px);font-size:var(--aqb-font-sm);font-weight:500;color:var(--aqb-text-secondary);cursor:pointer;transition:all .15s ease}.aqb-sub-tab-btn:hover{color:var(--aqb-text-primary);background:var(--aqb-bg-hover)}.aqb-sub-tab-btn.active{background:#ffffff14;color:var(--aqb-text-primary);box-shadow:0 1px 3px #0003}.aqb-elements-section{padding:0 10px;margin-bottom:8px}.aqb-section-header{font-size:var(--aqb-text-sm);font-weight:600;color:var(--aqb-text-muted);letter-spacing:.05em;margin-bottom:8px;padding-left:2px}.aqb-element-categories{display:flex;flex-direction:column;gap:4px;background:#ffffff05;border:1px solid var(--aqb-bg-hover);border-radius:var(--aqb-radius-lg);padding:6px}.aqb-element-category-row{display:flex;align-items:center;padding:10px 12px;background:transparent;border:none;border-radius:var(--aqb-radius-md);cursor:pointer;width:100%;text-align:left;transition:all .15s ease}.aqb-element-category-row:hover{background:var(--aqb-bg-hover)}.aqb-element-category-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--aqb-radius-md);background:var(--aqb-bg-active);color:var(--aqb-text-secondary);flex-shrink:0;transition:all .15s ease}.aqb-element-category-row:hover .aqb-element-category-icon{background:#3b82f626;color:var(--aqb-accent-blue)}.aqb-element-category-content{display:flex;flex-direction:column;gap:1px;margin-left:12px;flex:1;min-width:0}.aqb-element-category-title{font-size:var(--aqb-text-base);font-weight:500;color:var(--aqb-text-primary);line-height:1.2}.aqb-element-category-subtitle{font-size:var(--aqb-text-sm);color:var(--aqb-text-muted);line-height:1.2}.aqb-element-category-chevron{color:var(--aqb-text-muted);opacity:0;transition:all .15s ease;flex-shrink:0;margin-left:8px}.aqb-element-category-row:hover .aqb-element-category-chevron{opacity:1;transform:translate(2px);color:var(--aqb-accent-blue)}.aqb-pro-tip{display:flex;align-items:flex-start;gap:10px;padding:12px;margin:12px 10px 10px;background:#1e293b66;border-radius:10px;position:relative}.aqb-pro-tip-icon{display:flex;align-items:center;justify-content:center;color:var(--aqb-primary);flex-shrink:0;margin-top:1px}.aqb-pro-tip-content{flex:1;min-width:0}.aqb-pro-tip p{flex:1;min-width:0;margin:0;font-size:var(--aqb-text-sm);font-weight:400;line-height:1.5;color:var(--aqb-text-secondary)}.aqb-pro-tip-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-left:auto;background:transparent;border:none;border-radius:4px;color:var(--aqb-text-muted);cursor:pointer;flex-shrink:0;transition:color .15s ease,background .15s ease}.aqb-pro-tip-close:hover{color:var(--aqb-text-secondary);background:var(--aqb-bg-active)}.aqb-kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;margin:0 2px;background:var(--aqb-surface-4);border-radius:4px;font-family:var(--aqb-font-mono);font-size:var(--aqb-text-xs);font-weight:500;color:var(--aqb-text-primary)}.aqb-tip-bar{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;margin:8px 12px;background:var(--aqb-bg-hover);border:1px solid var(--aqb-bg-active);border-radius:14px;min-height:56px}.aqb-tip-bar-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#ffffff7a;flex-shrink:0}.aqb-tip-bar-content{display:flex;flex-direction:column;gap:4px}.aqb-tip-bar-text{font-size:var(--aqb-text-sm-plus);font-weight:400;line-height:16px;color:#ffffff9e}.aqb-tip-bar-hint{font-size:var(--aqb-text-sm);font-weight:400;line-height:14px;color:#ffffff7a}.aqb-search-results{font-size:var(--aqb-text-sm);color:var(--aqb-text-muted);padding:4px 8px;background:var(--aqb-surface-2);border-radius:var(--aqb-radius-sm)}.aqb-group{border-radius:var(--aqb-radius-md);overflow:hidden;background:var(--aqb-surface-1)}.aqb-group-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--aqb-surface-2);border:none;cursor:pointer;color:var(--aqb-text-primary);font-size:var(--aqb-text-sm);font-weight:600;letter-spacing:.05em;text-align:left;transition:var(--aqb-transition-fast)}.aqb-group-header:hover{background:var(--aqb-surface-3)}.aqb-group-label{display:flex;align-items:center}.aqb-group-count{font-size:var(--aqb-text-xs);color:var(--aqb-text-muted);font-weight:400;margin-left:6px}.aqb-group-content{padding:8px;display:flex;flex-direction:column;gap:4px}.aqb-template-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-sm);cursor:pointer;border:1px solid transparent;transition:background .1s,border-color .1s}.aqb-template-card:hover{background:var(--aqb-surface-4);border-color:var(--aqb-accent-purple-hover)}.aqb-template-icon{font-size:var(--aqb-text-xl);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--aqb-surface-4);border-radius:var(--aqb-radius-sm);flex-shrink:0}.aqb-template-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.aqb-template-name{font-size:var(--aqb-text-sm-plus);font-weight:500;color:var(--aqb-text-primary)}.aqb-template-desc{font-size:var(--aqb-text-xs);color:var(--aqb-text-muted)}.aqb-template-chips{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--aqb-border)}.aqb-template-chips::-webkit-scrollbar{height:4px}.aqb-template-chips::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.aqb-template-chips{scrollbar-color:rgba(255,255,255,.3) transparent}.aqb-chip{display:inline-flex;align-items:center;height:24px;padding:0 12px;background:var(--aqb-bg-hover);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease}.aqb-chip:hover{background:#ffffff14;border-color:#ffffff1f}.aqb-chip.active{background:var(--aqb-accent-purple-alpha);border-color:var(--aqb-accent-purple);color:var(--aqb-accent-purple)}.aqb-template-sort-row{display:flex;align-items:center;gap:8px;padding:8px 12px;flex-shrink:0;position:relative;z-index:10}.aqb-sort-label{font-size:var(--aqb-text-sm-plus);color:var(--aqb-text-secondary)}.aqb-sort-dropdown-wrapper{position:relative}.aqb-sort-dropdown-trigger{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:6px;color:var(--aqb-text-primary);font-size:var(--aqb-text-sm-plus);cursor:pointer;transition:all .15s ease}.aqb-sort-dropdown-trigger:hover{background:var(--aqb-surface-4)}.aqb-sort-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:100px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:8px;box-shadow:0 4px 16px #0000004d;z-index:100;overflow:hidden}.aqb-sort-option{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm-plus);text-align:left;cursor:pointer;transition:all .1s ease}.aqb-sort-option:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-sort-option.active{background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple)}.aqb-template-list{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px;flex:1;overflow-y:auto}.aqb-template-row{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;height:72px;padding:12px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:10px;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.aqb-template-row:hover{background:var(--aqb-surface-4);border-color:var(--aqb-border-light);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.aqb-template-row:active{transform:translateY(0)}.aqb-template-row.selected{border-left:2px solid var(--aqb-accent-purple);background:#7c7dff14}.aqb-template-preview-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px 10px;border:none;border-radius:6px;background:#6366f1e6;color:#fff;font-size:12px;font-weight:600;cursor:pointer;opacity:0;transition:opacity .15s ease;z-index:2;font-family:inherit}.aqb-template-row:hover .aqb-template-preview-btn{opacity:1}.aqb-template-preview-btn:hover{background:#6366f1}.aqb-template-thumb{width:40px;height:40px;background:var(--aqb-bg-active);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aqb-template-row .aqb-template-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.aqb-template-title{font-size:var(--aqb-text-base);font-weight:600;color:var(--aqb-text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.aqb-template-meta{font-size:var(--aqb-text-sm-plus);color:var(--aqb-text-secondary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aqb-status-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:var(--aqb-text-xs);font-weight:600;text-transform:uppercase;flex-shrink:0;margin-left:auto}.aqb-status-pill.free{background:#10b981;color:#fff}.aqb-status-pill.premium{background:#f59e0b;color:#fff}.aqb-reset-filters{padding:8px 16px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:8px;color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm-plus);cursor:pointer;margin-top:12px;transition:all .15s ease}.aqb-reset-filters:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-page-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(135deg,var(--aqb-surface-3),var(--aqb-surface-4));border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-sm);cursor:pointer;transition:background .1s,border-color .1s}.aqb-page-card:hover{background:var(--aqb-surface-4);border-color:var(--aqb-accent-purple-hover)}.aqb-page-icon{font-size:var(--aqb-text-2xl-plus);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--aqb-accent-purple);color:#fff;border-radius:var(--aqb-radius-md);flex-shrink:0}.aqb-page-sections{font-size:var(--aqb-text-2xs-plus);color:var(--aqb-accent-purple);font-weight:500;margin-top:2px}.aqb-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.aqb-dialog{background:var(--aqb-surface-1);border-radius:var(--aqb-radius-lg);padding:24px;width:320px;box-shadow:0 20px 60px #0000004d}.aqb-dialog-header{display:flex;align-items:center;gap:10px;font-size:var(--aqb-text-lg);font-weight:600;margin-bottom:12px}.aqb-dialog-desc{font-size:var(--aqb-text-base);color:var(--aqb-text-secondary);margin-bottom:20px;line-height:1.5}.aqb-dialog-actions{display:flex;gap:8px;margin-bottom:12px}.aqb-dialog-btn-primary{flex:1;padding:10px 16px;background:var(--aqb-accent-purple);color:#fff;border:none;border-radius:var(--aqb-radius-md);font-size:var(--aqb-text-base);font-weight:500;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-dialog-btn-primary:hover{background:#7c4ddb}.aqb-dialog-btn-secondary{flex:1;padding:10px 16px;background:var(--aqb-surface-3);color:var(--aqb-text-primary);border:none;border-radius:var(--aqb-radius-md);font-size:var(--aqb-text-base);font-weight:500;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-dialog-btn-secondary:hover{background:var(--aqb-surface-4)}.aqb-dialog-close{width:100%;padding:8px;background:transparent;color:var(--aqb-text-muted);border:none;font-size:var(--aqb-text-sm-plus);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-dialog-close:hover{color:var(--aqb-text-primary)}.aqb-preview-popover{position:fixed;right:300px;top:120px;width:280px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden;z-index:1000;pointer-events:none}.aqb-preview-hint{padding:8px 14px;font-size:var(--aqb-text-xs);color:var(--aqb-text-muted);background:var(--aqb-surface-1);text-align:center}.aqb-preview-panel{display:flex;flex-direction:column;border-top:1px solid var(--aqb-border);background:var(--aqb-surface-1);min-height:200px;max-height:280px}.aqb-preview-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--aqb-border-subtle);background:var(--aqb-surface-2)}.aqb-preview-title{display:flex;align-items:center;gap:8px;font-size:var(--aqb-text-sm-plus);font-weight:600;color:var(--aqb-text-primary)}.aqb-preview-icon{font-size:var(--aqb-text-lg)}.aqb-preview-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--aqb-radius-sm);cursor:pointer;color:var(--aqb-text-muted);font-size:var(--aqb-text-xl);transition:background .15s ease}.aqb-preview-close:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-preview-content{flex:1;overflow:hidden;background:#fff;border-radius:8px;margin:8px 12px;min-height:80px;max-height:120px}.aqb-preview-iframe{width:100%;height:100%;border:none;display:block;pointer-events:none}.aqb-preview-desc{padding:0 12px 8px;font-size:var(--aqb-text-sm);color:var(--aqb-text-muted);line-height:1.4}.aqb-insert-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 12px 12px;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:var(--aqb-text-md);font-weight:600;cursor:pointer;box-shadow:0 4px 14px #8b5cf666;transition:all .2s ease}.aqb-insert-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf680}.aqb-insert-btn:active{transform:translateY(0)}.aqb-component-preview-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:6px;color:#fff;margin-right:8px}.aqb-component-preview-content{display:flex;align-items:center;justify-content:center;background:var(--aqb-surface-3);border-radius:8px;margin:8px 12px;min-height:80px;max-height:100px;overflow:hidden}.aqb-component-thumbnail{width:100%;height:100%;object-fit:contain}.aqb-component-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--aqb-text-muted);font-size:var(--aqb-text-sm)}.aqb-component-meta-section{padding:0 12px 8px}.aqb-component-version{font-size:var(--aqb-text-xs);color:var(--aqb-text-muted);margin-top:4px}.aqb-highlight-match{background:#8b5cf64d;color:inherit;padding:0 2px;border-radius:2px}.aqb-icon-base{flex-shrink:0;margin-right:8px}.aqb-category-container{margin-bottom:2px}.aqb-category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--aqb-surface-3);border:none;border-radius:var(--aqb-radius-sm);cursor:pointer;color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm);font-weight:500;text-align:left;transition:var(--aqb-transition-fast)}.aqb-category-header:hover{background:var(--aqb-surface-4)}.aqb-category-content{display:flex;flex-direction:column;gap:3px;padding:6px 0}.aqb-empty-state{padding:20px;text-align:center;color:var(--aqb-text-muted);font-size:var(--aqb-text-sm);line-height:1.5}.aqb-delete-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--aqb-surface-4);border:none;border-radius:var(--aqb-radius-sm);cursor:pointer;color:var(--aqb-text-muted);font-size:var(--aqb-text-md);opacity:.6;flex-shrink:0;transition:var(--aqb-transition-fast)}.aqb-delete-btn:hover{opacity:1;background:var(--aqb-error);color:#fff}.aqb-icon-rail-divider{height:1px;margin:12px 8px;width:calc(100% - 16px);flex-shrink:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.12),transparent)}.aqb-icon-rail-btn{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:60px;border-radius:8px;transition:all .2s var(--aqb-ease-bounce);cursor:pointer}.aqb-icon-rail-btn:after{content:"";position:absolute;inset:4px;border-radius:var(--aqb-radius-md);background:transparent;transition:all .2s ease}.aqb-icon-rail-btn:hover:after{background:#6366f114;box-shadow:inset 0 0 0 1px #6366f126}.aqb-icon-rail-btn:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) translate(-100%);width:3px;height:24px;background:transparent;border-radius:0 2px 2px 0;transition:transform .2s var(--aqb-ease-bounce),background .15s ease;opacity:0}.aqb-icon-rail-btn:hover{background:var(--aqb-bg-hover);transform:scale(1.02)}.aqb-icon-rail-btn:active{transform:scale(.98)}.aqb-icon-rail-btn--active:before{background:var(--aqb-gradient-primary);transform:translateY(-50%) translate(0);opacity:1}.aqb-icon-rail-btn--active:after{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);box-shadow:inset 0 0 0 1px #6366f140}.aqb-icon-rail-btn--active{background:var(--aqb-primary-muted)}.aqb-icon-rail-btn--active:hover{background:var(--aqb-primary-light)}.aqb-icon-rail-btn--active:hover:after{background:linear-gradient(135deg,#6366f12e,#8b5cf62e)}.aqb-icon-rail-btn .aqb-icon-button{width:40px;height:40px;position:relative;z-index:1}.aqb-icon-rail-btn:focus-visible{outline:2px solid var(--aqb-primary);outline-offset:2px;border-radius:var(--aqb-radius-md)}.aqb-icon-rail-btn:focus-visible:after{background:#6366f11f;box-shadow:inset 0 0 0 1px #6366f14d}.aqb-icon-rail-label{position:relative;z-index:1}.hover-lift{transition:transform .15s ease,box-shadow .15s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--aqb-shadow-md)}.hover-glow{transition:box-shadow .2s ease}.hover-glow:hover{box-shadow:var(--aqb-glow-primary)}.hover-scale{transition:transform .15s ease}.hover-scale:hover{transform:scale(1.05)}.stagger-children>*{opacity:0;animation:staggerFadeIn .3s ease forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateY(-50%) translate(-100%);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}.aqb-compact-empty{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md)}.aqb-compact-empty-text{font-size:var(--aqb-font-sm);color:var(--aqb-text-secondary)}.aqb-compact-new-btn{padding:4px 10px;background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple);border:none;border-radius:var(--aqb-radius-sm);font-size:var(--aqb-font-xs);font-weight:500;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-compact-new-btn:hover{background:var(--aqb-accent-purple);color:#fff}.aqb-panel-header-action:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-panel-header-action:focus-visible{outline:none;box-shadow:0 0 0 2px var(--aqb-primary)}.aqb-view-switcher-trigger:hover{background:var(--aqb-surface-4);border-color:var(--aqb-border-hover)}.aqb-view-switcher-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--aqb-primary)}.aqb-view-switcher-option:hover{background:var(--aqb-surface-4)}.aqb-drill-in-back:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-drill-in-back:focus-visible{outline:none;box-shadow:0 0 0 2px var(--aqb-primary)}.aqb-feature-card:hover{background:var(--aqb-bg-active);border-color:var(--aqb-border-hover);transform:translateY(-1px)}.aqb-feature-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--aqb-primary)}.aqb-feature-card:active{transform:translateY(0)}.aqb-filter-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;background:transparent;border:1px solid var(--aqb-border);border-radius:12px;color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm);font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.aqb-filter-chip:hover{background:var(--aqb-surface-3);border-color:var(--aqb-border-hover);color:var(--aqb-text-primary)}.aqb-filter-chip.active{background:var(--aqb-primary-subtle);border-color:var(--aqb-primary);color:var(--aqb-primary)}.aqb-filter-chip:focus-visible{outline:none;box-shadow:0 0 0 2px var(--aqb-primary)}.aqb-context-pill:focus-visible{outline:none;border-color:var(--aqb-primary);box-shadow:0 0 0 2px var(--aqb-primary)}.aqb-page-row:hover{background:var(--aqb-bg-active);border-left-color:var(--aqb-border-light)}.aqb-page-row--active:hover{background:#3b82f62e}.aqb-page-row:focus-visible{outline:none;box-shadow:0 0 0 2px var(--aqb-primary)}.aqb-filter-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:2px;background:var(--aqb-primary);border-radius:999px;color:#fff;font-size:var(--aqb-text-xs);font-weight:600}.aqb-filter-chip.active .aqb-filter-chip-count{background:var(--aqb-primary)}.aqb-filter-chips-row{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;scrollbar-width:none}.aqb-filter-chips-row::-webkit-scrollbar{display:none}.aqb-control-row{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 12px;border-bottom:1px solid var(--aqb-border)}.aqb-live-toggle{display:flex;align-items:center;gap:6px;font-size:var(--aqb-text-sm-plus);color:var(--aqb-text-secondary)}.aqb-live-toggle-switch{position:relative;width:32px;height:18px;background:var(--aqb-surface-4);border:1px solid var(--aqb-border);border-radius:9px;cursor:pointer;transition:all .15s ease}.aqb-live-toggle-switch.active{background:var(--aqb-primary);border-color:var(--aqb-primary)}.aqb-live-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .15s ease}.aqb-live-toggle-switch.active:after{transform:translate(14px)}.aqb-scan-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-primary);font-size:var(--aqb-text-sm-plus);font-weight:500;cursor:pointer;transition:all .15s ease}.aqb-scan-button:hover{background:var(--aqb-surface-4);border-color:var(--aqb-border-hover)}.aqb-scan-button:disabled{opacity:.5;cursor:not-allowed}.aqb-recent-section{padding:12px}.aqb-recent-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;cursor:pointer}.aqb-recent-header-title{font-size:var(--aqb-text-sm-plus);font-weight:600;color:var(--aqb-text-secondary);text-transform:uppercase;letter-spacing:.05em}.aqb-recent-header-chevron{color:var(--aqb-text-muted);transition:transform .15s ease}.aqb-recent-header-chevron.expanded{transform:rotate(180deg)}.aqb-recent-items{display:flex;flex-direction:column;gap:4px;padding-top:8px}.aqb-recent-item{display:flex;align-items:center;gap:8px;padding:8px;background:transparent;border:none;border-radius:var(--aqb-radius-sm);color:var(--aqb-text-primary);font-size:var(--aqb-text-sm-plus);text-align:left;cursor:pointer;transition:background .1s ease;width:100%}.aqb-recent-item:hover{background:var(--aqb-surface-3)}.aqb-recent-item-icon{width:16px;height:16px;color:var(--aqb-text-muted)}.aqb-component-chips{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;flex-shrink:0}.aqb-component-chips::-webkit-scrollbar{display:none}.aqb-context-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin:0 12px 8px;background:#7c7dff14;border:1px solid rgba(124,125,255,.2);border-radius:10px}.aqb-context-banner-text{display:flex;align-items:center;gap:6px;font-size:var(--aqb-text-sm-plus);color:var(--aqb-text-secondary)}.aqb-context-banner-text svg{color:var(--aqb-accent-purple)}.aqb-create-component-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:6px;color:#fff;font-size:var(--aqb-text-sm);font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.aqb-context-banner-hint{display:flex;flex-direction:column;gap:2px;height:44px;padding:8px 12px;margin:8px 12px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:10px}.aqb-context-hint-title,.aqb-context-hint-text{font-size:var(--aqb-text-sm);font-weight:400;color:var(--aqb-text-muted)}.aqb-create-component-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #7c7dff4d}.aqb-component-list{display:flex;flex-direction:column;gap:4px;padding:4px 12px 8px}.aqb-component-row{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:8px;cursor:grab;transition:all .15s ease}.aqb-component-row:hover{background:var(--aqb-surface-4);border-color:#7c7dff4d}.aqb-component-row:active{cursor:grabbing}.aqb-component-row.selected{border-color:var(--aqb-accent-purple);background:#7c7dff14}.aqb-component-thumb{width:18px;height:18px;background:var(--aqb-surface-4);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--aqb-text-muted)}.aqb-component-thumb svg{width:12px;height:12px}.aqb-instance-badge{display:flex;align-items:center;justify-content:center;height:22px;padding:0 8px;background:var(--aqb-bg-hover);border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:var(--aqb-text-sm);font-weight:400;color:var(--aqb-text-muted);flex-shrink:0}.aqb-component-add-btn{display:flex;align-items:center;justify-content:center;height:28px;padding:0 12px;background:#7c7dff2e;border:1px solid rgba(124,125,255,.55);border-radius:8px;font-size:var(--aqb-text-sm-plus);font-weight:700;color:var(--aqb-text-primary);cursor:pointer;transition:all .15s ease;flex-shrink:0;opacity:0}.aqb-component-row:hover .aqb-component-add-btn{opacity:1}.aqb-component-add-btn:hover{background:#7c7dff47;border-color:#7c7dffbf}.aqb-component-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.aqb-component-name{font-size:var(--aqb-text-base);font-weight:600;color:var(--aqb-text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqb-component-meta{font-size:var(--aqb-text-sm);color:var(--aqb-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqb-component-star{opacity:0;padding:6px;background:transparent;border:none;color:var(--aqb-text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.aqb-component-row:hover .aqb-component-star{opacity:1}.aqb-component-star:hover{color:var(--aqb-accent-purple)}.aqb-component-star.favorited{opacity:1;color:var(--aqb-accent-purple)}.aqb-component-menu-wrapper{position:relative;flex-shrink:0}.aqb-component-menu-btn{opacity:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--aqb-text-muted);cursor:pointer;transition:all .15s ease}.aqb-component-row:hover .aqb-component-menu-btn{opacity:1}.aqb-component-menu-btn:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-component-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:140px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:8px;box-shadow:0 4px 16px #0000004d;z-index:100;overflow:hidden}.aqb-component-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm-plus);text-align:left;cursor:pointer;transition:all .1s ease}.aqb-component-dropdown button:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-component-dropdown button.aqb-menu-danger{color:#f87171}.aqb-component-dropdown button.aqb-menu-danger:hover{background:#f871711a;color:#f87171}.aqb-menu-icon{font-size:var(--aqb-text-sm-plus)}.aqb-empty-state-inline{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 12px;color:var(--aqb-text-muted);font-size:var(--aqb-text-sm-plus);text-align:center}.aqb-empty-state-inline button{padding:6px 12px;background:transparent;border:1px solid var(--aqb-border);border-radius:6px;color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm);cursor:pointer;transition:all .15s ease}.aqb-empty-state-inline button:hover{background:var(--aqb-surface-3);border-color:#7c7dff4d;color:var(--aqb-accent-purple)}.aqb-template-detail{display:flex;flex-direction:column;height:100%;overflow:hidden}.aqb-template-detail-header{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--aqb-border);background:var(--aqb-surface-2);min-height:48px}.aqb-template-detail-back{display:flex;align-items:center;gap:4px;height:32px;padding:0 10px;background:transparent;border:none;border-radius:6px;color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm-plus);font-weight:500;cursor:pointer;transition:all .15s ease}.aqb-template-detail-back:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-template-detail-title{flex:1;font-size:var(--aqb-text-md);font-weight:600;color:var(--aqb-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aqb-template-detail-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--aqb-text-muted);cursor:pointer;transition:all .15s ease}.aqb-template-detail-close:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-template-detail-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--aqb-surface-1);overflow:hidden;min-height:180px}.aqb-template-detail-iframe-wrapper{position:relative;width:100%;max-width:240px;aspect-ratio:9 / 16;background:#fff;border-radius:8px;overflow:auto;box-shadow:0 4px 16px #0000004d;transition:max-width .3s ease}.aqb-template-detail-iframe{width:100%;height:100%;border:none;transform-origin:top left;pointer-events:none}.aqb-template-detail-premium-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;font-size:var(--aqb-text-sm-plus);font-weight:500}.aqb-template-detail-info{padding:12px;background:var(--aqb-surface-2);border-top:1px solid var(--aqb-border)}.aqb-template-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.aqb-template-detail-meta-item{display:flex;flex-direction:column;gap:2px}.aqb-template-detail-meta-label{font-size:var(--aqb-text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--aqb-text-muted)}.aqb-template-detail-meta-value{font-size:var(--aqb-text-sm-plus);font-weight:500;color:var(--aqb-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.aqb-device-toggles{display:flex;gap:8px;justify-content:center}.aqb-device-chip{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:6px;color:var(--aqb-text-muted);cursor:pointer;transition:all .15s ease}.aqb-device-chip:hover{background:var(--aqb-surface-4);color:var(--aqb-text-secondary)}.aqb-device-chip.active{background:var(--aqb-accent-purple);border-color:var(--aqb-accent-purple);color:#fff}.aqb-device-chip:focus-visible{outline:2px solid var(--aqb-accent-purple);outline-offset:2px}.aqb-template-detail-actions{padding:12px;background:var(--aqb-surface-2);border-top:1px solid var(--aqb-border);display:flex;flex-direction:column;gap:8px}.aqb-template-detail-premium-note{font-size:var(--aqb-text-sm);color:var(--aqb-text-muted);text-align:center;margin:0}.aqb-btn-primary.aqb-btn-upgrade{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none}.aqb-btn-primary.aqb-btn-upgrade:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.tmpl-preview{position:absolute;inset:0;z-index:60;background:#080810;display:flex;flex-direction:column;animation:tmpl-preview-in .2s ease}.tmpl-preview--closing{opacity:0;transform:scale(.98);transition:opacity .15s ease,transform .15s ease}@keyframes tmpl-preview-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.tmpl-preview__top{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.tmpl-preview__info{flex:1;min-width:0}.tmpl-preview__name{display:block;font-size:13px;font-weight:600;color:#eef2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmpl-preview__count{font-size:12px;color:#fff6}.tmpl-preview__viewports{display:flex;gap:2px;background:#ffffff0a;border-radius:6px;padding:2px}.tmpl-preview__vp-btn{padding:4px 10px;border:none;border-radius:4px;background:transparent;color:#fff6;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.tmpl-preview__vp-btn:hover{color:#ffffffb3}.tmpl-preview__vp-btn--active{background:#7c6dfa33;color:#a5b4fc}.tmpl-preview__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#fff6;cursor:pointer;transition:background .15s,color .15s}.tmpl-preview__close:hover{background:#ffffff14;color:#fffc}.tmpl-preview__canvas{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.tmpl-preview__frame{background:#fff;border-radius:var(--tmpl-radius, 9px);overflow:hidden;height:320px;transition:width .2s ease;box-shadow:0 4px 24px #0006}.tmpl-preview__iframe{width:100%;height:100%;border:none;pointer-events:none}.tmpl-preview__bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.tmpl-preview__back{padding:6px 12px;border:none;background:transparent;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:color .15s,background .15s;font-family:inherit}.tmpl-preview__back:hover{color:#fffc;background:#ffffff0f}.tmpl-preview__use{padding:8px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.tmpl-preview__use:hover{opacity:.9}@media(prefers-reduced-motion:reduce){.tmpl-preview{animation:none}.tmpl-preview--closing,.tmpl-preview__frame{transition:none}}.tmpl-progress{position:absolute;inset:0;z-index:65;display:flex;align-items:center;justify-content:center;background:#04040ceb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:tmpl-progress-in .25s ease}@keyframes tmpl-progress-in{0%{opacity:0}to{opacity:1}}.tmpl-progress__inner{width:100%;max-width:220px;display:flex;flex-direction:column;gap:14px;padding:0 16px}.tmpl-progress__title{font-size:var(--aqb-font-sm, 13px);font-weight:600;color:#e2e8f0;margin:0;text-align:center}.tmpl-progress__bar{height:var(--tmpl-progress-h, 3px);background:#ffffff14;border-radius:2px;overflow:hidden}.tmpl-progress__fill{height:100%;background:linear-gradient(90deg,var(--aqb-accent-purple, #818cf8),#00d4aa);border-radius:2px;transition:width .3s ease}.tmpl-progress__steps{display:flex;flex-direction:column;gap:6px}.tmpl-progress__step{display:flex;align-items:center;gap:8px;height:var(--tmpl-step-h, 16px);transition:opacity .2s ease}.tmpl-progress__step--todo{opacity:.35}.tmpl-progress__step--active{opacity:1}.tmpl-progress__step--done{opacity:.7}.tmpl-progress__icon{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;line-height:1;flex-shrink:0}.tmpl-progress__icon--todo{background:#ffffff14}.tmpl-progress__icon--active{background:#6366f14d}.tmpl-progress__icon--done{background:#00d4aa33;color:#00d4aa}.tmpl-progress__spinner{display:block;width:8px;height:8px;border:1.5px solid rgba(129,140,248,.3);border-top-color:#818cf8;border-radius:50%;animation:tmpl-spin .6s linear infinite}@keyframes tmpl-spin{to{transform:rotate(360deg)}}.tmpl-progress__label{font-size:12px;color:#a1a5b3}.tmpl-progress__step--done .tmpl-progress__label{color:#8b90a3}.tmpl-progress__step--active .tmpl-progress__label{color:#c7cad6}@media(prefers-reduced-motion:reduce){.tmpl-progress,.tmpl-progress__spinner{animation:none}.tmpl-progress__fill{transition:none}}.tmpl-applied-banner{position:relative;padding:10px 12px;background:#4ade8012;border:1px solid rgba(74,222,128,.2);border-radius:var(--aqb-radius-md, 8px);margin-bottom:6px}.tmpl-applied-banner__title{font-size:var(--aqb-font-sm, 13px);font-weight:600;color:#4ade80;margin-bottom:2px}.tmpl-applied-banner__name{font-size:12px;color:#4ade80b3;margin-bottom:8px}.tmpl-applied-banner__actions{display:flex;flex-direction:column;gap:4px}.tmpl-applied-banner__action{display:block;width:100%;padding:5px 8px;font-size:12px;font-family:inherit;color:#a5b4fc;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:6px;cursor:pointer;text-align:left;transition:background .15s ease}.tmpl-applied-banner__action:hover{background:#6366f126}.tmpl-applied-banner__dismiss{position:absolute;top:8px;right:8px;width:18px;height:18px;padding:0;background:none;border:none;color:#4ade8066;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease}.tmpl-applied-banner__dismiss:hover{color:#4ade80cc}.tmpl-onboarding{position:fixed;inset:0;z-index:9999;pointer-events:none}.tmpl-onboarding__spotlight{position:fixed;border-radius:6px;box-shadow:0 0 0 2px #6366f199,0 0 0 3000px #0000008c;pointer-events:none;transition:all .3s ease}.tmpl-onboarding__tooltip{position:fixed;width:var(--tmpl-tooltip-w, 162px);background:#12121e;border:1px solid rgba(124,109,250,.28);border-radius:10px;padding:10px 12px;pointer-events:auto;opacity:1;transition:opacity .2s ease;box-shadow:0 4px 20px #0006}.tmpl-onboarding__tooltip--fading{opacity:0}.tmpl-onboarding__tooltip--arrow-up:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(124,109,250,.28)}.tmpl-onboarding__tooltip--arrow-up:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #12121e}.tmpl-onboarding__tooltip--arrow-down:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(124,109,250,.28)}.tmpl-onboarding__tooltip--arrow-down:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #12121e}.tmpl-onboarding__tooltip--arrow-left:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(124,109,250,.28)}.tmpl-onboarding__tooltip--arrow-left:after{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #12121e}.tmpl-onboarding__header{font-size:12px;font-weight:600;color:#7c6dfab3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.tmpl-onboarding__body{font-size:12px;line-height:1.5;color:#c7cad6;margin:0 0 10px}.tmpl-onboarding__footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.tmpl-onboarding__skip{font-size:12px;font-family:inherit;color:#ffffff4d;background:none;border:none;cursor:pointer;padding:0}.tmpl-onboarding__skip:hover{color:#ffffff80}.tmpl-onboarding__dots{display:flex;gap:4px}.tmpl-onboarding__dot{width:4px;height:4px;border-radius:50%;background:#ffffff26}.tmpl-onboarding__dot--active{background:#818cf8}.tmpl-onboarding__next{font-size:12px;font-family:inherit;font-weight:600;color:#a5b4fc;background:none;border:none;cursor:pointer;padding:0}.tmpl-onboarding__next:hover{color:#c7d2fe}@media(prefers-reduced-motion:reduce){.tmpl-onboarding__spotlight,.tmpl-onboarding__tooltip{transition:none}}.tmpl-error-banner{padding:10px 12px;background:#f871710f;border:1px solid rgba(248,113,113,.2);border-radius:var(--aqb-radius-md, 8px);margin-bottom:6px}.tmpl-error-banner__title{font-size:var(--aqb-font-sm, 13px);font-weight:600;color:#f87171;margin-bottom:2px}.tmpl-error-banner__desc{font-size:12px;color:#f87171b3;margin-bottom:8px;line-height:1.4}.tmpl-error-banner__actions{display:flex;gap:6px}.tmpl-error-banner__retry{flex:1;padding:5px 8px;font-size:12px;font-family:inherit;font-weight:600;color:#fff;background:#f8717133;border:1px solid rgba(248,113,113,.3);border-radius:6px;cursor:pointer;transition:background .15s ease}.tmpl-error-banner__retry:hover{background:#f871714d}.tmpl-error-banner__dismiss{padding:5px 8px;font-size:12px;font-family:inherit;color:#fff6;background:none;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer}.tmpl-error-banner__dismiss:hover{color:#fff9}.tmpl-pro-modal{position:absolute;inset:0;z-index:65;display:flex;align-items:center;justify-content:center;background:#04040ceb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tmpl-pro-modal__inner{width:100%;max-width:220px;padding:20px 16px;text-align:center}.tmpl-pro-modal__icon{width:40px;height:40px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#f59e0b1a;border-radius:50%;color:#f59e0b}.tmpl-pro-modal__title{font-size:var(--aqb-font-sm, 13px);font-weight:600;color:#e2e8f0;margin:0 0 6px}.tmpl-pro-modal__desc{font-size:12px;line-height:1.5;color:#8b90a3;margin:0 0 16px}.tmpl-pro-modal__actions{display:flex;flex-direction:column;gap:6px}.tmpl-pro-modal__upgrade{width:100%;padding:8px 12px;font-size:12px;font-family:inherit;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;cursor:pointer;transition:opacity .15s ease}.tmpl-pro-modal__upgrade:hover{opacity:.9}.tmpl-pro-modal__cancel{width:100%;padding:6px 12px;font-size:12px;font-family:inherit;color:#fff6;background:none;border:none;cursor:pointer}.tmpl-pro-modal__cancel:hover{color:#fff9}.aqb-apply-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;padding:20px}.aqb-apply-modal{width:100%;max-width:340px;background:var(--aqb-surface-2);border:1px solid var(--aqb-border);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden}.aqb-apply-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--aqb-border)}.aqb-apply-modal-title{font-size:var(--aqb-text-md-plus);font-weight:600;color:var(--aqb-text-primary);margin:0}.aqb-apply-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--aqb-text-muted);cursor:pointer;transition:all .15s ease}.aqb-apply-modal-close:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-apply-modal-body{padding:16px;display:flex;flex-direction:column;gap:12px}.aqb-radio-option{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.aqb-radio-option:hover{background:var(--aqb-surface-4);border-color:#7c7dff4d}.aqb-radio-option.selected{background:var(--aqb-primary-subtle);border-color:var(--aqb-accent-purple)}.aqb-radio-option.danger.selected{background:#f871711a;border-color:#f87171}.aqb-radio-input{position:absolute;opacity:0;pointer-events:none}.aqb-radio-indicator{width:16px;height:16px;border:2px solid var(--aqb-border);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.aqb-radio-dot{width:8px;height:8px;border-radius:50%;background:transparent;transition:all .15s ease}.aqb-radio-option.selected .aqb-radio-dot{background:var(--aqb-accent-purple)}.aqb-radio-option.danger.selected .aqb-radio-dot{background:#f87171}.aqb-radio-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.aqb-radio-label-row{display:flex;align-items:center;gap:8px}.aqb-radio-label{font-size:var(--aqb-text-base);font-weight:500;color:var(--aqb-text-primary)}.aqb-radio-description{font-size:var(--aqb-text-sm);color:var(--aqb-text-muted)}.aqb-radio-badge{font-size:var(--aqb-text-xs);font-weight:500;padding:2px 6px;background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple);border-radius:4px;align-self:flex-start;margin-top:2px}.aqb-apply-warning{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px;color:#fbbf24;font-size:var(--aqb-text-sm-plus)}.aqb-backup-toggle{display:flex;flex-direction:column;gap:8px}.aqb-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--aqb-surface-2);border-radius:6px;cursor:pointer}.aqb-toggle-label{font-size:var(--aqb-text-sm-plus);font-weight:500;color:var(--aqb-text-primary)}.aqb-toggle-switch{position:relative;width:36px;height:20px;padding:0;background:var(--aqb-surface-4);border:none;border-radius:10px;cursor:pointer;transition:background .2s ease}.aqb-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease}.aqb-toggle-switch.on .aqb-toggle-thumb{transform:translate(16px)}.aqb-backup-warning{display:flex;align-items:center;gap:6px;margin:0;padding:8px 10px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:#f87171;font-size:var(--aqb-text-sm-plus)}.aqb-apply-modal-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--aqb-border);background:var(--aqb-surface-1)}.aqb-btn-secondary{flex:1;padding:10px 16px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:6px;color:var(--aqb-text-primary);font-size:var(--aqb-text-base);font-weight:500;cursor:pointer;transition:all .15s ease}.aqb-btn-secondary:hover{background:var(--aqb-surface-4);border-color:#7c7dff4d}.aqb-btn-primary{flex:1;padding:10px 16px;background:var(--aqb-accent-purple);border:none;border-radius:6px;color:#fff;font-size:var(--aqb-text-base);font-weight:500;cursor:pointer;transition:all .15s ease}.aqb-btn-primary:hover{background:#6366f1}.aqb-btn-primary.danger{background:#f87171}.aqb-btn-primary.danger:hover{background:#ef4444}.aqb-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;background:#22c55e;border-radius:8px;color:#fff;font-size:var(--aqb-text-base);font-weight:500;box-shadow:0 4px 16px #0000004d;z-index:10001;animation:aqb-toast-slide-up .3s ease}@keyframes aqb-toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.aqb-elements-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.aqb-elements-title{font-size:var(--aqb-font-md, 14px);font-weight:600;color:var(--aqb-text-primary, #f8fafc)}.aqb-elements-help-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--aqb-radius-md, 6px);color:var(--aqb-text-secondary, #a1a1aa);cursor:pointer;transition:background .15s,color .15s}.aqb-elements-help-btn:hover{background:#ffffff14;color:var(--aqb-text-primary, #f8fafc)}.aqb-insert-hint{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--aqb-success-bg, rgba(166, 227, 161, .15));border-bottom:1px solid rgba(166,227,161,.2);color:var(--aqb-success, #a6e3a1);font-size:var(--aqb-font-xs, 12px);font-weight:500;animation:aqb-hint-fade-in .2s ease}@keyframes aqb-hint-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.aqb-component-detail{display:flex;flex-direction:column;height:100%;background:var(--aqb-surface-2)}.aqb-component-detail-header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--aqb-border);min-height:48px}.aqb-component-detail-back{display:flex;align-items:center;gap:4px;padding:6px 8px;background:transparent;border:none;border-radius:var(--aqb-radius-sm);color:var(--aqb-text-secondary);font-size:var(--aqb-font-sm);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-component-detail-back:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-component-detail-title{flex:1;margin:0;font-size:var(--aqb-font-md);font-weight:600;color:var(--aqb-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqb-component-detail-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--aqb-radius-sm);color:var(--aqb-text-tertiary);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-component-detail-close:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-component-detail-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px}.aqb-component-detail-preview{width:100%;aspect-ratio:236 / 140;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md);border:1px solid var(--aqb-border);overflow:hidden;display:flex;align-items:center;justify-content:center}.aqb-component-detail-preview-img{width:100%;height:100%;object-fit:cover}.aqb-component-detail-preview-placeholder{color:var(--aqb-text-tertiary);font-size:var(--aqb-font-sm)}.aqb-component-detail-info{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md)}.aqb-component-detail-info-row{display:flex;gap:8px;font-size:var(--aqb-font-sm)}.aqb-component-detail-info-label{color:var(--aqb-text-tertiary);min-width:80px;flex-shrink:0}.aqb-component-detail-info-value{color:var(--aqb-text-primary);word-break:break-word}.aqb-component-detail-insert-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:var(--aqb-radius-md);color:#fff;font-size:var(--aqb-font-md);font-weight:600;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-component-detail-insert-btn:hover{background:linear-gradient(135deg,#9d6fff,#8b5cf6);transform:translateY(-1px)}.aqb-component-detail-insert-btn:active{transform:translateY(0)}.aqb-component-detail-actions{display:flex;gap:8px}.aqb-component-detail-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-secondary);font-size:var(--aqb-font-sm);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-component-detail-action-btn:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-component-detail-action-btn.danger{color:var(--aqb-error)}.aqb-component-detail-action-btn.danger:hover{background:#ef44441a;border-color:var(--aqb-error)}.aqb-component-detail-instance-actions{display:flex;flex-direction:column;gap:8px;padding:12px;background:#7c7dff14;border:1px solid rgba(124,125,255,.2);border-radius:var(--aqb-radius-md)}.aqb-component-detail-section-title{margin:0 0 8px;font-size:var(--aqb-font-sm);font-weight:600;color:var(--aqb-text-primary)}.aqb-component-detail-instance-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:transparent;border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-secondary);font-size:var(--aqb-font-sm);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-component-detail-instance-btn:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-component-detail-variants{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md)}.aqb-variant-picker{display:flex;align-items:center;gap:12px}.aqb-variant-picker-label{font-size:var(--aqb-font-sm);color:var(--aqb-text-tertiary);min-width:50px}.aqb-variant-picker-pills{display:flex;gap:4px}.aqb-variant-pill{padding:6px 12px;background:var(--aqb-surface-2);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-sm);color:var(--aqb-text-secondary);font-size:var(--aqb-font-xs);font-weight:500;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-variant-pill:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-variant-pill.active{background:var(--aqb-accent-purple);border-color:var(--aqb-accent-purple);color:#fff}.aqb-asset-action-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--aqb-border)}.aqb-asset-action-bar .aqb-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--aqb-font-xs);font-weight:500;border-radius:var(--aqb-radius-sm);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-asset-action-bar .aqb-btn-primary{background:var(--aqb-accent-purple);border:none;color:#fff}.aqb-asset-action-bar .aqb-btn-primary:hover{background:var(--aqb-accent-purple-hover)}.aqb-asset-action-bar .aqb-btn-secondary{background:var(--aqb-surface-3);border:1px solid var(--aqb-border);color:var(--aqb-text-secondary)}.aqb-asset-action-bar .aqb-btn-secondary:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-context-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--aqb-surface-3);border-bottom:1px solid var(--aqb-border);font-size:var(--aqb-font-xs);color:var(--aqb-text-secondary)}.aqb-context-banner svg{flex-shrink:0;color:var(--aqb-accent-purple)}.aqb-context-banner-replace{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-bottom-color:var(--aqb-accent-purple-alpha)}.aqb-context-banner-replace svg{color:var(--aqb-accent-blue)}.aqb-context-banner-insert{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-bottom-color:#22c55e4d}.aqb-context-banner-insert svg{color:#22c55e}.aqb-new-folder-input{display:flex;gap:6px;padding:8px 12px;background:var(--aqb-surface-2);border-bottom:1px solid var(--aqb-border)}.aqb-new-folder-input input{flex:1;padding:6px 10px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-sm);color:var(--aqb-text-primary);font-size:var(--aqb-font-xs)}.aqb-new-folder-input input::placeholder{color:var(--aqb-text-muted)}.aqb-new-folder-input input:focus{outline:none;border-color:var(--aqb-accent-purple)}.aqb-new-folder-input button{padding:6px 10px;border-radius:var(--aqb-radius-sm);font-size:var(--aqb-font-xs);font-weight:500;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-new-folder-input button:first-of-type{background:var(--aqb-accent-purple);border:none;color:#fff}.aqb-new-folder-input button:last-of-type{background:transparent;border:1px solid var(--aqb-border);color:var(--aqb-text-secondary)}.aqb-folder-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:var(--aqb-radius-sm);color:var(--aqb-text-secondary);font-size:var(--aqb-font-xs);cursor:pointer;transition:var(--aqb-transition-fast);text-align:left}.aqb-folder-row:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-folder-row.active{background:var(--aqb-accent-purple-alpha);color:var(--aqb-accent-purple)}.aqb-folder-row-icon{flex-shrink:0;color:inherit;opacity:.7}.aqb-folder-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aqb-folder-row-count{font-size:var(--aqb-text-xs);color:var(--aqb-text-muted);margin-left:auto}.aqb-folder-row-actions{display:none;gap:4px;margin-left:8px}.aqb-folder-row:hover .aqb-folder-row-actions{display:flex}.aqb-folder-row-actions button{padding:4px;background:transparent;border:none;border-radius:var(--aqb-radius-xs);color:var(--aqb-text-muted);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-folder-row-actions button:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-folder-row.editing{background:var(--aqb-surface-3)}.aqb-folder-edit-input{flex:1;padding:4px 8px;background:var(--aqb-surface-2);border:1px solid var(--aqb-accent-purple);border-radius:var(--aqb-radius-xs);color:var(--aqb-text-primary);font-size:var(--aqb-font-xs)}.aqb-folder-edit-input:focus{outline:none}.aqb-asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 12px}.aqb-asset-tile{display:flex;flex-direction:column;background:var(--aqb-surface-3);border:1px solid transparent;border-radius:var(--aqb-radius-md);cursor:pointer;transition:var(--aqb-transition-fast);overflow:hidden}.aqb-asset-tile:hover{background:var(--aqb-surface-4);border-color:var(--aqb-accent-purple-hover);transform:translateY(-2px);box-shadow:var(--aqb-shadow-md)}.aqb-asset-tile.selected{border-color:var(--aqb-accent-purple);box-shadow:0 0 0 3px var(--aqb-accent-purple-alpha)}.aqb-asset-tile-thumb{position:relative;aspect-ratio:1;background:var(--aqb-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.aqb-asset-tile-thumb img{width:100%;height:100%;object-fit:cover}.aqb-asset-tile-thumb svg{width:32px;height:32px;color:var(--aqb-text-muted)}.aqb-asset-tile-actions{position:absolute;top:4px;right:4px;display:none;gap:4px}.aqb-asset-tile:hover .aqb-asset-tile-actions{display:flex}.aqb-asset-tile-actions button{padding:4px;background:#0009;border:none;border-radius:var(--aqb-radius-xs);color:#fff;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-asset-tile-actions button:hover{background:#000c}.aqb-asset-tile-actions button.fav-active{color:#fbbf24}.aqb-asset-tile-info{padding:8px;display:flex;flex-direction:column;gap:2px;min-height:40px}.aqb-asset-tile-name{font-size:var(--aqb-text-sm);font-weight:500;color:var(--aqb-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aqb-asset-tile-meta{font-size:var(--aqb-text-xs);color:var(--aqb-text-muted)}.aqb-upload-modal{width:400px;max-width:90vw;background:var(--aqb-surface-2);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-lg);box-shadow:0 20px 40px #00000080}.aqb-upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--aqb-border)}.aqb-upload-modal-header h3{font-size:var(--aqb-font-md);font-weight:600;color:var(--aqb-text-primary);margin:0}.aqb-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:16px;padding:40px 20px;background:var(--aqb-surface-3);border:2px dashed var(--aqb-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-muted);transition:var(--aqb-transition-fast)}.aqb-upload-dropzone.dragging{background:var(--aqb-accent-purple-alpha);border-color:var(--aqb-accent-purple);color:var(--aqb-accent-purple)}.aqb-upload-dropzone p{margin:0;font-size:var(--aqb-font-sm)}.aqb-upload-hint{font-size:var(--aqb-font-xs);color:var(--aqb-text-muted)}.aqb-upload-modal-actions{display:flex;gap:8px;padding:0 16px 16px}.aqb-upload-modal-actions .aqb-btn{flex:1;padding:10px 16px;font-size:var(--aqb-font-sm);font-weight:500;border-radius:var(--aqb-radius-sm);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-upload-modal-actions .aqb-btn-secondary{background:var(--aqb-surface-3);border:1px solid var(--aqb-border);color:var(--aqb-text-secondary)}.aqb-upload-modal-actions .aqb-btn-secondary:hover:not(:disabled){background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-upload-modal-actions .aqb-btn:disabled{opacity:.5;cursor:not-allowed}.aqb-upload-url-input{display:flex;gap:8px;padding:0 16px 16px}.aqb-upload-url-input input{flex:1;padding:10px 12px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-sm);color:var(--aqb-text-primary);font-size:var(--aqb-font-sm)}.aqb-upload-url-input input::placeholder{color:var(--aqb-text-muted)}.aqb-upload-url-input input:focus{outline:none;border-color:var(--aqb-accent-purple)}.aqb-upload-url-input button{padding:10px 16px;background:var(--aqb-accent-purple);border:none;border-radius:var(--aqb-radius-sm);color:#fff;font-size:var(--aqb-font-sm);font-weight:500;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-upload-url-input button:hover:not(:disabled){background:var(--aqb-accent-purple-hover)}.aqb-upload-url-input button:disabled{opacity:.5;cursor:not-allowed}.aqb-upload-option{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--aqb-border)}.aqb-upload-option label{display:flex;align-items:center;gap:8px;font-size:var(--aqb-font-xs);color:var(--aqb-text-secondary);cursor:pointer}.aqb-upload-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--aqb-accent-purple)}.aqb-asset-replace-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-md);margin-top:12px}.aqb-asset-replace-section h4{font-size:var(--aqb-font-sm);font-weight:600;color:var(--aqb-text-primary);margin:0}.aqb-replace-options{display:flex;flex-direction:column;gap:8px}.aqb-replace-options label{display:flex;align-items:center;gap:8px;font-size:var(--aqb-font-xs);color:var(--aqb-text-secondary);cursor:pointer}.aqb-replace-options input[type=checkbox]{width:16px;height:16px;accent-color:var(--aqb-accent-purple)}.aqb-replace-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,var(--aqb-accent-blue),var(--aqb-accent-purple));border:none;border-radius:var(--aqb-radius-sm);color:#fff;font-size:var(--aqb-font-sm);font-weight:500;cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-replace-btn:hover{filter:brightness(1.1)}.aqb-folder-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.aqb-folder-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:999px;font-size:var(--aqb-text-sm);color:var(--aqb-text-secondary);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-folder-chip:hover{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-folder-chip.active{background:var(--aqb-accent-purple-alpha);border-color:var(--aqb-accent-purple);color:var(--aqb-accent-purple)}.aqb-folder-chip svg{width:12px;height:12px}.aqb-toggle-badge{display:inline-flex;align-items:center;padding:2px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-sm);gap:2px}.aqb-toggle-badge button{padding:4px 8px;background:transparent;border:none;border-radius:var(--aqb-radius-xs);color:var(--aqb-text-muted);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-toggle-badge button:hover{color:var(--aqb-text-secondary)}.aqb-toggle-badge button.active{background:var(--aqb-surface-4);color:var(--aqb-text-primary)}.aqb-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.aqb-modal-close{padding:4px;background:transparent;border:none;border-radius:var(--aqb-radius-xs);color:var(--aqb-text-muted);cursor:pointer;transition:var(--aqb-transition-fast)}.aqb-modal-close:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-template-preview-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#e2e8f0,#d1d8e0);transform:translate(-20px);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;z-index:50}.aqb-template-preview-panel.visible{transform:translate(0);opacity:1}.aqb-drawer-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:9998}.aqb-drawer-backdrop.visible{opacity:1;visibility:visible}.aqb-use-template-drawer{position:fixed;top:0;right:0;bottom:0;width:360px;max-width:90vw;background:var(--aqb-surface-2);border-left:1px solid var(--aqb-border);box-shadow:-8px 0 24px #0000004d;transform:translate(100%);transition:transform .25s cubic-bezier(.16,1,.3,1);z-index:9999;display:flex;flex-direction:column}.aqb-use-template-drawer.open{transform:translate(0)}.aqb-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid var(--aqb-border);background:var(--aqb-surface-1)}.aqb-drawer-header-content{flex:1;min-width:0}.aqb-drawer-title{margin:0;font-size:var(--aqb-text-lg);font-weight:600;color:var(--aqb-text-primary)}.aqb-drawer-subtitle{margin:4px 0 0;font-size:var(--aqb-text-base);color:var(--aqb-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqb-drawer-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--aqb-text-secondary);cursor:pointer;transition:all .15s ease}.aqb-drawer-close:hover{background:var(--aqb-surface-3);color:var(--aqb-text-primary)}.aqb-drawer-body{flex:1;overflow-y:auto;padding:16px 20px}.aqb-drawer-section{margin-bottom:24px}.aqb-drawer-section:last-child{margin-bottom:0}.aqb-drawer-label{display:block;font-size:var(--aqb-text-sm-plus);font-weight:600;color:var(--aqb-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.aqb-radio-group{display:flex;flex-direction:column;gap:8px}.aqb-radio-option{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.aqb-radio-option:hover{border-color:var(--aqb-border-light);background:var(--aqb-surface-4)}.aqb-radio-option.selected{border-color:var(--aqb-accent-purple);background:#6366f114}.aqb-radio-option.danger.selected{border-color:#f87171;background:#f8717114}.aqb-radio-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.aqb-radio-indicator{flex-shrink:0;width:18px;height:18px;border:2px solid var(--aqb-border-light);border-radius:50%;position:relative;margin-top:2px;transition:all .15s ease}.aqb-radio-option.selected .aqb-radio-indicator{border-color:var(--aqb-accent-purple)}.aqb-radio-option.selected .aqb-radio-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--aqb-accent-purple);border-radius:50%}.aqb-radio-option.danger.selected .aqb-radio-indicator{border-color:#f87171}.aqb-radio-option.danger.selected .aqb-radio-indicator:after{background:#f87171}.aqb-radio-content{flex:1;min-width:0}.aqb-radio-label{display:flex;align-items:center;gap:8px;font-size:var(--aqb-text-md);font-weight:500;color:var(--aqb-text-primary)}.aqb-radio-desc{display:block;margin-top:2px;font-size:var(--aqb-text-sm-plus);color:var(--aqb-text-secondary)}.aqb-badge-recommended{padding:2px 6px;font-size:var(--aqb-text-xs);font-weight:600;background:var(--aqb-accent-purple);color:#fff;border-radius:4px;text-transform:uppercase}.aqb-badge-danger{padding:2px 6px;font-size:var(--aqb-text-xs);font-weight:600;background:#f87171;color:#fff;border-radius:4px;text-transform:uppercase}.aqb-toggle-group{display:flex;flex-direction:column;gap:12px}.aqb-toggle-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;background:var(--aqb-surface-3);border:1px solid var(--aqb-border);border-radius:8px;cursor:pointer}.aqb-toggle-content{flex:1;min-width:0}.aqb-toggle-label{display:block;font-size:var(--aqb-text-base);font-weight:500;color:var(--aqb-text-primary)}.aqb-toggle-desc{display:block;margin-top:2px;font-size:var(--aqb-text-sm-plus);color:var(--aqb-text-secondary)}.aqb-toggle-switch{position:relative;width:40px;height:22px;background:var(--aqb-surface-5);border:none;border-radius:11px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.aqb-toggle-switch.on{background:var(--aqb-accent-purple)}.aqb-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.aqb-toggle-switch.on .aqb-toggle-thumb{transform:translate(18px)}.aqb-drawer-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--aqb-border);background:var(--aqb-surface-1)}.aqb-drawer-footer .aqb-btn-secondary,.aqb-drawer-footer .aqb-btn-primary{flex:1;padding:12px 16px;font-size:var(--aqb-text-md)}.aqb-confirm-warning{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px}.aqb-confirm-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f8717126;border-radius:50%;color:#f87171;margin-bottom:16px}.aqb-confirm-title{margin:0 0 8px;font-size:var(--aqb-text-xl);font-weight:600;color:var(--aqb-text-primary)}.aqb-confirm-text{margin:0 0 24px;font-size:var(--aqb-text-md);color:var(--aqb-text-secondary);line-height:1.5}.aqb-confirm-actions{display:flex;gap:12px;width:100%}.aqb-confirm-actions .aqb-btn-secondary,.aqb-confirm-actions .aqb-btn-danger{flex:1;padding:12px 16px}.aqb-btn-danger{background:#f87171;border:none;border-radius:6px;color:#fff;font-size:var(--aqb-text-md);font-weight:500;cursor:pointer;transition:background .15s ease}.aqb-btn-danger:hover{background:#ef4444}.aqb-stock-libraries{margin:8px 0;padding:10px 12px;background:var(--aqb-surface-3);border-radius:var(--aqb-radius-lg);border:1px solid var(--aqb-border-subtle)}.aqb-stock-libraries-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.aqb-stock-libraries-icon{font-size:var(--aqb-text-md)}.aqb-stock-libraries-label{font-size:var(--aqb-font-xs);font-weight:600;color:var(--aqb-text-secondary);letter-spacing:.5px;text-transform:uppercase}.aqb-stock-libraries-buttons{display:flex;gap:8px}.aqb-stock-library-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;background:var(--aqb-surface-2);border:1px solid var(--aqb-border-default);border-radius:var(--aqb-radius-md);color:var(--aqb-text-primary);font-size:var(--aqb-font-xs);cursor:pointer;transition:all .15s ease}.aqb-stock-library-btn:hover{background:var(--aqb-surface-4);border-color:var(--aqb-accent-blue);transform:translateY(-1px)}.aqb-stock-library-btn:active{transform:translateY(0)}.aqb-stock-library-icon{font-size:var(--aqb-text-xl)}.aqb-stock-library-name{font-weight:500;white-space:nowrap}@keyframes aqb-panel-fade-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.aqb-panel-animate{animation:aqb-panel-fade-in .15s ease both;flex:1;min-height:0;display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){.aqb-left-sidebar *,.aqb-left-sidebar *:before,.aqb-left-sidebar *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bar: #0b1220;--bar2: #0a1322;--barStroke: #1a2a3d;--pillStroke: #1b2b3f;--pillStroke2: #20334b;--txt: #eaf2ff;--muted: #b7c5dc;--blue: #4b8dff;--blue2: #2d6dff;--green: #38d07a;--green2: #19b45c;--navShadow: 0 18px 40px rgba(0, 0, 0, .25);--aqb-primary: #6366f1;--aqb-primary-hover: #818cf8;--aqb-primary-active: #4f46e5;--aqb-primary-light: rgba(99, 102, 241, .12);--aqb-primary-muted: rgba(99, 102, 241, .08);--aqb-primary-subtle: rgba(99, 102, 241, .06);--aqb-secondary: #8b5cf6;--aqb-secondary-hover: #7c3aed;--aqb-secondary-light: rgba(139, 92, 246, .12);--aqb-surface-1: #0f0f14;--aqb-surface-2: #16161d;--aqb-surface-3: #1e1e26;--aqb-surface-4: #26262f;--aqb-surface-5: #2e2e38;--aqb-bg-dark: #0c0c14;--aqb-bg-darker: #08080e;--aqb-bg-panel: #14141f;--aqb-bg-panel-secondary: #1c1c2a;--aqb-bg-panel-tertiary: #24243a;--aqb-bg-elevated: #1e1e30;--aqb-bg-canvas: #ffffff;--aqb-bg-hover: rgba(255, 255, 255, .04);--aqb-bg-active: rgba(255, 255, 255, .06);--aqb-text-primary: #f1f5f9;--aqb-text-secondary: #94a3b8;--aqb-text-tertiary: #64748b;--aqb-text-muted: #475569;--aqb-text-disabled: #334155;--aqb-border: rgba(255, 255, 255, .08);--aqb-border-light: rgba(255, 255, 255, .12);--aqb-border-subtle: rgba(255, 255, 255, .06);--aqb-border-focus: rgba(59, 130, 246, .5);--aqb-border-hover: rgba(255, 255, 255, .15);--aqb-shadow-color: rgba(0, 0, 0, .2);--aqb-success: #22c55e;--aqb-success-light: rgba(34, 197, 94, .12);--aqb-warning: #f59e0b;--aqb-warning-light: rgba(245, 158, 11, .12);--aqb-error: #ef4444;--aqb-error-light: rgba(239, 68, 68, .12);--aqb-info: #3b82f6;--aqb-info-light: rgba(59, 130, 246, .12);--aqb-shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--aqb-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .2);--aqb-shadow-md: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .25);--aqb-shadow-lg: 0 8px 24px rgba(0, 0, 0, .35), 0 4px 8px rgba(0, 0, 0, .3);--aqb-shadow-xl: 0 16px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .35);--aqb-shadow-2xl: 0 24px 56px rgba(0, 0, 0, .45), 0 12px 24px rgba(0, 0, 0, .4);--aqb-shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .25);--aqb-shadow-glow: 0 0 20px rgba(59, 130, 246, .25);--aqb-radius-xs: 3px;--aqb-radius-sm: 5px;--aqb-radius-md: 8px;--aqb-radius-lg: 12px;--aqb-radius-xl: 16px;--aqb-radius-2xl: 24px;--aqb-radius-full: 9999px;--aqb-space-0: 0;--aqb-space-1: 4px;--aqb-space-2: 8px;--aqb-space-3: 12px;--aqb-space-4: 16px;--aqb-space-5: 20px;--aqb-space-6: 24px;--aqb-space-8: 32px;--aqb-space-10: 40px;--aqb-space-12: 48px;--aqb-space-16: 64px;--aqb-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--aqb-font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, monospace;--aqb-text-micro: 12px;--aqb-text-3xs: 12px;--aqb-text-2xs: 12px;--aqb-text-2xs-plus: 12px;--aqb-text-xs: 12px;--aqb-text-sm: 12px;--aqb-text-sm-plus: 12px;--aqb-text-base: 13px;--aqb-text-md: 14px;--aqb-text-md-plus: 15px;--aqb-text-lg: 16px;--aqb-text-xl: 18px;--aqb-text-2xl: 20px;--aqb-text-2xl-plus: 22px;--aqb-text-3xl: 24px;--aqb-text-4xl: 32px;--aqb-text-5xl: 48px;--aqb-text-display: 64px;--aqb-font-normal: 400;--aqb-font-medium: 500;--aqb-font-semibold: 600;--aqb-font-bold: 700;--aqb-leading-none: 1;--aqb-leading-tight: 1.25;--aqb-leading-snug: 1.375;--aqb-leading-normal: 1.5;--aqb-leading-relaxed: 1.625;--aqb-tracking-tight: -.02em;--aqb-tracking-normal: 0;--aqb-tracking-wide: .02em;--aqb-tracking-wider: .05em;--aqb-tracking-widest: .1em;--aqb-ease-default: cubic-bezier(.4, 0, .2, 1);--aqb-ease-in: cubic-bezier(.4, 0, 1, 1);--aqb-ease-out: cubic-bezier(0, 0, .2, 1);--aqb-ease-in-out: cubic-bezier(.4, 0, .2, 1);--aqb-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--aqb-duration-instant: 50ms;--aqb-duration-fast: .1s;--aqb-duration-normal: .15s;--aqb-duration-moderate: .2s;--aqb-duration-slow: .3s;--aqb-duration-slower: .4s;--aqb-transition-fast: .1s var(--aqb-ease-default);--aqb-transition-normal: .15s var(--aqb-ease-default);--aqb-transition-slow: .3s var(--aqb-ease-default);--aqb-transition-colors: .15s var(--aqb-ease-default);--aqb-transition-transform: .2s var(--aqb-ease-out);--aqb-transition-all: .2s var(--aqb-ease-default);--aqb-z-base: 0;--aqb-z-dropdown: 100;--aqb-z-sticky: 200;--aqb-z-overlay: 300;--aqb-z-modal: 400;--aqb-z-popover: 500;--aqb-z-tooltip: 600;--aqb-z-toast: 700;--aqb-z-max: 9999;--aqb-glass-bg: rgba(20, 20, 31, .85);--aqb-glass-border: rgba(255, 255, 255, .08);--aqb-glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--aqb-glass-blur: blur(16px);--aqb-accent: #a78bfa;--aqb-accent-hover: #8b5cf6;--aqb-accent-light: rgba(167, 139, 250, .12);--aqb-accent-blue: #60a5fa;--aqb-accent-blue-hover: #3b82f6;--aqb-accent-blue-alpha: rgba(59, 130, 246, .12);--aqb-accent-blue-light: rgba(59, 130, 246, .12);--aqb-accent-blue-bg: rgba(37, 99, 235, .08);--aqb-accent-purple: #a78bfa;--aqb-accent-purple-hover: #7c3aed;--aqb-accent-purple-alpha: rgba(139, 92, 246, .12);--aqb-accent-purple-light: rgba(168, 85, 247, .12);--aqb-accent-purple-muted: rgba(139, 92, 246, .05);--aqb-accent-purple-05: rgba(139, 92, 246, .05);--aqb-accent-purple-08: rgba(139, 92, 246, .08);--aqb-accent-purple-30: rgba(139, 92, 246, .3);--aqb-accent-purple-35: rgba(139, 92, 246, .35);--aqb-accent-purple-40: rgba(139, 92, 246, .4);--aqb-accent-purple-45: rgba(139, 92, 246, .45);--aqb-accent-purple-50: rgba(139, 92, 246, .5);--aqb-accent-purple-60: rgba(139, 92, 246, .6);--aqb-accent-purple-bg: rgba(139, 92, 246, .05);--aqb-accent-cyan: #22d3ee;--aqb-accent-cyan-light: rgba(34, 211, 238, .12);--aqb-accent-amber: #fbbf24;--aqb-accent-amber-light: rgba(251, 191, 36, .12);--aqb-accent-emerald: #34d399;--aqb-accent-emerald-light: rgba(16, 185, 129, .12);--aqb-accent-rose: #f43f5e;--aqb-accent-rose-light: rgba(244, 63, 94, .12);--media-img: #6366f1;--media-img-l: rgba(99, 102, 241, .12);--media-img-b: rgba(99, 102, 241, .22);--media-vid: #f97316;--media-vid-l: rgba(249, 115, 22, .1);--media-vid-b: rgba(249, 115, 22, .22);--media-doc: #ef4444;--media-doc-l: rgba(239, 68, 68, .1);--media-doc-b: rgba(239, 68, 68, .22);--media-fnt: #10b981;--media-fnt-l: rgba(16, 185, 129, .1);--media-fnt-b: rgba(16, 185, 129, .2);--rail-bg: #0c0c12;--rail-active: #818CF8;--rail-active-bg: rgba(99, 102, 241, .09);--rail-active-bg-hover: rgba(99, 102, 241, .13);--rail-active-bar: #6366F1;--rail-text-default: #3d4a5c;--rail-text-hover: #7c88a0;--rail-focus: #00d4aa;--rail-tooltip-bg: #161620;--rail-badge-warn: #f59e0b;--rail-badge-info: #6366f1;--rail-badge-ok: #00d4aa;--tmpl-card-h: 88px;--tmpl-grid-gap: 7px;--tmpl-radius: 9px;--tmpl-overlay-bg: rgba(0, 0, 0, .8);--tmpl-blur: blur(3px);--tmpl-modal-w: 232px;--tmpl-modal-radius: 12px;--tmpl-progress-h: 3px;--tmpl-step-h: 16px;--tmpl-tooltip-w: 162px;--tmpl-onboard-delay: .8s;--tmpl-skeleton-threshold: .15s;--aqb-blue-light: rgba(59, 130, 246, .2);--aqb-blue-dark: rgba(37, 99, 235, .2);--aqb-blue-border: rgba(59, 130, 246, .3);--aqb-emerald-light: rgba(16, 185, 129, .2);--aqb-emerald-dark: rgba(5, 150, 105, .2);--aqb-emerald-border: rgba(16, 185, 129, .3);--aqb-amber-light: rgba(245, 158, 11, .2);--aqb-amber-dark: rgba(217, 119, 6, .2);--aqb-amber-border: rgba(245, 158, 11, .3);--aqb-purple-light: rgba(139, 92, 246, .2);--aqb-purple-dark: rgba(124, 58, 237, .2);--aqb-purple-border: rgba(139, 92, 246, .3);--aqb-gradient-hero: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--aqb-gradient-glass: linear-gradient(135deg, rgba(15, 23, 42, .6) 0%, rgba(15, 23, 42, .8) 100%);--aqb-gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #6366f1 100%);--aqb-gradient-cta: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--aqb-gradient-success: linear-gradient(135deg, #10b981 0%, #22c55e 100%);--aqb-gradient-publish: linear-gradient(135deg, #3b82f6 0%, #6366f1 50%, #8b5cf6 100%);--aqb-glow-primary: 0 0 20px rgba(99, 102, 241, .4);--aqb-glow-cta: 0 4px 14px rgba(59, 130, 246, .4);--aqb-glow-selection: 0 0 0 3px rgba(99, 102, 241, .2);--aqb-glow-publish: 0 4px 20px rgba(99, 102, 241, .35);--aqb-glass-heavy-bg: rgba(15, 15, 25, .75);--aqb-glass-heavy-blur: blur(24px);--aqb-glass-light-bg: rgba(255, 255, 255, .05);--aqb-hover-lift: translateY(-2px);--aqb-hover-scale: scale(1.02);--aqb-build-surface: #0f172a;--aqb-build-card: rgba(15, 23, 42, .6);--aqb-build-card-hover: rgba(15, 23, 42, .8);--aqb-build-border: rgba(255, 255, 255, .06);--aqb-build-border-hover: rgba(255, 255, 255, .1);--aqb-ai: #8b5cf6;--aqb-ai-hover: #7c3aed;--aqb-ai-active: #6d28d9;--aqb-ai-light: rgba(139, 92, 246, .12);--aqb-ai-muted: rgba(139, 92, 246, .08);--aqb-input-bg: rgba(0, 0, 0, .25);--aqb-input-bg-hover: rgba(0, 0, 0, .3);--aqb-input-bg-focus: rgba(0, 0, 0, .35);--aqb-input-border: rgba(255, 255, 255, .1);--aqb-input-border-hover: rgba(255, 255, 255, .15);--aqb-input-border-focus: rgba(59, 130, 246, .5);--aqb-input-ring: 0 0 0 3px rgba(59, 130, 246, .15);--aqb-input-ring-error: 0 0 0 3px rgba(239, 68, 68, .15);--aqb-control-accent: #0073E6;--aqb-control-accent-alpha-08: rgba(0, 115, 230, .08);--aqb-control-accent-alpha-10: rgba(0, 115, 230, .1);--aqb-control-accent-alpha-20: rgba(0, 115, 230, .2);--aqb-control-accent-alpha-30: rgba(0, 115, 230, .3);--aqb-control-surface-input: rgba(255, 255, 255, .05);--aqb-control-surface-subtle: rgba(255, 255, 255, .03);--aqb-control-surface-overlay: rgba(255, 255, 255, .02);--aqb-control-text-primary: #e4e4e7;--aqb-control-text-secondary: #a1a1aa;--aqb-control-text-tertiary: #71717a;--aqb-control-text-muted: #52525b;--aqb-panel-section-padding: 12px 16px;--aqb-panel-section-gap: 8px;--aqb-panel-input-height: 30px;--aqb-panel-label-size: 12px;--aqb-panel-label-weight: 500;--toggle-bg-default: transparent;--toggle-bg-active: var(--aqb-surface-4);--toggle-border-active: var(--aqb-primary);--status-saving: var(--aqb-warning);--status-saved: var(--aqb-success);--status-error: var(--aqb-error);--status-synced: var(--aqb-success);--status-offline: var(--aqb-text-muted);--transition-toggle: .15s ease;--transition-glow: .2s ease;--aqb-header-height: 52px;--aqb-footer-height: 40px;--aqb-sidebar-width: 56px;--aqb-sidebar-panel-width: 280px;--aqb-right-panel-width: 300px;--aqb-layout-gap: var(--aqb-space-3);--aqb-touch-min: 44px;--aqb-touch-gap: 8px;--aqb-sidebar-glass-bg: rgba(10, 10, 10, .6);--aqb-sidebar-glass-blur: blur(12px);--aqb-sidebar-glass-border: rgba(255, 255, 255, .08);--aqb-sidebar-glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--aqb-brand-accent: rgba(170, 210, 255, .95)}:root{--surface-base: #0f0f12;--surface-panel: rgba(18, 18, 22, .85);--surface-panel-hover: rgba(255, 255, 255, .05);--surface-canvas: #121216;--surface-elevated: rgba(30, 30, 35, .9);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--border-active: #3b82f6;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--brand-primary: #3b82f6;--brand-primary-hover: #2563eb;--brand-primary-light: rgba(59, 130, 246, .12);--selection-blue: #2563eb;--accent-glow: 0 0 15px rgba(59, 130, 246, .5);--glass-blur: blur(20px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--layout-rail-width: 68px;--layout-drawer-width: 250px;--layout-inspector-width: 280px;--layout-topbar-height: 52px;--layout-gap: 8px;--feedback-hover: rgba(255, 255, 255, .05);--feedback-active: rgba(255, 255, 255, .08);--feedback-focus: rgba(59, 130, 246, .25);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--z-canvas: 0;--z-overlay: 100;--z-panel: 500;--z-modal: 9999}.glass-panel{background:var(--surface-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);box-shadow:var(--glass-shadow)}.glass-panel-elevated{background:var(--surface-elevated);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-medium);box-shadow:var(--glass-shadow-lg)}:root.light-theme{--bar: #f8fafc;--bar2: #f1f5f9;--barStroke: #e2e8f0;--pillStroke: #cbd5e1;--pillStroke2: #94a3b8;--txt: #1e293b;--muted: #475569;--blue: #3b82f6;--blue2: #2563eb;--green: #22c55e;--green2: #16a34a;--navShadow: 0 4px 20px rgba(0, 0, 0, .08);--aqb-surface-1: #ffffff;--aqb-surface-2: #f8fafc;--aqb-surface-3: #f1f5f9;--aqb-surface-4: #e2e8f0;--aqb-surface-5: #cbd5e1;--aqb-bg-dark: #f8fafc;--aqb-bg-darker: #f1f5f9;--aqb-bg-panel: #ffffff;--aqb-bg-panel-secondary: #f8fafc;--aqb-bg-panel-tertiary: #f1f5f9;--aqb-bg-elevated: #ffffff;--aqb-bg-canvas: #ffffff;--aqb-bg-hover: rgba(0, 0, 0, .04);--aqb-bg-active: rgba(0, 0, 0, .06);--aqb-text-primary: #1e293b;--aqb-text-secondary: #475569;--aqb-text-tertiary: #64748b;--aqb-text-muted: #94a3b8;--aqb-text-disabled: #cbd5e1;--aqb-border: rgba(0, 0, 0, .08);--aqb-border-light: rgba(0, 0, 0, .12);--aqb-border-hover: rgba(0, 0, 0, .15);--aqb-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--aqb-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--aqb-shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--aqb-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--aqb-shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--aqb-glass-bg: rgba(255, 255, 255, .85);--aqb-glass-border: rgba(0, 0, 0, .08);--aqb-glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--aqb-input-bg: rgba(0, 0, 0, .03);--aqb-input-bg-hover: rgba(0, 0, 0, .05);--aqb-input-bg-focus: rgba(0, 0, 0, .06);--aqb-input-border: rgba(0, 0, 0, .1);--aqb-input-border-hover: rgba(0, 0, 0, .15)}.aqb-editor{font-family:var(--aqb-font-family);font-size:var(--aqb-text-base);line-height:var(--aqb-leading-normal);color:var(--aqb-text-primary);background:var(--aqb-bg-dark);display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.aqb-editor *{box-sizing:border-box}.aqb-editor *::selection{background:var(--aqb-primary-light);color:var(--aqb-text-primary)}.aqb-editor *:focus{outline:none}.aqb-editor *:focus-visible{outline:2px solid var(--aqb-primary);outline-offset:2px}.aqb-editor button:focus-visible,.aqb-editor [role=button]:focus-visible,.aqb-editor [role=tab]:focus-visible,.aqb-editor [role=menuitem]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--aqb-bg-dark),0 0 0 4px var(--aqb-primary)}.aqb-editor input:focus-visible,.aqb-editor textarea:focus-visible,.aqb-editor select:focus-visible{outline:none;border-color:var(--aqb-primary);box-shadow:0 0 0 3px var(--aqb-primary-light)}.aqb-editor ::-webkit-scrollbar{width:8px;height:8px}.aqb-editor ::-webkit-scrollbar-track{background:transparent;border-radius:var(--aqb-radius-full)}.aqb-editor ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--aqb-radius-full);border:2px solid transparent;background-clip:padding-box;transition:background var(--aqb-transition-fast)}.aqb-editor ::-webkit-scrollbar-thumb:hover{background:#ffffff2e;background-clip:padding-box}.aqb-editor ::-webkit-scrollbar-thumb:active{background:#ffffff40;background-clip:padding-box}.aqb-editor ::-webkit-scrollbar-corner{background:transparent}.aqb-editor *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.aqb-layout{display:flex;flex:1;overflow:hidden}.aqb-sidebar{background:var(--aqb-bg-panel);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.aqb-sidebar-left{width:260px;min-width:260px;max-width:260px;border-right:1px solid var(--aqb-border)}.aqb-sidebar-right{width:300px;min-width:300px;max-width:300px;border-left:1px solid var(--aqb-border)}.aqb-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.aqb-toolbar{height:48px;background:var(--aqb-bg-panel);border-bottom:1px solid var(--aqb-border);display:flex;align-items:center;padding:0 16px;gap:8px}.aqb-toolbar-group{display:flex;align-items:center;gap:4px}.aqb-toolbar-divider{width:1px;height:24px;background:var(--aqb-border);margin:0 8px}.aqb-canvas{flex:1;background:#f1f5f9;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:20px 20px;display:flex;align-items:center;justify-content:center;overflow:auto;padding:32px}.aqb-viewport{background:var(--aqb-bg-canvas);box-shadow:0 0 0 1px #0000001a,0 4px 6px #0000001a,0 20px 40px #0000004d;border-radius:var(--aqb-radius-lg);overflow:hidden;transition:width var(--aqb-transition-normal),height var(--aqb-transition-normal)}.aqb-viewport-frame{width:100%;height:100%;border:none}.aqb-viewport[data-device=desktop]{width:100%;height:100%}.aqb-viewport[data-device=tablet]{width:768px;height:1024px}.aqb-viewport[data-device=mobile]{width:375px;height:812px}.aqb-panel{background:var(--aqb-bg-panel);border-radius:var(--aqb-radius-lg);overflow:hidden;border:1px solid var(--aqb-border);box-shadow:var(--aqb-shadow-sm)}.aqb-panel-header{height:44px;padding:0 var(--aqb-space-4);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,var(--aqb-bg-panel-secondary),var(--aqb-bg-panel));border-bottom:1px solid var(--aqb-border);font-weight:var(--aqb-font-semibold);font-size:var(--aqb-text-sm);text-transform:uppercase;letter-spacing:var(--aqb-tracking-wider);color:var(--aqb-text-secondary)}.aqb-panel-header-title{display:flex;align-items:center;gap:var(--aqb-space-2)}.aqb-panel-header-icon{color:var(--aqb-text-muted);opacity:.7}.aqb-panel-header-actions{display:flex;align-items:center;gap:var(--aqb-space-1)}.aqb-panel-content{padding:var(--aqb-space-4);overflow-y:auto}.aqb-panel-footer{padding:var(--aqb-space-3) var(--aqb-space-4);background:var(--aqb-bg-panel-secondary);border-top:1px solid var(--aqb-border)}.aqb-panel-flush .aqb-panel-content{padding:0}.aqb-panel-compact .aqb-panel-header{height:36px;padding:0 var(--aqb-space-3)}.aqb-panel-compact .aqb-panel-content{padding:var(--aqb-space-3)}.aqb-left-panel-shell{background:var(--aqb-bg-panel);border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.aqb-left-header{padding:16px 18px 8px;font-weight:700;font-size:14px;color:#f5f7ff;letter-spacing:.4px}.aqb-left-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 12px 12px}.aqb-left-tab{background:transparent;border:1px solid transparent;color:var(--aqb-text-muted);font-weight:600;font-size:12px;padding:8px;border-radius:8px;cursor:pointer;transition:all .15s ease}.aqb-left-tab:hover{background:#ffffff0a;color:var(--aqb-text-secondary)}.aqb-left-tab.is-active{background:var(--aqb-primary-light);color:var(--aqb-primary);border-color:#3b82f64d}.aqb-left-panel-content{height:calc(100% - 92px);overflow:hidden}.aqb-left-search{position:relative;padding:0 var(--aqb-space-3) var(--aqb-space-3)}.aqb-left-search-input{width:100%;padding:10px 40px 10px 14px;background:var(--aqb-input-bg);border:1px solid var(--aqb-input-border);border-radius:var(--aqb-radius-md);color:var(--aqb-text-primary);font-size:var(--aqb-text-base);font-family:var(--aqb-font-family);outline:none;transition:border-color var(--aqb-transition-fast),box-shadow var(--aqb-transition-fast),background var(--aqb-transition-fast)}.aqb-left-search-input::placeholder{color:var(--aqb-text-muted)}.aqb-left-search-input:hover:not(:focus){border-color:var(--aqb-input-border-hover);background:var(--aqb-input-bg-hover)}.aqb-left-search-input:focus{border-color:var(--aqb-input-border-focus);box-shadow:var(--aqb-input-ring);background:var(--aqb-input-bg-focus)}.aqb-left-search-icon{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--aqb-text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center;transition:color var(--aqb-transition-fast)}.aqb-left-search:focus-within .aqb-left-search-icon{color:var(--aqb-text-secondary)}.aqb-blocks-panel{display:flex;flex-direction:column;height:100%}.aqb-blocks-scroll{flex:1;overflow-y:auto;padding:0 12px 14px}.aqb-blocks-category-wrap{margin-bottom:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden}.aqb-blocks-category{width:100%;background:#ffffff08;border:none;color:#e5ebff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--aqb-transition-fast)}.aqb-blocks-category:hover{background:#6dc4ff0f}.aqb-blocks-category-title{text-transform:capitalize}.aqb-blocks-category-meta{display:inline-flex;align-items:center;gap:10px}.aqb-blocks-count{min-width:22px;height:22px;border-radius:999px;background:#ffffff14;color:#c9d6ff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.aqb-blocks-chevron{font-size:12px;color:#8aa1d5;transition:transform var(--aqb-transition-fast)}.aqb-blocks-chevron.is-open{transform:rotate(180deg)}.aqb-blocks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;background:#ffffff03}.aqb-block-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;text-align:left;cursor:grab;transition:all .2s ease;color:var(--aqb-text-secondary);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px}.aqb-block-card:hover{border-color:var(--aqb-info);background:#3b82f614}.aqb-block-card:active{transform:translateY(0);cursor:grabbing}.aqb-block-icon{font-size:22px;margin-bottom:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.aqb-block-svg{width:28px;height:28px;object-fit:contain;opacity:.9}.aqb-block-label{font-size:12px;color:#9fb6ff;font-weight:600;letter-spacing:.2px}.aqb-blocks-empty{text-align:center;padding:36px 12px 42px;color:#6c7aa6}.aqb-layer-root-select{margin:0 12px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;color:#e5ebff;font-weight:600;font-size:13px;box-shadow:inset 0 1px #ffffff0a}.aqb-layer-root-chevron{color:#8aa1d5;font-size:12px}.aqb-layer-tree-card{margin:0 12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:10px;box-shadow:inset 0 1px #ffffff08}.aqb-page-manager-shell{display:flex;flex-direction:column;gap:8px;padding:0 12px 14px}.aqb-pages-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.aqb-pages-count{font-size:12px;font-weight:700;letter-spacing:.3px;color:#9fb6ff}.aqb-pages-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.aqb-pages-empty{text-align:center;color:#6c7aa6;padding:28px 12px;border:1px dashed rgba(255,255,255,.08);border-radius:12px}.aqb-pages-empty-icon{font-size:28px;margin-bottom:6px}.aqb-pages-empty-text{font-size:13px;color:#e5ebff}.aqb-pages-empty-subtext{font-size:12px;color:#7f8db2;margin-top:4px}.aqb-page-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:6px;cursor:pointer;transition:all var(--aqb-transition-fast);box-shadow:inset 0 1px #ffffff08}.aqb-page-card:hover{border-color:#6dc4ff;box-shadow:0 12px 30px #6dc4ff1f}.aqb-page-card.is-active{border-color:#4fd1a1;box-shadow:0 12px 30px #4fd1a12e}.aqb-page-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#e5ebff}.aqb-page-name{font-size:14px}.aqb-page-home{font-size:12px;padding:3px 8px;border-radius:999px;background:#4fd1a129;color:#9bf0d1;border:1px solid rgba(79,209,161,.35);text-transform:capitalize}.aqb-page-slug{grid-column:1 / span 1;font-size:12px;color:#7f8db2}.aqb-page-actions{grid-row:1 / span 2;grid-column:2 / span 1;display:inline-flex;align-items:center;gap:8px}.aqb-page-action-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#cfd8ff;border-radius:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all var(--aqb-transition-fast)}.aqb-page-action-btn:hover{border-color:var(--aqb-info);background:#3b82f614}.aqb-page-action-btn.is-danger{color:#f38ba8}.pPanel{padding:10px 12px 14px}.pSearchRow{display:flex;align-items:center;gap:10px;padding:10px;background:#00000038;border:1px solid var(--aqb-border);border-radius:14px;margin-bottom:12px}.pSearchRow input{width:100%;border:none;outline:none;background:transparent;color:var(--aqb-text-primary);font-size:13px}.pSearchRow input::placeholder{color:var(--aqb-text-muted)}.pSearchIcon{margin-left:auto;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--aqb-border);background:#ffffff08;color:var(--aqb-text-muted);flex:0 0 auto;font-size:13px}.pMetaRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px 10px;color:var(--aqb-text-muted);font-size:12px;margin-bottom:8px}.pNewBtn{height:34px;padding:0 14px;border-radius:8px;border:1px solid rgba(59,130,246,.3);background:#3b82f626;color:var(--aqb-text-primary);font-size:12px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:.15s ease;display:flex;align-items:center;gap:8px}.pNewBtn:hover{background:#3b82f640;border-color:var(--aqb-info)}.pListShell{border:1px solid var(--aqb-border);border-radius:16px;background:#ffffff04;padding:10px;display:flex;flex-direction:column;gap:10px}.pCard{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;border:1px solid var(--aqb-border);background:#ffffff05;cursor:pointer;transition:all .15s ease}.pCard:hover{border-color:var(--aqb-info);background:#3b82f60d}.pCard.isActive{border-color:var(--aqb-info);background:#3b82f614}.pName{font-size:14px;font-weight:600;color:var(--aqb-text-primary)}.pActions{display:inline-flex;align-items:center;gap:6px}.pIconBtn{width:32px;height:32px;border-radius:10px;border:1px solid var(--aqb-border);background:#ffffff08;color:var(--aqb-text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .15s ease}.pIconBtn:hover{border-color:#6dc4ff80;color:var(--aqb-text-primary);box-shadow:0 6px 16px #6dc4ff1f}.pIconBtnDanger{color:#f38ba8}.pIconBtnDanger:hover{border-color:#f38ba880;box-shadow:0 6px 16px #f38ba81f}.pEmptyState{text-align:center;color:var(--aqb-text-muted);padding:28px 12px}.pEmptyIcon{font-size:28px;margin-bottom:6px}.pEmptyText{font-size:13px;color:var(--aqb-text-primary)}.pEmptySubtext{font-size:12px;color:var(--aqb-text-muted);margin-top:4px}.navWrap{width:100%;height:76px;padding:10px 12px;background:transparent;flex-shrink:0}.navBar{height:100%;width:100%;background:linear-gradient(180deg,var(--bar),var(--bar2));border:1px solid var(--barStroke);border-radius:14px;box-shadow:var(--navShadow);display:flex;align-items:center;padding:10px 12px;gap:10px}.navBar .left,.navBar .center,.navBar .right{display:flex;align-items:center;gap:10px;min-width:0}.navBar .left{flex:1 1 auto;overflow:hidden}.navBar .center{flex:0 0 auto}.navBar .right{flex:0 0 auto;margin-left:auto}.pill{height:34px;border-radius:10px;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--pillStroke);color:var(--muted);display:inline-flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:700;letter-spacing:.1px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;box-shadow:0 10px 18px #0000002e inset;transition:.14s ease}.pill:hover{border-color:var(--pillStroke2);color:var(--txt);transform:translateY(-1px);background:linear-gradient(180deg,#ffffff0d,#ffffff04)}.pill:disabled{cursor:not-allowed}.pillPrimary{background:var(--aqb-primary);color:#fff;border:none;font-weight:600;box-shadow:0 4px 12px #6366f159}.pillPrimary:hover{background:var(--aqb-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f173}.pillPrimary:active{background:var(--aqb-primary-active);transform:translateY(0)}.ico{width:16px;height:16px;display:grid;place-items:center;color:#ebf5ffe6;opacity:.95;flex:0 0 auto}.ico svg{width:16px;height:16px;display:block}.navbar-icon{width:16px;height:16px;display:block;object-fit:contain}.navbar-icon-white{filter:brightness(0) invert(1)}.brand{height:34px;border-radius:10px;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--pillStroke);display:flex;align-items:center;gap:10px;padding:0 12px 0 10px;box-shadow:0 10px 18px #0000002e inset;white-space:nowrap;flex:0 0 auto}.brandMark{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:#4b8dff1f;border:1px solid rgba(75,141,255,.35)}.brandMark svg{width:14px;height:14px}.brandName{font-size:12.4px;font-weight:800;color:var(--txt);letter-spacing:.15px}.pillIconOnly{width:40px;padding:0;justify-content:center}.pillActive{border-color:var(--blue);background:#4b8dff26;color:var(--txt)}.zoom{height:34px;border-radius:10px;border:1px solid var(--pillStroke);background:linear-gradient(180deg,#ffffff08,#ffffff03);display:flex;align-items:center;gap:10px;padding:0 10px;box-shadow:0 10px 18px #0000002e inset;color:var(--txt);font-weight:800;font-size:12px;white-space:nowrap}.zoomBtn{width:26px;height:26px;border-radius:8px;border:1px solid var(--pillStroke);background:#0000002e;color:var(--txt);display:grid;place-items:center;cursor:pointer;transition:.14s ease;font-size:14px}.zoomBtn:hover{border-color:var(--pillStroke2);background:#4b8dff1a}.zoomPct{min-width:46px;text-align:center;opacity:.95}.pillBlue{background:linear-gradient(180deg,var(--blue),var(--blue2));border-color:#b4d2ff59;color:#fff;box-shadow:none}.pillBlue:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--blue),var(--blue2))}.pillGreen{background:linear-gradient(180deg,var(--green),var(--green2));border-color:#aaffd259;color:#fff;box-shadow:none}.pillGreen:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--green),var(--green2))}.pillExport{background:linear-gradient(135deg,var(--aqb-primary, #6366f1),var(--aqb-secondary, #8b5cf6));border-color:#8b5cf666;color:#fff;box-shadow:none;transition:all .2s ease;position:relative}.pillExport:hover{transform:translateY(-1px);box-shadow:0 0 20px 4px #8b5cf666}.pillExport:active{transform:translateY(1px);box-shadow:0 0 10px 2px #8b5cf64d}.pillPublish{background:var(--aqb-gradient-publish);border-color:#8b5cf666;color:#fff;font-weight:600;box-shadow:var(--aqb-glow-publish);transition:all .2s ease;position:relative;overflow:hidden}.pillPublish:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.pillPublish:hover:before{transform:translate(100%)}.pillPublish:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.pillPublish:active{transform:translateY(1px);box-shadow:0 2px 10px #3b82f64d}.pillPublish:active:before{transform:translate(-100%)}.topbar-toggles{display:flex;align-items:center;gap:4px;padding:0 4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leftRow{display:flex;align-items:center;gap:10px;overflow:hidden;min-width:0}.leftRowScrollable{display:flex;align-items:center;gap:10px;min-width:0;overflow:auto hidden;padding-bottom:2px}.leftRowScrollable::-webkit-scrollbar{height:6px}.leftRowScrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.navDivider{width:1px;height:20px;background:#ffffff1a;margin:0 4px;flex-shrink:0}@media(max-width:860px){.navBar .center{display:none}}.aqb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--aqb-space-2);padding:9px 16px;font-family:var(--aqb-font-family);font-size:var(--aqb-text-base);font-weight:var(--aqb-font-medium);line-height:var(--aqb-leading-tight);border:1px solid transparent;border-radius:var(--aqb-radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all var(--aqb-transition-normal);position:relative;overflow:hidden}.aqb-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.aqb-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--aqb-bg-dark),0 0 0 4px var(--aqb-primary)}.aqb-btn-primary{background:var(--aqb-primary);color:#fff;border-color:var(--aqb-primary);box-shadow:var(--aqb-shadow-sm),inset 0 1px #ffffff26}.aqb-btn-primary:hover:not(:disabled){background:var(--aqb-primary-hover);border-color:var(--aqb-primary-hover);transform:translateY(-1px);box-shadow:var(--aqb-shadow-md),inset 0 1px #ffffff26}.aqb-btn-primary:active:not(:disabled){background:var(--aqb-primary-active);transform:translateY(0);box-shadow:var(--aqb-shadow-xs)}.aqb-btn-secondary{background:var(--aqb-bg-panel-secondary);color:var(--aqb-text-primary);border-color:var(--aqb-border);box-shadow:var(--aqb-shadow-xs)}.aqb-btn-secondary:hover:not(:disabled){background:var(--aqb-bg-panel-tertiary);border-color:var(--aqb-border-hover);transform:translateY(-1px)}.aqb-btn-secondary:active:not(:disabled){background:var(--aqb-bg-active);transform:translateY(0)}.aqb-btn-ghost{background:transparent;color:var(--aqb-text-secondary);border-color:transparent}.aqb-btn-ghost:hover:not(:disabled){background:var(--aqb-bg-hover);color:var(--aqb-text-primary)}.aqb-btn-ghost:active:not(:disabled){background:var(--aqb-bg-active)}.aqb-btn-outline{background:transparent;color:var(--aqb-primary);border-color:var(--aqb-primary)}.aqb-btn-outline:hover:not(:disabled){background:var(--aqb-primary-light)}.aqb-btn-outline:active:not(:disabled){background:var(--aqb-primary-muted)}.aqb-btn-danger{background:var(--aqb-error);color:#fff;border-color:var(--aqb-error);box-shadow:var(--aqb-shadow-sm)}.aqb-btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:var(--aqb-shadow-md)}.aqb-btn-danger:active:not(:disabled){background:#b91c1c;transform:translateY(0)}.aqb-btn-success{background:var(--aqb-success);color:#fff;border-color:var(--aqb-success);box-shadow:var(--aqb-shadow-sm)}.aqb-btn-success:hover:not(:disabled){background:#16a34a;border-color:#16a34a;transform:translateY(-1px)}.aqb-btn-xs{padding:4px 8px;font-size:var(--aqb-text-xs);gap:var(--aqb-space-1);border-radius:var(--aqb-radius-sm)}.aqb-btn-sm{padding:6px 12px;font-size:var(--aqb-text-sm);gap:var(--aqb-space-1)}.aqb-btn-lg{padding:12px 24px;font-size:var(--aqb-text-lg);gap:var(--aqb-space-3);border-radius:var(--aqb-radius-lg)}.aqb-btn-xl{padding:16px 32px;font-size:var(--aqb-text-xl);gap:var(--aqb-space-3);border-radius:var(--aqb-radius-lg)}.aqb-btn-icon{width:36px;height:36px;padding:0}.aqb-btn-icon.aqb-btn-xs{width:24px;height:24px}.aqb-btn-icon.aqb-btn-sm{width:32px;height:32px}.aqb-btn-icon.aqb-btn-lg{width:44px;height:44px}.aqb-btn-loading{pointer-events:none;position:relative;color:transparent!important}.aqb-btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:aqb-spin .6s linear infinite}.aqb-input{width:100%;padding:10px 12px;font-family:var(--aqb-font-family);font-size:var(--aqb-text-base);font-weight:var(--aqb-font-normal);line-height:var(--aqb-leading-normal);color:var(--aqb-text-primary);background:var(--aqb-input-bg);border:1px solid var(--aqb-input-border);border-radius:var(--aqb-radius-md);outline:none;transition:border-color var(--aqb-transition-fast),background var(--aqb-transition-fast),box-shadow var(--aqb-transition-fast)}.aqb-input:hover:not(:disabled):not(:focus){border-color:var(--aqb-input-border-hover);background:var(--aqb-input-bg-hover)}.aqb-input:focus{border-color:var(--aqb-input-border-focus);background:var(--aqb-input-bg-focus);box-shadow:var(--aqb-input-ring)}.aqb-input::placeholder{color:var(--aqb-text-muted);opacity:1}.aqb-input:disabled{opacity:.5;cursor:not-allowed;background:var(--aqb-bg-panel)}.aqb-input-error,.aqb-input.has-error{border-color:var(--aqb-error)}.aqb-input-error:focus,.aqb-input.has-error:focus{border-color:var(--aqb-error);box-shadow:var(--aqb-input-ring-error)}.aqb-input-sm{padding:7px 10px;font-size:var(--aqb-text-sm);border-radius:var(--aqb-radius-sm)}.aqb-input-lg{padding:12px 16px;font-size:var(--aqb-text-md);border-radius:var(--aqb-radius-lg)}.aqb-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-right:40px;cursor:pointer}.aqb-select:hover:not(:disabled){border-color:var(--aqb-input-border-hover)}.aqb-select:focus{border-color:var(--aqb-input-border-focus);box-shadow:var(--aqb-input-ring)}.aqb-textarea{min-height:80px;resize:vertical}.aqb-input-group{display:flex;align-items:stretch}.aqb-input-group .aqb-input{border-radius:0}.aqb-input-group .aqb-input:first-child{border-radius:var(--aqb-radius-md) 0 0 var(--aqb-radius-md)}.aqb-input-group .aqb-input:last-child{border-radius:0 var(--aqb-radius-md) var(--aqb-radius-md) 0}.aqb-input-addon{display:flex;align-items:center;padding:0 12px;background:var(--aqb-bg-panel-secondary);border:1px solid var(--aqb-input-border);color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm)}.aqb-input-addon:first-child{border-right:none;border-radius:var(--aqb-radius-md) 0 0 var(--aqb-radius-md)}.aqb-input-addon:last-child{border-left:none;border-radius:0 var(--aqb-radius-md) var(--aqb-radius-md) 0}.aqb-field{display:flex;flex-direction:column;gap:var(--aqb-space-1)}.aqb-field-label{font-size:var(--aqb-text-sm);font-weight:var(--aqb-font-medium);color:var(--aqb-text-secondary);letter-spacing:var(--aqb-tracking-wide)}.aqb-field-hint{font-size:var(--aqb-text-xs);color:var(--aqb-text-muted)}.aqb-field-error{font-size:var(--aqb-text-xs);color:var(--aqb-error)}.aqb-input-wrapper{position:relative;display:flex;align-items:center}.aqb-input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--aqb-text-muted);pointer-events:none;z-index:1;transition:color var(--aqb-transition-fast)}.aqb-input-icon-left{left:12px}.aqb-input-icon-right{right:12px}.aqb-input-wrapper:focus-within .aqb-input-icon{color:var(--aqb-text-secondary)}.aqb-checkbox,.aqb-radio{display:inline-flex;align-items:center;gap:var(--aqb-space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.aqb-checkbox input,.aqb-radio input{appearance:none;width:18px;height:18px;border:1px solid var(--aqb-input-border);background:var(--aqb-input-bg);cursor:pointer;transition:all var(--aqb-transition-fast);flex-shrink:0}.aqb-checkbox input{border-radius:var(--aqb-radius-sm)}.aqb-radio input{border-radius:50%}.aqb-checkbox input:hover,.aqb-radio input:hover{border-color:var(--aqb-input-border-hover);background:var(--aqb-input-bg-hover)}.aqb-checkbox input:checked,.aqb-radio input:checked{background:var(--aqb-primary);border-color:var(--aqb-primary)}.aqb-checkbox input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.aqb-radio input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='4' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.aqb-checkbox input:focus-visible,.aqb-radio input:focus-visible{outline:none;box-shadow:var(--aqb-input-ring)}.aqb-checkbox-label,.aqb-radio-label{font-size:var(--aqb-text-base);color:var(--aqb-text-primary)}.aqb-switch{display:inline-flex;align-items:center;gap:var(--aqb-space-2);cursor:pointer}.aqb-switch-track{position:relative;width:40px;height:22px;background:var(--aqb-bg-panel-secondary);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-full);transition:all var(--aqb-transition-fast)}.aqb-switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:var(--aqb-shadow-sm);transition:transform var(--aqb-transition-fast)}.aqb-switch-input:checked+.aqb-switch-track{background:var(--aqb-primary);border-color:var(--aqb-primary)}.aqb-switch-input:checked+.aqb-switch-track .aqb-switch-thumb{transform:translate(18px)}.aqb-switch-input:focus-visible+.aqb-switch-track{box-shadow:var(--aqb-input-ring)}.aqb-switch-label{font-weight:var(--aqb-font-normal);-webkit-user-select:none;user-select:none}.aqb-color-field{display:flex;flex-direction:column;gap:var(--aqb-space-2)}.aqb-color-input-row{display:flex;gap:var(--aqb-space-2);align-items:center}.aqb-color-swatch-wrapper{position:relative;width:40px;height:40px;flex-shrink:0}.aqb-color-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.aqb-color-swatch{width:100%;height:100%;border-radius:var(--aqb-radius-md);border:1px solid var(--aqb-border);box-shadow:var(--aqb-shadow-inner);pointer-events:none}.aqb-color-swatch-wrapper:hover .aqb-color-swatch{border-color:var(--aqb-border-hover)}.aqb-color-swatch-wrapper:focus-within .aqb-color-swatch{border-color:var(--aqb-primary);box-shadow:var(--aqb-input-ring)}.aqb-color-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--aqb-space-1)}.aqb-color-preset{width:22px;height:22px;border-radius:var(--aqb-radius-sm);border:2px solid transparent;cursor:pointer;transition:all var(--aqb-transition-fast);box-shadow:inset 0 0 0 1px #0000001a}.aqb-color-preset:hover{transform:scale(1.1)}.aqb-color-preset.is-selected{border-color:var(--aqb-primary);box-shadow:0 0 0 2px var(--aqb-bg-dark),0 0 0 4px var(--aqb-primary)}.aqb-color-preset:disabled{opacity:.5;cursor:not-allowed}.aqb-slider-field{display:flex;flex-direction:column;gap:var(--aqb-space-2)}.aqb-slider-header{display:flex;justify-content:space-between;align-items:center}.aqb-slider-value{font-size:var(--aqb-text-sm);font-weight:var(--aqb-font-medium);color:var(--aqb-text-primary);font-family:var(--aqb-font-mono)}.aqb-slider{appearance:none;width:100%;height:6px;background:var(--aqb-bg-panel-secondary);border-radius:var(--aqb-radius-full);outline:none;cursor:pointer}.aqb-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--aqb-primary);border:3px solid white;box-shadow:var(--aqb-shadow-md);cursor:pointer;transition:transform var(--aqb-transition-fast)}.aqb-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.aqb-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--aqb-primary);border:3px solid white;box-shadow:var(--aqb-shadow-md);cursor:pointer}.aqb-slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--aqb-shadow-md),0 0 0 3px var(--aqb-primary-light)}.aqb-slider-marks{display:flex;justify-content:space-between;margin-top:var(--aqb-space-1)}.aqb-slider-mark{font-size:var(--aqb-text-xs);color:var(--aqb-text-muted);cursor:pointer;transition:color var(--aqb-transition-fast)}.aqb-slider-mark:hover{color:var(--aqb-text-secondary)}.aqb-number-row{display:flex;gap:var(--aqb-space-2)}.aqb-number-stepper{display:flex;flex:1;background:var(--aqb-input-bg);border:1px solid var(--aqb-input-border);border-radius:var(--aqb-radius-md);overflow:hidden;transition:border-color var(--aqb-transition-fast),box-shadow var(--aqb-transition-fast)}.aqb-number-stepper:focus-within{border-color:var(--aqb-input-border-focus);box-shadow:var(--aqb-input-ring)}.aqb-number-stepper.has-error{border-color:var(--aqb-error)}.aqb-number-stepper.has-error:focus-within{box-shadow:var(--aqb-input-ring-error)}.aqb-number-btn{display:flex;align-items:center;justify-content:center;width:32px;background:transparent;border:none;color:var(--aqb-text-tertiary);cursor:pointer;transition:all var(--aqb-transition-fast);flex-shrink:0}.aqb-number-btn:hover:not(:disabled){background:var(--aqb-bg-hover);color:var(--aqb-text-secondary)}.aqb-number-btn:active:not(:disabled){background:var(--aqb-bg-active)}.aqb-number-btn:disabled{opacity:.3;cursor:not-allowed}.aqb-number-btn-dec{border-right:1px solid var(--aqb-border)}.aqb-number-btn-inc{border-left:1px solid var(--aqb-border)}.aqb-number-input{flex:1;min-width:40px;padding:8px 4px;background:transparent;border:none;color:var(--aqb-text-primary);font-size:var(--aqb-text-base);font-family:var(--aqb-font-mono);text-align:center;outline:none}.aqb-number-input:disabled{opacity:.5;cursor:not-allowed}.aqb-number-unit{width:auto;min-width:60px;padding-right:28px}.aqb-btn-group{display:inline-flex;border-radius:var(--aqb-radius-md);overflow:hidden;border:1px solid var(--aqb-border)}.aqb-btn-group-full{display:flex;width:100%}.aqb-btn-group-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:var(--aqb-space-1);padding:8px 14px;background:var(--aqb-bg-panel-secondary);border:none;border-left:1px solid var(--aqb-border);color:var(--aqb-text-secondary);font-size:var(--aqb-text-sm);font-weight:var(--aqb-font-medium);cursor:pointer;transition:all var(--aqb-transition-fast)}.aqb-btn-group-full .aqb-btn-group-item{flex:1}.aqb-btn-group-item:first-child{border-left:none}.aqb-btn-group-item:hover:not(:disabled){background:var(--aqb-bg-hover);color:var(--aqb-text-primary)}.aqb-btn-group-item.is-selected{background:var(--aqb-primary);color:#fff;border-color:var(--aqb-primary)}.aqb-btn-group-item.is-selected+.aqb-btn-group-item{border-left-color:var(--aqb-primary)}.aqb-btn-group-item:disabled{opacity:.4;cursor:not-allowed}.aqb-btn-group-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--aqb-primary);z-index:1}.aqb-btn-group-icon{display:flex;align-items:center;justify-content:center}.aqb-btn-group-sm .aqb-btn-group-item{padding:5px 10px;font-size:var(--aqb-text-xs)}.aqb-btn-group-lg .aqb-btn-group-item{padding:10px 18px;font-size:var(--aqb-text-base)}.aqb-blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.aqb-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px;background:var(--aqb-bg-panel-secondary);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md);cursor:grab;transition:all var(--aqb-transition-fast)}.aqb-block:hover{border-color:var(--aqb-primary);background:var(--aqb-primary-light)}.aqb-block:active{cursor:grabbing}.aqb-block-icon{width:32px;height:32px;color:var(--aqb-text-secondary)}.aqb-block-label{font-size:12px;color:var(--aqb-text-secondary);text-align:center}.aqb-layers-panel{background:var(--aqb-bg-panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--aqb-radius-md);overflow:hidden}.aqb-layers-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.aqb-layers-title{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#cdd6f4}.aqb-layers-heading{color:#cdd6f4}.aqb-layers-count{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--aqb-text-secondary);letter-spacing:.4px}.aqb-layers-tree{display:flex;flex-direction:column;gap:4px;padding:10px 8px 12px;overflow-y:auto}.aqb-layer-node{position:relative}.aqb-layer-droppable{border-radius:var(--aqb-radius-sm)}.aqb-layer-row{--layer-depth: 0;display:flex;align-items:center;gap:8px;padding:8px 10px;padding-left:calc(10px + var(--layer-depth) * 14px);border-radius:6px;color:var(--aqb-text-secondary);background:transparent;border:1px solid transparent;transition:all .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.aqb-layer-row:hover{background:#ffffff0a}.aqb-layer-row.is-selected{background:#3b82f61a;border-color:#3b82f640;color:var(--aqb-text-primary)}.aqb-layer-row:focus-visible{outline:2px solid var(--aqb-primary);outline-offset:2px}.aqb-layer-indent{position:absolute;inset:0;pointer-events:none}.aqb-layer-toggle,.aqb-layer-bullet{width:20px;height:20px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--aqb-text-muted);font-size:12px;line-height:1;transition:all var(--aqb-transition-fast)}.aqb-layer-toggle{cursor:pointer}.aqb-layer-bullet{cursor:default;opacity:.7}.aqb-layer-toggle:hover{border-color:var(--layer-accent);color:var(--aqb-text-primary)}.aqb-layer-toggle.is-open{color:var(--aqb-text-primary);border-color:var(--layer-accent);transform:rotate(90deg)}.aqb-layer-icon{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:#ffffff0d;color:var(--aqb-text-muted);flex-shrink:0}.aqb-layer-meta{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.aqb-layer-name{font-size:13px;font-weight:600;color:var(--aqb-text-primary);text-transform:lowercase}.aqb-layer-id{margin-left:auto;font-family:var(--aqb-font-mono);font-size:12px;color:var(--aqb-text-muted);padding:4px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:7px;letter-spacing:.5px}.aqb-layer-children{margin-top:2px}.aqb-layer-empty{padding:36px 12px 42px;text-align:center;color:var(--aqb-text-muted);background:#ffffff05;border:1px dashed var(--aqb-border);border-radius:var(--aqb-radius-md)}.aqb-layer-empty-icon{font-size:32px;margin-bottom:10px}.aqb-layer-empty-text{font-size:14px;color:var(--aqb-text-primary)}.aqb-layer-empty-subtext{font-size:12px;color:var(--aqb-text-muted);margin-top:4px}.aqb-layers{padding:8px}.aqb-layer{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--aqb-radius-sm);cursor:pointer}.aqb-layer:hover{background:var(--aqb-bg-panel-secondary)}.aqb-style-section{margin-bottom:16px}.aqb-style-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--aqb-text-muted);margin-bottom:8px}.aqb-style-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.aqb-style-label{width:80px;font-size:12px;color:var(--aqb-text-secondary)}.aqb-style-input{flex:1}.aqb-hidden{display:none!important}.aqb-flex{display:flex}.aqb-flex-1{flex:1}.aqb-items-center{align-items:center}.aqb-justify-between{justify-content:space-between}.aqb-gap-2{gap:8px}.aqb-gap-4{gap:16px}.aqb-p-2{padding:8px}.aqb-p-4{padding:16px}.aqb-text-sm{font-size:12px}.aqb-text-muted{color:var(--aqb-text-muted)}@keyframes aqb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes aqb-modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes aqb-toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes aqb-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes aqb-tooltip-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes aqb-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes aqb-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes aqb-float-in{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes aqb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aqb-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes aqb-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes aqb-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes aqb-skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.aqb-glass{background:var(--aqb-glass-bg);backdrop-filter:var(--aqb-glass-blur);-webkit-backdrop-filter:var(--aqb-glass-blur);border:1px solid var(--aqb-glass-border);box-shadow:var(--aqb-glass-shadow)}.aqb-glass:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:var(--aqb-shadow-xl)}.aqb-btn-glass{background:var(--aqb-glass-bg);backdrop-filter:var(--aqb-glass-blur);-webkit-backdrop-filter:var(--aqb-glass-blur);border:1px solid var(--aqb-glass-border);box-shadow:var(--aqb-glass-shadow);color:var(--aqb-text-primary);transition:all var(--aqb-transition-normal)}.aqb-btn-glass:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px);box-shadow:var(--aqb-shadow-xl)}.aqb-card-glass{background:var(--aqb-glass-bg);backdrop-filter:var(--aqb-glass-blur);-webkit-backdrop-filter:var(--aqb-glass-blur);border:1px solid var(--aqb-glass-border);box-shadow:var(--aqb-glass-shadow)}.aqb-input-glass{background:var(--aqb-glass-bg);backdrop-filter:var(--aqb-glass-blur);-webkit-backdrop-filter:var(--aqb-glass-blur);border:1px solid var(--aqb-glass-border);color:var(--aqb-text-primary)}.aqb-input-glass:focus{background:#ffffff14;border-color:var(--aqb-primary);box-shadow:0 0 0 2px var(--aqb-primary-light)}.aqb-input-floating{position:relative}.aqb-input-floating input{padding-top:20px;padding-bottom:8px}.aqb-input-floating label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--aqb-text-muted);font-size:14px;pointer-events:none;transition:all var(--aqb-transition-fast)}.aqb-input-floating input:focus+label,.aqb-input-floating input:not(:placeholder-shown)+label{top:8px;font-size:12px;color:var(--aqb-primary);transform:translateY(0)}.aqb-input:focus,.aqb-select:focus,.aqb-textarea:focus{border-color:var(--aqb-primary);box-shadow:0 0 0 2px var(--aqb-primary-light)}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--aqb-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0003}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--aqb-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0003}input[type=color]{cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border-radius:4px;border:none}[data-aqb-id].aqb-selected,[data-aqb-id]:focus{outline:2px solid var(--aqb-primary)!important;outline-offset:2px;box-shadow:0 0 0 4px var(--aqb-primary-light)!important;position:relative}[data-aqb-id]:hover:not(.aqb-selected){outline:1px dashed var(--aqb-info)!important;outline-offset:1px;cursor:pointer}.aqb-dragging,.aqb-dragging *{cursor:grabbing!important}.aqb-drop-zone{position:relative}.aqb-drop-zone.aqb-drop-active{background:var(--aqb-primary-light)!important;outline:2px dashed var(--aqb-primary)!important;outline-offset:-2px}.aqb-drop-indicator{position:absolute;background:var(--aqb-primary);z-index:1000;pointer-events:none;animation:aqb-pulse 1s ease infinite}.aqb-drop-indicator-top{top:0;left:0;right:0;height:3px;border-radius:2px}.aqb-drop-indicator-bottom{bottom:0;left:0;right:0;height:3px;border-radius:2px}.aqb-drop-indicator-inside{inset:4px;background:transparent;border:2px dashed var(--aqb-primary);border-radius:8px}.aqb-btn:disabled,.aqb-action-disabled{opacity:.4;cursor:not-allowed!important;pointer-events:none}.aqb-success-flash{animation:aqb-success-flash .5s ease}@keyframes aqb-success-flash{0%,to{background-color:inherit}50%{background-color:var(--aqb-success)}}.aqb-error-shake{animation:aqb-error-shake .4s ease}@keyframes aqb-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.aqb-btn-undo:disabled,.aqb-btn-redo:disabled{opacity:.3}.aqb-btn-undo:not(:disabled),.aqb-btn-redo:not(:disabled){position:relative}.aqb-btn-undo:not(:disabled):after,.aqb-btn-redo:not(:disabled):after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--aqb-success);border-radius:50%}.aqb-clipboard-indicator{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--aqb-bg-panel);border:1px solid var(--aqb-border);padding:8px 16px;border-radius:20px;font-size:12px;color:var(--aqb-text-secondary);display:flex;align-items:center;gap:8px;z-index:1000;animation:aqb-slide-up .3s ease}.aqb-clipboard-indicator-icon{color:var(--aqb-success)}.aqb-processing{position:relative;pointer-events:none}.aqb-processing:after{content:"";position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:inherit}.aqb-shortcut-hint{display:inline-flex;align-items:center;gap:2px;margin-left:8px;opacity:.6}.aqb-shortcut-key{background:var(--aqb-bg-dark);border:1px solid var(--aqb-border);padding:1px 5px;border-radius:3px;font-size:12px;font-family:var(--aqb-font-mono)}.aqb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--aqb-space-12) var(--aqb-space-6);text-align:center;color:var(--aqb-text-muted);background:linear-gradient(180deg,var(--aqb-bg-hover),transparent);border:1px dashed var(--aqb-border);border-radius:var(--aqb-radius-lg);margin:var(--aqb-space-4)}.aqb-empty-state-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--aqb-space-4);background:var(--aqb-bg-panel-secondary);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-xl);color:var(--aqb-text-muted)}.aqb-empty-state-icon svg{width:24px;height:24px;opacity:.6}.aqb-empty-state-title{font-size:var(--aqb-text-md);font-weight:var(--aqb-font-semibold);color:var(--aqb-text-primary);margin-bottom:var(--aqb-space-2);letter-spacing:var(--aqb-tracking-tight)}.aqb-empty-state-desc{font-size:var(--aqb-text-base);color:var(--aqb-text-tertiary);max-width:280px;line-height:var(--aqb-leading-relaxed);margin-bottom:var(--aqb-space-4)}.aqb-empty-state-action{margin-top:var(--aqb-space-4)}.aqb-empty-state-compact{padding:var(--aqb-space-6) var(--aqb-space-4)}.aqb-empty-state-compact .aqb-empty-state-icon{width:40px;height:40px;margin-bottom:var(--aqb-space-3)}.aqb-empty-state-compact .aqb-empty-state-icon svg{width:18px;height:18px}.aqb-help-btn{width:20px;height:20px;border-radius:50%;background:var(--aqb-bg-panel-secondary);border:1px solid var(--aqb-border);color:var(--aqb-text-muted);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--aqb-transition-fast)}.aqb-help-btn:hover{background:var(--aqb-info);color:#fff;border-color:var(--aqb-info)}.aqb-resize-handle{position:absolute;width:10px;height:10px;background:var(--aqb-primary);border:2px solid white;border-radius:2px;z-index:100}.aqb-resize-handle-nw{top:-5px;left:-5px;cursor:nw-resize}.aqb-resize-handle-ne{top:-5px;right:-5px;cursor:ne-resize}.aqb-resize-handle-sw{bottom:-5px;left:-5px;cursor:sw-resize}.aqb-resize-handle-se{bottom:-5px;right:-5px;cursor:se-resize}.aqb-resize-handle-n{top:-5px;left:50%;transform:translate(-50%);cursor:n-resize}.aqb-resize-handle-s{bottom:-5px;left:50%;transform:translate(-50%);cursor:s-resize}.aqb-resize-handle-e{right:-5px;top:50%;transform:translateY(-50%);cursor:e-resize}.aqb-resize-handle-w{left:-5px;top:50%;transform:translateY(-50%);cursor:w-resize}.aqb-quick-actions{position:absolute;top:-40px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:var(--aqb-bg-panel);border:1px solid var(--aqb-border);border-radius:8px;padding:4px;box-shadow:var(--aqb-shadow-md);z-index:1000;animation:aqb-fade-in .15s ease}.aqb-quick-action-btn{width:28px;height:28px;border:none;background:transparent;color:var(--aqb-text-secondary);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--aqb-transition-fast)}.aqb-quick-action-btn:hover{background:var(--aqb-primary-light);color:var(--aqb-primary)}.aqb-quick-action-btn.danger:hover{background:#ef444426;color:var(--aqb-error)}.aqb-block-card.aqb-block-dragging{opacity:.5;transform:scale(.95);box-shadow:0 12px 40px #89b4fa4d}.aqb-canvas-dragging,.aqb-canvas-dragging *{cursor:grabbing!important}.aqb-form-field-input input,.aqb-form-field-input select,.aqb-form-field-input textarea{width:100%;padding:10px 12px;font-size:13px;color:var(--aqb-text-primary);background:#00000040;border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-md);outline:none;transition:all var(--aqb-transition-fast)}.aqb-form-field-input input:focus,.aqb-form-field-input select:focus,.aqb-form-field-input textarea:focus{border-color:var(--aqb-primary);box-shadow:0 0 0 3px var(--aqb-primary-light)}.aqb-form-field-input.has-error input,.aqb-form-field-input.has-error select,.aqb-form-field-input.has-error textarea{border-color:var(--aqb-error);box-shadow:0 0 0 2px #ef444426}.aqb-form-field-input.has-error input:focus,.aqb-form-field-input.has-error select:focus,.aqb-form-field-input.has-error textarea:focus{box-shadow:0 0 0 3px #ef444440}.aqb-skip-link{position:absolute;top:-100px;left:0;background:var(--aqb-primary);color:#fff;padding:12px 24px;text-decoration:none;font-weight:600;z-index:9999;border-radius:0 0 var(--aqb-radius-md) 0;transition:top .2s ease}.aqb-focusable:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--aqb-primary);outline-offset:2px}.aqb-form-field:focus-within label{color:var(--aqb-primary)}.aqb-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(prefers-contrast:high){:root{--aqb-border: #64748b;--aqb-border-light: #94a3b8}.aqb-btn{border:2px solid currentColor}.aqb-input,.aqb-select,.aqb-textarea{border-width:2px}}.aqb-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aqb-container{width:100%;margin:0 auto;padding:0 16px}@media(max-width:640px){.aqb-hide-mobile{display:none!important}.aqb-container{padding:0 12px}.aqb-sidebar-left,.aqb-sidebar-right{position:fixed;top:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .3s ease}.aqb-sidebar-left.is-open{transform:translate(0)}.aqb-sidebar-right{transform:translate(100%);left:auto;right:0}.aqb-sidebar-right.is-open{transform:translate(0)}.navBar{padding:8px}.navBar .left,.navBar .right{gap:6px}.pill{padding:0 10px;font-size:12px}.aqb-panel-content{padding:10px}.aqb-blocks-grid{grid-template-columns:1fr}.aqb-modal-content{width:95vw!important;max-width:95vw!important;margin:16px}}@media(min-width:641px)and (max-width:1024px){.aqb-hide-tablet{display:none!important}.aqb-sidebar-left{width:220px;min-width:220px;max-width:220px}.aqb-sidebar-right{width:260px;min-width:260px;max-width:260px}.aqb-blocks-grid{gap:8px}}@media(min-width:1025px){.aqb-hide-desktop{display:none!important}}@media(min-width:1440px){.aqb-sidebar-left{width:280px;min-width:280px;max-width:280px}.aqb-sidebar-right{width:340px;min-width:340px;max-width:340px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.aqb-spinner,.aqb-skeleton-pulse,.aqb-skeleton-wave{animation:none!important}}.aqb-btn:not(:disabled):hover{transform:translateY(-1px)}.aqb-btn:not(:disabled):active{transform:translateY(0)}.aqb-interactive{transition:all var(--aqb-transition-fast);cursor:pointer}.aqb-interactive:hover{background:#ffffff0a}.aqb-interactive:active{background:#ffffff0f}.aqb-link{color:var(--aqb-primary);text-decoration:none;transition:all var(--aqb-transition-fast)}.aqb-link:hover{color:var(--aqb-primary-hover);text-decoration:underline;text-underline-offset:3px}.aqb-link:active{opacity:.8}.aqb-card-hoverable{transition:all var(--aqb-transition-normal)}.aqb-card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--aqb-shadow-lg)}.aqb-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--aqb-radius-md);border:1px solid transparent;background:transparent;color:var(--aqb-text-secondary);cursor:pointer;transition:all var(--aqb-transition-fast)}.aqb-icon-btn:hover{background:#ffffff0f;color:var(--aqb-text-primary);border-color:var(--aqb-border)}.aqb-icon-btn:active{background:#ffffff14}.aqb-icon-btn.aqb-icon-btn-sm{width:24px;height:24px}.aqb-icon-btn.aqb-icon-btn-lg{width:40px;height:40px}.aqb-panel-section{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}.aqb-panel-section:last-child{border-bottom:none}.aqb-panel-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--aqb-text-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}.aqb-panel-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--aqb-border),transparent)}.aqb-inspector-row{display:flex;align-items:center;gap:10px;padding:8px 0}.aqb-inspector-label{min-width:80px;font-size:12px;color:var(--aqb-text-secondary);font-weight:500}.aqb-inspector-value{flex:1}.aqb-collapsible{border:1px solid rgba(255,255,255,.06);border-radius:var(--aqb-radius-md);overflow:hidden}.aqb-collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff05;cursor:pointer;transition:background var(--aqb-transition-fast)}.aqb-collapsible-header:hover{background:#ffffff0a}.aqb-collapsible-title{font-size:13px;font-weight:600;color:var(--aqb-text-primary)}.aqb-collapsible-icon{color:var(--aqb-text-muted);transition:transform var(--aqb-transition-fast)}.aqb-collapsible.is-open .aqb-collapsible-icon{transform:rotate(180deg)}.aqb-collapsible-content{padding:14px;border-top:1px solid rgba(255,255,255,.06)}[data-aqb-id][data-selected=true]{outline:2px solid var(--aqb-primary)!important;outline-offset:1px;box-shadow:0 0 0 4px #00d4aa26,0 4px 12px #00000026!important}[data-aqb-id]:hover:not([data-selected=true]){outline:1px dashed rgba(59,130,246,.6)!important;outline-offset:0px}.aqb-empty-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border:2px dashed rgba(255,255,255,.1);border-radius:var(--aqb-radius-lg);margin:40px;padding:60px 40px;text-align:center}.aqb-empty-canvas-icon{font-size:64px;margin-bottom:20px;opacity:.3}.aqb-empty-canvas-title{font-size:20px;font-weight:700;color:var(--aqb-text-primary);margin-bottom:8px}.aqb-empty-canvas-desc{font-size:14px;color:var(--aqb-text-muted);max-width:320px;line-height:1.5;margin-bottom:24px}.aqb-drop-zone-active{background:linear-gradient(180deg,#00d4aa14,#00d4aa05)!important;border-color:var(--aqb-primary)!important;box-shadow:inset 0 0 20px #00d4aa1a}.aqb-breadcrumb{position:absolute;top:-30px;left:0;display:flex;align-items:center;gap:4px;background:var(--aqb-bg-panel);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-sm);padding:4px 8px;font-size:12px;color:var(--aqb-text-secondary);z-index:100;white-space:nowrap;box-shadow:var(--aqb-shadow-md)}.aqb-breadcrumb-item{color:var(--aqb-text-muted);cursor:pointer;transition:color var(--aqb-transition-fast)}.aqb-breadcrumb-item:hover{color:var(--aqb-primary)}.aqb-breadcrumb-separator{color:var(--aqb-text-muted);opacity:.5}.aqb-breadcrumb-current{color:var(--aqb-text-primary);font-weight:600}.aqb-notification-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--aqb-error);color:#fff;font-size:12px;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center}.aqb-divider{height:1px;background:var(--aqb-border);margin:16px 0}.aqb-divider-vertical{width:1px;height:100%;background:var(--aqb-border);margin:0 12px}.aqb-divider-text{display:flex;align-items:center;gap:12px;color:var(--aqb-text-muted);font-size:12px}.aqb-divider-text:before,.aqb-divider-text:after{content:"";flex:1;height:1px;background:var(--aqb-border)}.aqb-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.aqb-status-dot-success{background:var(--aqb-success);box-shadow:0 0 6px var(--aqb-success)}.aqb-status-dot-warning{background:var(--aqb-warning);box-shadow:0 0 6px var(--aqb-warning)}.aqb-status-dot-error{background:var(--aqb-error);box-shadow:0 0 6px var(--aqb-error)}.aqb-status-dot-info{background:var(--aqb-info);box-shadow:0 0 6px var(--aqb-info)}.aqb-status-dot-neutral{background:var(--aqb-text-muted)}.aqb-status-dot-pulse{animation:aqb-status-pulse 2s ease-in-out infinite}@keyframes aqb-status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.aqb-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#0000004d;border:1px solid var(--aqb-border);border-radius:4px;font-family:var(--aqb-font-mono);font-size:12px;color:var(--aqb-text-secondary);box-shadow:0 1px #0003}.aqb-kbd-combo{display:inline-flex;align-items:center;gap:4px}.aqb-progress{width:100%;height:6px;background:#ffffff1a;border-radius:var(--aqb-radius-full);overflow:hidden}.aqb-progress-bar{height:100%;background:linear-gradient(90deg,var(--aqb-primary),var(--aqb-primary-hover));border-radius:var(--aqb-radius-full);transition:width var(--aqb-transition-normal)}.aqb-progress-indeterminate .aqb-progress-bar{width:30%;animation:aqb-progress-slide 1.5s ease-in-out infinite}@keyframes aqb-progress-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes aqb-stagger-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes aqb-stagger-fade-in-x{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes aqb-stagger-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.aqb-stagger-list>*{animation:aqb-stagger-fade-in .2s ease-out forwards;opacity:0}.aqb-stagger-list>*:nth-child(1){animation-delay:0ms}.aqb-stagger-list>*:nth-child(2){animation-delay:30ms}.aqb-stagger-list>*:nth-child(3){animation-delay:60ms}.aqb-stagger-list>*:nth-child(4){animation-delay:90ms}.aqb-stagger-list>*:nth-child(5){animation-delay:.12s}.aqb-stagger-list>*:nth-child(6){animation-delay:.15s}.aqb-stagger-list>*:nth-child(7){animation-delay:.18s}.aqb-stagger-list>*:nth-child(8){animation-delay:.21s}.aqb-stagger-list>*:nth-child(9){animation-delay:.24s}.aqb-stagger-list>*:nth-child(10){animation-delay:.27s}.aqb-stagger-list>*:nth-child(n+11){animation-delay:.3s}.aqb-stagger-fast>*{animation:aqb-stagger-fade-in .15s ease-out forwards;opacity:0}.aqb-stagger-fast>*:nth-child(1){animation-delay:0ms}.aqb-stagger-fast>*:nth-child(2){animation-delay:20ms}.aqb-stagger-fast>*:nth-child(3){animation-delay:40ms}.aqb-stagger-fast>*:nth-child(4){animation-delay:60ms}.aqb-stagger-fast>*:nth-child(5){animation-delay:80ms}.aqb-stagger-fast>*:nth-child(n+6){animation-delay:.1s}.aqb-stagger-grid>*{animation:aqb-stagger-scale-in .2s ease-out forwards;opacity:0}.aqb-stagger-grid>*:nth-child(1){animation-delay:0ms}.aqb-stagger-grid>*:nth-child(2){animation-delay:40ms}.aqb-stagger-grid>*:nth-child(3){animation-delay:80ms}.aqb-stagger-grid>*:nth-child(4){animation-delay:.12s}.aqb-stagger-grid>*:nth-child(5){animation-delay:.16s}.aqb-stagger-grid>*:nth-child(6){animation-delay:.2s}.aqb-stagger-grid>*:nth-child(n+7){animation-delay:.24s}@media(prefers-reduced-motion:reduce){.aqb-stagger-list>*,.aqb-stagger-fast>*,.aqb-stagger-grid>*{animation:none;opacity:1}}.inspector-toggle-floating{position:absolute;bottom:24px;right:24px;z-index:var(--z-overlay);display:none}@media(max-width:1000px){.inspector-toggle-floating{display:block}}.aqb-btn-floating{background:var(--brand-primary);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:var(--glass-shadow-lg);transition:all .2s ease}.aqb-btn-floating:hover{transform:scale(1.1);background:var(--brand-primary-hover)}.aqb-btn-floating[data-active=true]{background:var(--surface-panel);border:1px solid var(--brand-primary);color:var(--brand-primary)}*:focus-visible{outline:2px solid var(--aqb-primary);outline-offset:2px;border-radius:var(--aqb-radius-sm)}*:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--aqb-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--aqb-primary-light)}.aqb-skip-link{position:absolute;top:-100px;left:0;background:var(--aqb-primary);color:#fff;padding:8px 16px;border-radius:var(--aqb-radius-md);z-index:var(--aqb-z-max);text-decoration:none;font-weight:var(--aqb-font-semibold)}.aqb-skip-link:focus{top:16px;left:16px}.aqb-input:hover:not(:disabled):not(:focus){border-color:var(--aqb-input-border-hover);background:var(--aqb-input-bg-hover);transform:translateY(-1px);transition:all .15s ease}.aqb-input:disabled,.aqb-select:disabled,.aqb-textarea:disabled{opacity:.6;cursor:not-allowed;background:#00000026;color:var(--aqb-text-disabled);border-style:dashed}.aqb-input::placeholder,.aqb-textarea::placeholder{color:var(--aqb-text-muted);opacity:.7;font-style:italic}.aqb-input:focus,.aqb-select:focus,.aqb-textarea:focus{border-color:var(--aqb-primary);background:var(--aqb-input-bg-focus);box-shadow:var(--aqb-input-ring),0 4px 12px #3b82f626;transform:translateY(0);transition:all .2s ease}.aqb-input-error,.aqb-input.has-error{border-color:var(--aqb-error);background:#ef44440d;animation:shake .3s ease}.aqb-input-error:focus,.aqb-input.has-error:focus{border-color:var(--aqb-error);box-shadow:var(--aqb-input-ring-error),0 4px 12px #ef444426}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.aqb-input-success{border-color:var(--aqb-success);background:#22c55e0d}.aqb-input-success:focus{border-color:var(--aqb-success);box-shadow:0 0 0 3px #22c55e26}.aqb-select:hover:not(:disabled):not(:focus){border-color:var(--aqb-input-border-hover);background-color:var(--aqb-input-bg-hover);cursor:pointer;transform:translateY(-1px);transition:all .15s ease}.aqb-select:active:not(:disabled){transform:translateY(0);border-color:var(--aqb-primary)}button,.aqb-btn,.pill,.aqb-block-card,.aqb-page-action-btn{position:relative;transition:all .15s ease;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled):before,.aqb-btn:hover:not(:disabled):before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff26;transform:translate(-50%,-50%);animation:ripple .6s ease-out}@keyframes ripple{to{width:100%;height:100%;opacity:0}}button:active:not(:disabled),.aqb-btn:active:not(:disabled){transform:scale(.97);transition:transform .05s ease}button:disabled,.aqb-btn:disabled,.pill:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);position:relative}button:disabled:after,.aqb-btn:disabled:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.05) 4px,rgba(0,0,0,.05) 8px);pointer-events:none}.aqb-switch-track{transition:all .2s cubic-bezier(.4,0,.2,1)}.aqb-switch:hover:not(.is-disabled) .aqb-switch-track{border-color:var(--aqb-primary);box-shadow:0 0 0 3px var(--aqb-primary-light)}.aqb-switch-thumb{box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;transition:all .2s cubic-bezier(.4,0,.2,1)}.aqb-switch:hover:not(.is-disabled) .aqb-switch-thumb{box-shadow:0 2px 4px #00000059,0 1px 3px #00000040}.aqb-switch-input:checked+.aqb-switch-track .aqb-switch-thumb{box-shadow:0 2px 6px #3b82f680,0 1px 3px #0003}.aqb-slider{transition:opacity .2s ease}.aqb-slider:disabled{opacity:.5;cursor:not-allowed}.aqb-slider::-webkit-slider-thumb{box-shadow:0 2px 4px #00000040,0 0 0 4px #3b82f600;transition:all .2s ease}.aqb-slider:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 3px 8px #3b82f666,0 0 0 6px #3b82f626}.aqb-slider:active::-webkit-slider-thumb{transform:scale(1.3);box-shadow:0 4px 12px #3b82f680,0 0 0 8px #3b82f633}.aqb-slider::-moz-range-thumb{box-shadow:0 2px 4px #00000040;transition:all .2s ease}.aqb-slider:hover::-moz-range-thumb{transform:scale(1.15)}.aqb-color-swatch{transition:all .2s ease;box-shadow:inset 0 0 0 1px #0000001a,0 1px 3px #0000001a}.aqb-color-swatch-wrapper:hover .aqb-color-swatch{transform:scale(1.05);box-shadow:inset 0 0 0 1px #0003,0 2px 8px #00000026}.aqb-color-preset{transition:all .15s cubic-bezier(.4,0,.2,1)}.aqb-color-preset:hover:not(:disabled){transform:scale(1.15);box-shadow:inset 0 0 0 1px #00000026,0 2px 6px #0003}.aqb-color-preset:active:not(:disabled){transform:scale(1.05)}.aqb-btn-group{box-shadow:0 1px 3px #0000001a,inset 0 1px #ffffff0d}.aqb-btn-group-item{position:relative;overflow:hidden}.aqb-btn-group-item:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);pointer-events:none;opacity:0;transition:opacity .2s ease}.aqb-btn-group-item:hover:not(:disabled):before{opacity:1}.aqb-btn-group-item.is-selected{box-shadow:inset 0 1px 2px #3b82f64d,0 0 0 1px #3b82f680}.aqb-layer-row{transition:all .15s ease;position:relative}.aqb-layer-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--aqb-primary);opacity:0;transition:opacity .2s ease}.aqb-layer-row:hover:before{opacity:.3}.aqb-layer-row.is-selected:before{opacity:1;box-shadow:0 0 8px #3b82f680}.aqb-layer-row:focus-visible{outline:2px solid var(--aqb-primary);outline-offset:-2px;z-index:1}.aqb-block-card{position:relative;overflow:hidden}.aqb-block-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f600,#3b82f61a);opacity:0;transition:opacity .3s ease}.aqb-block-card:hover:before{opacity:1}.aqb-block-card:active{transform:scale(.97);transition:transform .05s ease}.aqb-block-card:focus-visible{outline:2px solid var(--aqb-primary);outline-offset:2px;z-index:1}.aqb-block-dragging{opacity:.5;transform:scale(.95) rotate(2deg);transition:all .2s ease}.aqb-empty-state{text-align:center;padding:var(--aqb-space-8) var(--aqb-space-4);color:var(--aqb-text-muted);animation:fadeIn .4s ease}.aqb-empty-state-icon{font-size:48px;margin-bottom:var(--aqb-space-4);opacity:.4;filter:grayscale(.3);animation:float 3s ease-in-out infinite}.aqb-empty-state-title{font-size:var(--aqb-text-lg);font-weight:var(--aqb-font-semibold);color:var(--aqb-text-secondary);margin-bottom:var(--aqb-space-2)}.aqb-empty-state-desc{font-size:var(--aqb-text-base);color:var(--aqb-text-muted);line-height:var(--aqb-leading-relaxed)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.aqb-empty-state-compact{padding:var(--aqb-space-6) var(--aqb-space-3)}.aqb-empty-state-compact .aqb-empty-state-icon{font-size:32px;margin-bottom:var(--aqb-space-2)}.aqb-empty-state-compact .aqb-empty-state-title{font-size:var(--aqb-text-base)}.aqb-empty-state-compact .aqb-empty-state-desc{font-size:var(--aqb-text-sm)}.aqb-loading{position:relative;pointer-events:none;opacity:.6}.aqb-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--aqb-primary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.aqb-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.aqb-spinner-sm{width:12px;height:12px;border-width:2px}.aqb-spinner-lg{width:24px;height:24px;border-width:3px}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:6px 12px;background:#000000e6;color:#fff;font-size:var(--aqb-text-xs);font-weight:var(--aqb-font-medium);white-space:nowrap;border-radius:var(--aqb-radius-md);pointer-events:none;opacity:0;transition:all .2s ease;z-index:var(--aqb-z-tooltip);box-shadow:0 4px 12px #0000004d}[data-tooltip]:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6;pointer-events:none;opacity:0;transition:all .2s ease;z-index:var(--aqb-z-tooltip)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.aqb-toast{position:fixed;bottom:24px;right:24px;min-width:300px;padding:16px 20px;background:var(--aqb-bg-panel);border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-lg);box-shadow:var(--aqb-shadow-xl);z-index:var(--aqb-z-toast);animation:slideIn .3s ease,fadeIn .3s ease}.aqb-toast-success{border-left:4px solid var(--aqb-success);background:#22c55e0d}.aqb-toast-error{border-left:4px solid var(--aqb-error);background:#ef44440d}.aqb-toast-warning{border-left:4px solid var(--aqb-warning);background:#f59e0b0d}.aqb-toast-info{border-left:4px solid var(--aqb-info);background:#3b82f60d}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.aqb-panel{transition:all .2s ease}.aqb-panel:hover{border-color:var(--aqb-border-light)}.aqb-panel-header{-webkit-user-select:none;user-select:none;transition:all .15s ease}.aqb-panel-header:hover{background:linear-gradient(180deg,#ffffff0d,#ffffff05)}.aqb-drop-zone{position:relative;transition:all .2s ease}.aqb-drop-zone-active{background:#3b82f614;border-color:var(--aqb-primary);box-shadow:inset 0 0 0 2px #3b82f633,0 8px 24px #3b82f626}.aqb-drop-zone-active:before{content:"";position:absolute;inset:0;border:2px dashed var(--aqb-primary);border-radius:inherit;animation:dashRotate 20s linear infinite}@keyframes dashRotate{to{stroke-dashoffset:100}}.aqb-input,.aqb-select,button{min-height:40px}.aqb-input-sm,.aqb-select-sm,.aqb-btn-sm{min-height:32px}.aqb-input-lg,.aqb-select-lg,.aqb-btn-lg{min-height:48px}.aqb-input,.aqb-select,.aqb-btn,.aqb-panel,.aqb-card{border-radius:var(--aqb-radius-md)}.aqb-field+.aqb-field{margin-top:var(--aqb-space-4)}@media print{.aqb-toolbar,.aqb-sidebar,.aqb-panel-header-actions,button,.aqb-btn{display:none!important}.aqb-canvas{background:#fff!important}*{box-shadow:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){.aqb-input,.aqb-select,.aqb-btn{border-width:2px}.aqb-input:focus,.aqb-select:focus,.aqb-btn:focus-visible{outline-width:3px;outline-offset:3px}}:root{--aqb-primary: #2563EB;--aqb-primary-light: #3B82F6;--aqb-primary-dark: #1D4ED8;--aqb-primary-subtle: #DBEAFE;--aqb-secondary: #1D4ED8;--aqb-accent: #10B981;--aqb-bg: #ffffff;--aqb-text: #18181B;--aqb-text-muted: #71717A;--aqb-border: #E4E4E7;--aqb-canvas-wrapper: #F8FAFC;--aqb-canvas-content: #FFFFFF;--aqb-font-family: Inter, system-ui, sans-serif;--aqb-heading-font: Inter, system-ui, sans-serif;--aqb-font-size: 16px;--aqb-heading-size: 32px;--aqb-line-height: 1.6;--aqb-spacing-sm: 8px;--aqb-spacing-md: 16px;--aqb-spacing-lg: 24px;--aqb-radius-sm: 4px;--aqb-radius-md: 8px;--aqb-radius-lg: 16px;--aqb-font-xs: 12px;--aqb-font-sm: 13px;--aqb-font-md: 14px;--aqb-font-lg: 15px;--aqb-font-xl: 16px;--aqb-weight-normal: 400;--aqb-weight-medium: 500;--aqb-weight-semibold: 600;--aqb-weight-bold: 700;--aqb-text-primary: #f8fafc;--aqb-text-secondary: #a1a1aa;--aqb-text-tertiary: #71717a;--aqb-surface-1: #0d0d1a;--aqb-surface-2: #1a1a2e;--aqb-surface-3: #252542;--aqb-surface-4: #2d2d52;--aqb-border-subtle: rgba(255, 255, 255, .06);--aqb-border-default: rgba(255, 255, 255, .1);--aqb-border-strong: rgba(255, 255, 255, .15);--aqb-accent-blue: #2563EB;--aqb-accent-blue-alpha: rgba(37, 99, 235, .15);--aqb-accent-blue-hover: rgba(37, 99, 235, .3);--aqb-accent-blue-light: #3B82F6;--aqb-accent-blue-dark: #1D4ED8;--aqb-accent-purple: var(--aqb-accent-blue);--aqb-accent-purple-alpha: var(--aqb-accent-blue-alpha);--aqb-accent-purple-hover: var(--aqb-accent-blue-hover);--aqb-accent-purple-light: var(--aqb-accent-blue-light);--aqb-accent-purple-dark: var(--aqb-accent-blue-dark);--aqb-selection-color: #3B82F6;--aqb-selection-alpha-40: rgba(59, 130, 246, .4);--aqb-selection-alpha-20: rgba(59, 130, 246, .2);--aqb-selection-glow: 0 0 0 1px rgba(59, 130, 246, .2), 0 0 20px rgba(59, 130, 246, .15);--aqb-selection-glow-sm: 0 2px 8px rgba(59, 130, 246, .25);--aqb-selection-glow-strong: 0 0 0 2px rgba(59, 130, 246, .4), 0 0 20px rgba(59, 130, 246, .2);--aqb-selection-outline: 2px solid #3B82F6;--aqb-handle-gradient: linear-gradient(135deg, #3B82F6 0%, #60A5FA 100%);--aqb-boxmodel-content: rgba(111, 168, 220, .66);--aqb-boxmodel-padding: rgba(147, 196, 125, .55);--aqb-boxmodel-margin: rgba(246, 178, 107, .66);--aqb-shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--aqb-shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--aqb-shadow-lg: 0 8px 25px rgba(0, 0, 0, .15);--aqb-shadow-accent: 0 4px 14px rgba(37, 99, 235, .3);--aqb-shadow-purple: var(--aqb-shadow-accent);--aqb-shadow-hover: 0 8px 25px rgba(0, 0, 0, .1), 0 4px 10px rgba(37, 99, 235, .1);--aqb-transition-fast: .15s ease;--aqb-transition-normal: .2s ease;--aqb-transition-slow: .3s ease;--aqb-badge-tag: #10B981;--aqb-badge-id: #7c3aed;--aqb-badge-class: #f59e0b;--aqb-badge-data: #3b82f6;--aqb-badge-default: #94a3b8;--aqb-success: #a6e3a1;--aqb-success-bg: rgba(166, 227, 161, .15);--aqb-error: #f38ba8;--aqb-error-bg: rgba(243, 139, 168, .15);--aqb-warning: #f9e2af;--aqb-warning-bg: rgba(249, 226, 175, .15);--aqb-info: #89b4fa;--aqb-info-bg: rgba(137, 180, 250, .15);--aqb-toolbar-bg: #252536;--aqb-toolbar-bg-hover: #3a3a4d;--aqb-toolbar-border: #3a3a4d;--aqb-toolbar-text: #a0a0b0;--aqb-toolbar-text-hover: #e0e0e8;--aqb-toolbar-text-muted: #6c7086;--aqb-toolbar-text-active: #cdd6f4;--aqb-guide-color: #FF00FF;--aqb-guide-color-alt: #89b4fa;--aqb-drop-valid-border: #3B82F6;--aqb-drop-valid-bg: rgba(59, 130, 246, .08);--aqb-drop-invalid-border: #ef4444;--aqb-drop-invalid-bg: rgba(239, 68, 68, .1);--aqb-spacing-margin: #10B981;--aqb-spacing-padding: #7c3aed}.aqb-canvas{display:block!important;align-items:initial!important;justify-content:initial!important}.aqb-page-root{display:block;min-height:100%}[data-aqb-id] *{color:inherit}.aqb-page-root,[data-aqb-type=container]{font-family:var(--aqb-font-family);font-size:var(--aqb-font-size);line-height:var(--aqb-line-height);color:var(--aqb-text)}.aqb-canvas[data-show-outlines=true] [data-aqb-id]{outline:1px dashed rgba(59,130,246,.35);outline-offset:-1px}.aqb-canvas[data-show-outlines=true] [data-aqb-id].container,.aqb-canvas[data-show-outlines=true] [data-aqb-id].section,.aqb-canvas[data-show-outlines=true] [data-aqb-id].row,.aqb-canvas[data-show-outlines=true] [data-aqb-id].col{outline:1px dashed var(--aqb-accent-purple-45)}.aqb-canvas[data-show-outlines=true] [data-aqb-id][data-selected=true]{outline:none}[data-aqb-id] h1,[data-aqb-id] h2,[data-aqb-id] h3,[data-aqb-id] h4,[data-aqb-id] h5,[data-aqb-id] h6{font-family:var(--aqb-heading-font);color:var(--aqb-text);margin:0 0 16px}[data-aqb-id] h1{font-size:calc(var(--aqb-heading-size) * 1.5)}[data-aqb-id] h2{font-size:var(--aqb-heading-size)}[data-aqb-id] h3{font-size:calc(var(--aqb-heading-size) * .75)}[data-aqb-id] h4{font-size:calc(var(--aqb-heading-size) * .625)}[data-aqb-id] p{color:var(--aqb-text);margin:0 0 12px}[data-aqb-id] a{color:var(--aqb-primary)}[data-aqb-id] button{background:var(--aqb-primary);color:#fff;border:none;border-radius:var(--aqb-radius-md);padding:var(--aqb-spacing-sm) var(--aqb-spacing-md);font-family:var(--aqb-font-family);cursor:pointer}[data-aqb-id] button:hover{background:var(--aqb-secondary)}[data-aqb-id] img{max-width:100%;height:auto}[data-aqb-id] input,[data-aqb-id] textarea,[data-aqb-id] select{color:var(--aqb-text);background:#fff;border:1px solid var(--aqb-border);border-radius:var(--aqb-radius-sm);padding:var(--aqb-spacing-sm);font-family:var(--aqb-font-family)}[data-aqb-type=container]:empty,[data-aqb-type=columns]:empty{min-height:60px;background:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--aqb-accent-purple-05) 10px,var(--aqb-accent-purple-05) 20px);border:2px dashed var(--aqb-accent-purple-30);border-radius:8px;display:flex;align-items:center;justify-content:center}[data-aqb-type=container]:empty:after,[data-aqb-type=columns]:empty:after{content:"Drop blocks here or use Quick Add above ↑";color:var(--aqb-accent-purple-60);font-size:var(--aqb-text-base);font-weight:500;text-align:center;padding:8px 16px}.row,[data-aqb-type=columns]{display:flex;flex-wrap:wrap;gap:16px;width:100%}.col{flex:1;min-width:0;padding:16px;background:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--aqb-accent-purple-05) 10px,var(--aqb-accent-purple-05) 20px);border:2px dashed var(--aqb-accent-purple-30);border-radius:8px;min-height:60px}.col:empty:after{content:"Column";color:var(--aqb-accent-purple-60);font-size:var(--aqb-text-sm-plus)}[data-aqb-type=text]{min-height:1em}[data-aqb-type=image]:not([src]),[data-aqb-type=image][src=""]{min-height:100px;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center;border-radius:8px}[data-aqb-id]:not([data-aqb-root=true]){cursor:move}[data-aqb-id]:hover{cursor:move}[data-aqb-id].dragging{opacity:.5;cursor:grabbing!important}[data-aqb-id][data-selected=true]{outline:2px solid var(--aqb-selection-color);outline-offset:2px;position:relative;z-index:100}[data-aqb-id][data-locked=true]{outline:2px dotted #f38ba8;cursor:not-allowed!important;-webkit-user-select:none;user-select:none}[data-aqb-id][data-locked=true][data-selected=true]{outline:2px dotted #f38ba8;outline-offset:2px}[data-aqb-id][data-hidden=true]{opacity:.25;pointer-events:none}[data-aqb-id][data-drop-target=true]{outline:2px solid var(--aqb-drop-valid-border, #3b82f6);outline-offset:2px;transition:outline-color .15s ease}.aqb-drop-indicator-top{position:absolute;top:0;left:-4px;right:-4px;height:2px;background-color:var(--aqb-drop-valid-border);border-radius:1px;animation:dropLineFadeIn .15s ease-out forwards;z-index:2000}.aqb-drop-indicator-bottom{position:absolute;bottom:0;left:-4px;right:-4px;height:2px;background-color:var(--aqb-drop-valid-border);border-radius:1px;animation:dropLineFadeIn .15s ease-out forwards;z-index:2000}.aqb-drop-indicator-left{position:absolute;top:-4px;bottom:-4px;left:0;width:2px;background-color:var(--aqb-drop-valid-border);border-radius:1px;animation:dropLineFadeIn .15s ease-out forwards;z-index:2000}.aqb-drop-indicator-right{position:absolute;top:-4px;bottom:-4px;right:0;width:2px;background-color:var(--aqb-drop-valid-border);border-radius:1px;animation:dropLineFadeIn .15s ease-out forwards;z-index:2000}.aqb-dragging{opacity:.4!important;cursor:grabbing!important;-webkit-user-select:none;user-select:none}.aqb-clone-mode{cursor:copy!important;outline:2px dashed var(--aqb-selection-color)!important;outline-offset:2px}.aqb-clone-mode:before{content:"+";position:absolute;top:-8px;right:-8px;width:16px;height:16px;background:var(--aqb-selection-color);color:#fff;border-radius:50%;font-size:var(--aqb-text-md);font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}[data-aqb-id][data-drop-target=true],[data-aqb-id][data-drop-valid=true]{transition:outline .15s ease}[data-aqb-id][data-drop-invalid=true]{outline:2px solid var(--aqb-drop-invalid-border, #dc2626);outline-offset:2px;cursor:not-allowed!important}.aqb-canvas[data-drag-active=true] [data-aqb-id][data-drop-invalid=true],.aqb-canvas[data-drag-active=true] [data-aqb-id][data-drop-invalid=true] *,.aqb-canvas[data-invalid-drop=true]{cursor:not-allowed!important}.aqb-selection-box{position:absolute;pointer-events:none;z-index:1000;background:var(--aqb-accent-blue-bg);border:1px solid var(--aqb-selection-color);border-radius:4px;box-shadow:var(--aqb-selection-glow)}.aqb-selection-box:before,.aqb-selection-box:after{content:"";position:absolute;width:6px;height:6px;background:var(--aqb-selection-color);border-radius:2px}.aqb-selection-box:before{top:-3px;left:-3px}.aqb-selection-box:after{bottom:-3px;right:-3px}.aqb-selection-count{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);background:var(--aqb-handle-gradient);color:#fff;padding:2px 10px;border-radius:10px;font-size:var(--aqb-text-sm);font-weight:600;white-space:nowrap;box-shadow:0 2px 8px var(--aqb-accent-purple-40)}.aqb-empty-canvas{min-height:480px;display:flex;align-items:center;justify-content:center;padding:40px;background:#f8fafc;border:3px dashed #e2e8f0;border-radius:16px;margin:20px;transition:all .3s ease;animation:emptyCanvasPulse 3s ease-in-out infinite}@keyframes emptyCanvasPulse{0%,to{border-color:#e2e8f0;box-shadow:inset 0 0 #8b5cf600}50%{border-color:#cbd5e1;box-shadow:inset 0 0 60px var(--aqb-accent-purple-08)}}@media(prefers-reduced-motion:reduce){.aqb-empty-canvas{animation:none}}.aqb-empty-canvas:hover{border-color:#94a3b8;background:#f1f5f9;animation-play-state:paused}.aqb-empty-canvas-container{max-width:400px;text-align:center;animation:aqb-fade-in .5s ease-out}.aqb-empty-icon{font-size:var(--aqb-text-display);margin-bottom:24px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.aqb-empty-title{font-size:var(--aqb-text-3xl);font-weight:700;color:#1e293b;margin-bottom:12px}.aqb-empty-text{font-size:var(--aqb-text-md-plus);color:#64748b;line-height:1.6;margin-bottom:24px}.aqb-empty-hint{display:inline-block;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:99px;font-size:var(--aqb-text-base);color:#475569;box-shadow:0 2px 4px #00000005}.aqb-empty-hint strong{color:#3b82f6}.aqb-empty-hint kbd{display:inline-block;padding:2px 6px;font-family:var(--aqb-font-mono, monospace);font-size:var(--aqb-text-sm, 12px);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--aqb-radius-xs, 4px);box-shadow:0 1px #d1d5db;color:#374151}.aqb-empty-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;justify-content:center}.aqb-shortcut{font-size:var(--aqb-text-sm-plus);color:#94a3b8;padding:4px 12px;background:#f1f5f9;border-radius:4px}.aqb-empty-canvas-root{min-height:480px}.aqb-canvas-empty-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;text-align:center;padding:40px;background:#f8fafcd9;border:3px dashed #e2e8f0;border-radius:16px;margin:20px;animation:aqb-fade-in .4s ease-out}.aqb-canvas-empty-cta__icon{color:#818cf8;margin-bottom:16px;opacity:.7}.aqb-canvas-empty-cta__title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.aqb-canvas-empty-cta__desc{font-size:14px;color:#64748b;margin:0 0 24px;max-width:280px}.aqb-canvas-empty-cta__browse{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;box-shadow:0 2px 8px #6366f14d}.aqb-canvas-empty-cta__browse:hover{opacity:.9;transform:translateY(-1px)}.aqb-canvas-empty-cta__blank{margin-top:12px;padding:6px 16px;background:transparent;color:#64748b;border:none;font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.aqb-canvas-empty-cta__blank:hover{color:#475569}@keyframes aqb-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes aqb-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes aqb-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes aqb-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.aqb-canvas--component-view [data-aqb-type]{position:relative;outline:1px dashed var(--aqb-accent-purple-60);outline-offset:-1px}.aqb-canvas--component-view [data-aqb-type]:after{content:attr(data-aqb-type);position:absolute;top:-18px;left:0;background:#11111bd9;border:1px solid var(--aqb-accent-purple-50);border-radius:4px;padding:2px 8px;font-size:var(--aqb-text-xs);font-weight:600;color:var(--aqb-selection-color);pointer-events:none;z-index:2000;white-space:nowrap;text-transform:capitalize}.aqb-canvas--component-view [data-aqb-type] [data-aqb-type]{outline-color:var(--aqb-accent-purple-35)}.aqb-canvas{--aqb-drop-valid-border: var(--aqb-selection-color);--aqb-drop-valid-bg: var(--aqb-accent-purple-08);--aqb-drop-invalid-border: #dc2626;--aqb-drop-invalid-bg: rgba(220, 38, 38, .04)}@keyframes dropLineFadeIn{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slotFadeIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes slotFadeInHorizontal{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.aqb-drop-feedback-badge.invalid{animation:badgeFadeIn .15s ease-out forwards}.aqb-drop-feedback-target.valid{border-color:var(--aqb-drop-valid-border)!important;background:var(--aqb-drop-valid-bg)!important}.aqb-drop-feedback-target.invalid{border-color:var(--aqb-drop-invalid-border)!important;background:var(--aqb-drop-invalid-bg)!important}.aqb-drop-position-line{animation:dropLineFadeIn .15s ease-out forwards}.aqb-drag-handle{animation:dragHandleFadeIn .15s ease-out}@keyframes dragHandleFadeIn{0%{opacity:0;transform:scale(.8) translate(-4px)}to{opacity:1;transform:scale(1) translate(0)}}.aqb-layer-hover-highlight{outline:1px solid var(--aqb-selection-color)!important;outline-offset:1px;background:var(--aqb-accent-purple-05)!important}.aqb-drop-slot-preview{animation:slotFadeIn .15s ease-out forwards}@keyframes breadcrumbFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.aqb-drop-breadcrumb{animation:breadcrumbFadeIn .15s ease-out forwards;font-family:var(--aqb-font-family, Inter, system-ui, sans-serif)}.aqb-depth-badge{font-family:var(--aqb-font-family, Inter, system-ui, sans-serif)}[data-aqb-id][data-drop-target=true][data-drop-valid=true]{box-shadow:0 0 0 2px #3b82f64d,0 0 12px #3b82f61a;transition:box-shadow .15s ease,outline .15s ease}[data-aqb-id][data-drop-target=true][data-drop-valid=true][data-has-children=true]:after{content:"+";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);background:var(--aqb-drop-valid-border, #3B82F6);color:#fff;width:20px;height:20px;border-radius:50%;font-size:var(--aqb-text-md);font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #3b82f64d;z-index:2000;pointer-events:none}@media(prefers-reduced-motion:reduce){.aqb-drop-feedback-badge,.aqb-drop-feedback-target,.aqb-drop-position-line,.aqb-drop-slot-preview,.aqb-drop-breadcrumb,.aqb-depth-badge{animation:none!important;transition:none!important;opacity:1!important}}@keyframes flashOnDrop{0%{box-shadow:0 0 #a6e3a1cc}50%{box-shadow:0 0 0 8px #a6e3a166}to{box-shadow:0 0 #a6e3a100}}@keyframes settleElement{0%{transform:scale(1.02);opacity:.8}60%{transform:scale(.98)}to{transform:scale(1);opacity:1}}.aqb-element-flash{animation:flashOnDrop .4s ease-out}.aqb-element-settle{animation:settleElement .3s ease-out}@media(prefers-reduced-motion:reduce){.aqb-element-flash,.aqb-element-settle{animation:none!important}}.aqb-canvas[data-xray-mode=true] [data-aqb-id]{outline:1px dashed var(--aqb-accent-purple-50)!important;outline-offset:-1px;background:var(--aqb-accent-purple-05)!important;position:relative}.aqb-canvas[data-xray-mode=true] [data-aqb-id]:before{content:attr(data-aqb-type);position:absolute;top:0;left:0;font-size:var(--aqb-text-2xs-plus);font-family:monospace;background:#1e1e2ee6;color:var(--aqb-selection-color);padding:1px 4px;border-radius:2px;pointer-events:none;z-index:2000;text-transform:lowercase;white-space:nowrap}.aqb-canvas[data-xray-mode=true] [data-aqb-type=container]:before{background:#b4befee6;color:#1e1e2e}.aqb-canvas[data-xray-mode=true] [data-aqb-type=columns]:before,.aqb-canvas[data-xray-mode=true] .row:before{background:#cba6f7e6;color:#1e1e2e}.aqb-canvas[data-xray-mode=true] .col:before{background:#f5c2e7e6;color:#1e1e2e}.aqb-canvas[data-xray-mode=true] [data-aqb-type=text]:before,.aqb-canvas[data-xray-mode=true] [data-aqb-type=heading]:before{background:#94e2d5e6;color:#1e1e2e}.aqb-canvas[data-xray-mode=true] [data-aqb-type=button]:before{background:#a6e3a1e6;color:#1e1e2e}.aqb-canvas[data-xray-mode=true] [data-aqb-type=image]:before{background:#fab387e6;color:#1e1e2e}.aqb-canvas[data-xray-mode=true] [data-aqb-id][data-selected=true]:before{display:none}.aqb-canvas[data-xray-mode=true] [data-aqb-id] [data-aqb-id]{outline-color:#b4befe66!important}.aqb-canvas[data-xray-mode=true] [data-aqb-id] [data-aqb-id] [data-aqb-id]{outline-color:#cba6f766!important}[data-aqb-id][contenteditable=true]{outline:2px solid var(--aqb-primary, #667eea)!important;outline-offset:2px;background:#667eea0d!important;cursor:text!important;caret-color:var(--aqb-primary, #667eea);min-height:1em;border-radius:2px}[data-aqb-id][contenteditable=true]:empty:before{content:"Type here...";color:var(--aqb-text-muted, #6b7280);font-style:italic;pointer-events:none}[data-aqb-id][contenteditable=true]::selection{background:#667eea4d}@keyframes aqb-element-flash{0%{background-color:#667eea4d;box-shadow:0 0 0 3px #667eea66}to{background-color:transparent;box-shadow:none}}.aqb-element-flash{animation:aqb-element-flash .5s ease-out forwards}:focus-visible{outline:2px solid var(--aqb-primary, #667eea);outline-offset:2px}[data-aqb-id]:focus-visible{outline:3px solid var(--aqb-primary, #667eea);outline-offset:2px;box-shadow:0 0 0 4px #667eea33}.aqb-toolbar-button:focus-visible,.aqb-icon-button:focus-visible{outline:2px solid var(--aqb-primary, #667eea);outline-offset:2px;background:#667eea1a}.aqb-tab:focus-visible,.aqb-sidebar-tab:focus-visible{outline:2px solid var(--aqb-primary, #667eea);outline-offset:-2px;background:#667eea1a}.aqb-layer-item:focus-visible{outline:2px solid var(--aqb-primary, #667eea);outline-offset:-1px;background:#667eea1a}.aqb-block-card:focus-visible{outline:2px solid var(--aqb-primary, #667eea);outline-offset:2px;transform:scale(1.02)}.aqb-input:focus-visible,.aqb-select:focus-visible,.aqb-textarea:focus-visible{outline:2px solid var(--aqb-primary, #667eea);outline-offset:0;border-color:var(--aqb-primary, #667eea)}.aqb-skip-link{position:absolute;top:-100px;left:0;background:var(--aqb-primary, #667eea);color:#fff;padding:8px 16px;z-index:10000;text-decoration:none;border-radius:0 0 4px}.aqb-skip-link:focus{top:0}@media(prefers-contrast:high){:focus-visible{outline:3px solid CanvasText;outline-offset:2px}[data-aqb-id][data-selected=true]{outline:3px solid Highlight}}@media(prefers-reduced-motion:reduce){:focus-visible{transition:none}.aqb-selection-box,.aqb-selection-box--appearing,.aqb-drag-handle,.aqb-drop-indicator-top,.aqb-drop-indicator-bottom,.aqb-drop-indicator-left,.aqb-drop-indicator-right,.aqb-layer-hover-highlight{animation:none!important;transition:none!important}[data-aqb-id],[data-aqb-id]:hover,[data-aqb-id][data-selected=true],[data-aqb-id][data-drop-target=true]{transition:none!important}.aqb-block-card:focus-visible{transform:none!important}.aqb-hover-overlay,.aqb-drop-feedback-badge,.aqb-drop-feedback-target{animation:none!important;transition:none!important;opacity:1!important}}