.login-overlay[data-v-a5111a68]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-card[data-v-a5111a68]{background:#fff;border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:loginSlideIn-a5111a68 .25s ease-out}@keyframes loginSlideIn-a5111a68{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header[data-v-a5111a68]{text-align:center;margin-bottom:1.5rem}.login-icon[data-v-a5111a68]{font-size:2.5rem;color:var(--bs-primary, #0d6efd);display:block;margin-bottom:.75rem}.login-title[data-v-a5111a68]{font-weight:700;margin-bottom:.25rem}.login-subtitle[data-v-a5111a68]{color:#6c757d;font-size:.9rem;margin-bottom:0}.btn-google[data-v-a5111a68]{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;border:2px solid #dadce0;color:#3c4043;font-weight:600;font-size:.95rem;padding:.65rem 1rem;border-radius:8px;transition:all .15s ease}.btn-google[data-v-a5111a68]:hover:not(:disabled){background:#f7f8f8;border-color:#c6c8ca;box-shadow:0 1px 3px #00000014}.btn-google[data-v-a5111a68]:disabled{opacity:.7}.google-icon[data-v-a5111a68]{flex-shrink:0}.login-divider[data-v-a5111a68]{display:flex;align-items:center;margin:1.25rem 0;color:#adb5bd;font-size:.85rem}.login-divider[data-v-a5111a68]:before,.login-divider[data-v-a5111a68]:after{content:"";flex:1;height:1px;background:#dee2e6}.login-divider span[data-v-a5111a68]{padding:0 .75rem}.guest-note[data-v-a5111a68]{text-align:center;color:#adb5bd;font-size:.8rem;margin-top:.75rem;margin-bottom:0}:root{--ui-dark: #1e293b;--ui-dark-hover: #334155;--z-block-controls: 45;--z-block-reorder: 50;--z-block-toolbar: 55;--z-img-resize: 7900;--z-overlays: 8000;--z-rich-text: 9000;--z-link-tooltip: 9100;--z-image-picker: 9500;--z-theme-picker: 9800;--z-context-menu: 9998;--z-preview: 9999;--z-iframe-bar: 10000;--z-sidebar: 100;--z-header: 200;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .2s}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden;min-height:0}.app-header{height:56px;flex-shrink:0;background:var(--ui-dark);color:#f8fafc;display:flex;align-items:center;padding:0 1.25rem;gap:.75rem;box-shadow:0 1px 4px #00000059;z-index:var(--z-header)}.app-header .app-title{font-weight:700;font-size:1rem;letter-spacing:-.01em;color:#f8fafc;text-decoration:none;display:flex;align-items:center;gap:.5rem;cursor:pointer}.app-header .app-title span{color:#60a5fa}.project-switcher{flex-shrink:0}.project-name-badge{font-size:.8rem;font-weight:500;color:#fffc;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.project-name-badge:hover{background:#ffffff2e;border-color:#ffffff40}.project-switcher__menu{max-height:300px;overflow-y:auto;min-width:240px}.save-status{display:flex;align-items:center;gap:.3rem;font-size:.75rem;white-space:nowrap}.save-status--saved{color:#86efac}.save-status--saving{color:#fde68a}.save-status--unsaved{color:#fff6}.save-status--error{color:#fca5a5}.user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-menu-btn{display:flex;align-items:center;gap:.3rem;padding:.2rem .5rem}.header-divider{width:1px;height:24px;background:#ffffff26;margin:0 .25rem}.block-count-badge{font-size:.75rem;color:#ffffff80;white-space:nowrap}.share-wrapper{position:relative}.share-popover__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040}.share-popover__card{position:absolute;top:calc(100% + 8px);right:0;z-index:1050;width:340px;background:#1e293b;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 40px #0006;overflow:hidden;animation:sharePopIn .15s ease-out}@keyframes sharePopIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.share-popover__header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;border-bottom:1px solid rgba(255,255,255,.08);color:#f1f5f9}.share-popover__header h6{font-size:.82rem;font-weight:600}.share-popover__body{padding:.85rem}.share-popover__label{font-size:.82rem;color:#cbd5e1}.share-popover__body .form-check-input{cursor:pointer}.share-popover__url-row{display:flex;gap:.35rem}.share-popover__url{font-size:.75rem;background:#ffffff0f;border-color:#ffffff26;color:#e2e8f0;flex:1;min-width:0}.share-popover__url:focus{background:#ffffff1a;border-color:#3b82f699;color:#f1f5f9;box-shadow:0 0 0 .2rem #3b82f626}.share-popover__open-link{font-size:.75rem;color:#60a5fa;text-decoration:none}.share-popover__open-link:hover{text-decoration:underline}.share-popover__regen{font-size:.72rem;text-decoration:none;padding:0}.share-popover__hint{font-size:.78rem;color:#64748b;margin:0}.share-popover__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1e293bb3;z-index:1}.sidebar{width:300px;flex-shrink:0;background:#f8f9fa;border-right:1px solid #dee2e6;display:flex;flex-direction:column;overflow:hidden;z-index:var(--z-sidebar)}.sidebar-header{padding:.875rem 1rem 0;border-bottom:1px solid #dee2e6;background:#fff;flex-shrink:0}.sidebar-header h6{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:.75rem}.category-tabs{display:flex;flex-direction:column;gap:2px;overflow-y:auto;padding:.5rem;flex-shrink:0;max-height:280px;border-bottom:1px solid #dee2e6}.category-tab-btn{display:flex;align-items:center;gap:.6rem;padding:.45rem .75rem;border:none;background:transparent;color:#64748b;font-size:.85rem;font-weight:500;border-radius:6px;cursor:pointer;text-align:left;transition:background var(--duration-normal),color var(--duration-normal);width:100%}.category-tab-btn:hover{background:#e2e8f0;color:var(--ui-dark)}.category-tab-btn.active{background:#dbeafe;color:#1d4ed8;font-weight:600}.category-tab-btn i{font-size:1rem;width:18px;text-align:center}.block-palette{flex:1;overflow-y:auto;padding:.75rem}.palette-list{display:flex;flex-direction:column;gap:6px;min-height:60px}.block-thumbnail{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem .75rem;cursor:grab;transition:border-color var(--duration-normal),box-shadow var(--duration-normal),transform var(--duration-fast);display:flex;align-items:center;gap:.6rem;-webkit-user-select:none;user-select:none}.block-thumbnail:hover{border-color:#93c5fd;box-shadow:0 2px 8px #3b82f626;transform:translateY(-1px)}.block-thumbnail:active{cursor:grabbing;transform:translateY(0)}.block-thumbnail-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem}.block-thumbnail-label{font-size:.82rem;font-weight:500;color:#334155;line-height:1.2}.block-drag-handle{margin-left:auto;color:#cbd5e1;font-size:1rem}.canvas-area{flex:1;overflow-y:auto;background:#e2e8f0;padding:1.5rem;min-width:0}.canvas-inner{max-width:1200px;margin:0 auto;background:transparent}.canvas-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;border:2px dashed #94a3b8;border-radius:16px;color:#94a3b8;text-align:center;padding:2rem;background:#fff6;pointer-events:none}.canvas-empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.canvas-empty-state h5{font-weight:600;color:#64748b}.canvas-empty-state p{font-size:.9rem;max-width:280px}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-preview);background:#fff;display:flex;flex-direction:column}.preview-toolbar{height:52px;background:var(--ui-dark);display:flex;align-items:center;padding:0 1rem;gap:.5rem;flex-shrink:0}.preview-toolbar .preview-title{font-weight:600;color:#f8fafc;font-size:.9rem;margin-right:auto}.preview-iframe{flex:1;border:none;width:100%}.sidebar::-webkit-scrollbar,.block-palette::-webkit-scrollbar,.canvas-area::-webkit-scrollbar,.category-tabs::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track,.block-palette::-webkit-scrollbar-track,.canvas-area::-webkit-scrollbar-track,.category-tabs::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.block-palette::-webkit-scrollbar-thumb,.canvas-area::-webkit-scrollbar-thumb,.category-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.app-header :focus-visible,.block-controls :focus-visible,.rich-text-toolbar :focus-visible,.preview-toolbar :focus-visible,.page-tabs-bar :focus-visible,.page-tab-menu :focus-visible{outline-color:#93c5fd}.editable-active:focus-visible,.ip-url-input:focus-visible,.rt-link-input:focus-visible,.ifp-bar-input:focus-visible,.tp-select:focus-visible,.tp-text-input:focus-visible,.tp-color-input:focus-visible{outline:none}