.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;max-width:380px}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:rgba(30,30,30,.95);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.45);font-size:13px;color:rgba(255,255,255,.87);backdrop-filter:blur(12px)}.toast-success{border-left:3px solid #44cf6e}.toast-error{border-left:3px solid #fb464c}.toast-info{border-left:3px solid #7c8aff}.toast-success .toast-message{color:#44cf6e}.toast-error .toast-message{color:#fb464c}.toast-info .toast-message{color:#7c8aff}.toast-message{flex:1;line-height:1.4}.toast-close{flex-shrink:0;width:22px;height:22px;border:none;background:transparent;color:rgba(255,255,255,.4);font-size:16px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.toast-close:hover{color:#fff;background:rgba(255,255,255,.08)}.toast-enter-active{transition:all .3s ease}.toast-leave-active{transition:all .25s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(40px)}.toast-move{transition:transform .3s ease}#app{width:100vw;height:100vh;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}:root{--color-brands: #00ff00;--color-brands-light: #8cff8c;--color-brand-on: #071307;--dark-neutral-bg: #1f2128;--dark-neutral-border: #313442;--dark-card-bg: rgba(0, 42, 0, .5);--dark-menu-bg: rgba(0, 32, 0, .68);--dark-input-bg: rgba(255, 255, 255, .05);--dark-text-primary: #f8fff8;--dark-text-secondary: #d6f2d6;--dark-text-muted: #a8c6a8;--accent-green: #50d1b2;--accent-red: #e23738;--accent-yellow: #ece663;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-std: .3s ease;--shadow-dropdown: 0 40px 120px 0 rgba(0, 0, 0, .24);--shadow-card: 0 4px 24px rgba(0, 0, 0, .28);font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--dark-text-primary);background-color:var(--dark-neutral-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow:hidden}.auth-page{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;background:#0f0f12}.auth-card{background:var(--dark-card-bg);border:1px solid var(--dark-neutral-border);border-radius:var(--radius-lg);padding:40px;width:360px;box-shadow:var(--shadow-card)}.auth-card h1{margin-bottom:24px;font-size:24px;font-weight:700;text-align:center;color:var(--dark-text-primary)}.auth-card h1 span.brand{color:var(--color-brands)}.auth-card form{display:flex;flex-direction:column;gap:12px}.auth-card input{padding:10px 14px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:var(--dark-input-bg);color:#fff;font-size:14px;outline:none;transition:border-color var(--transition-fast)}.auth-card input:focus{border-color:color-mix(in srgb,var(--color-brands) 50%,transparent)}.auth-card button[type=submit]{padding:10px;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--color-brands);color:var(--color-brand-on);font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:border-color var(--transition-std)}.auth-card button[type=submit]:hover{border-color:var(--color-brands-light)}.auth-card button:disabled{opacity:.5}.auth-link{text-align:center;margin-top:16px;font-size:13px;color:var(--dark-text-secondary)}.auth-link a{color:var(--color-brands);text-decoration:none}.error{color:#fb464c;font-size:13px;text-align:center}.dashboard{overflow-y:auto;padding:32px 40px}.app-layout{display:grid;grid-template-rows:auto 1fr;height:100vh;height:100dvh;overflow:hidden;background:#0f0f12}.app-sidebar{grid-row:1 / -1;background:var(--dark-neutral-bg);border-right:1px solid var(--dark-neutral-border);display:flex;flex-direction:column;padding:24px 20px;gap:4px;overflow-y:auto}.sidebar-logo{font-size:18px;font-weight:700;color:var(--dark-text-primary);padding:0 8px;margin-bottom:24px;letter-spacing:0}.sidebar-logo span{color:var(--color-brands)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-md);color:var(--dark-text-secondary);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);border:none;background:transparent;width:100%;text-align:left}.sidebar-item:hover{background:rgba(255,255,255,.05);color:var(--dark-text-primary)}.sidebar-item.active,.sidebar-item.router-link-active{background:var(--color-brands);color:#fff}.sidebar-item svg{flex-shrink:0;opacity:.7}.sidebar-item.active svg,.sidebar-item.router-link-active svg{opacity:1}.sidebar-section-label{font-size:11px;font-weight:600;color:var(--dark-text-muted);text-transform:uppercase;letter-spacing:.07em;padding:0 14px;margin:16px 0 6px}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--dark-neutral-border)}.app-header{background:var(--dark-neutral-bg);border-bottom:1px solid var(--dark-neutral-border);padding:16px 40px}.app-header-inner{width:min(1280px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header h1{margin:0;font-size:20px;font-weight:700;color:var(--dark-text-primary)}.app-main{min-height:0;overflow-y:auto;padding:32px 28px}.dashboard-shell{width:min(1280px,100%);margin:0 auto}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dash-header h1{font-size:24px}.dash-subtitle{margin-top:6px;color:var(--dark-text-muted);font-size:13px}.dash-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.header-user-slot{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.dash-actions-secondary{display:flex;align-items:center;gap:8px}.resource-control-panel{margin-bottom:18px;padding:12px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-md);background:rgba(255,255,255,.03)}.resource-control-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.current-user-badge{display:inline-flex;align-items:center;max-width:260px;gap:8px;padding:8px 10px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.04);color:var(--dark-text-secondary);font-size:12px;line-height:1;cursor:pointer}.current-user-badge span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-user-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 auto;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-brands) 18%,transparent);color:var(--color-brands-light)}.mobile-action-menu{display:none;position:relative}.control-menu{position:relative}.btn-primary,.btn-ghost,.card-menu-item{display:inline-flex;align-items:center;gap:8px}.menu-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;min-width:18px;height:18px;border-radius:5px;background:rgba(255,255,255,.08);font-size:12px;line-height:1}.btn-primary .menu-icon{background:rgba(7,19,7,.12)}.mobile-action-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:310;width:min(228px,calc(100vw - 32px));padding:6px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-md);background:var(--dark-menu-bg);box-shadow:var(--shadow-card);backdrop-filter:blur(10px)}.control-popover{left:0;right:auto}.user-menu{position:relative}.user-popover{width:190px}.home-tabs{display:inline-flex;gap:4px;margin-top:14px;padding:4px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:var(--dark-input-bg)}.home-tab{padding:7px 14px;border-radius:var(--radius-sm);color:rgba(255,255,255,.62);font-size:13px;text-decoration:none}.home-tab.active{color:#fff;background:color-mix(in srgb,var(--color-brands) 22%,transparent)}.dash-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.dash-section-actions{display:flex;align-items:center;gap:8px}.section-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--dark-text-secondary);transition:transform .22s ease,color .22s ease}.section-toggle-icon.expanded{transform:rotate(180deg);color:rgba(255,255,255,.82)}.dashboard-toast{position:sticky;top:12px;z-index:80;margin-bottom:16px;padding:12px 14px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);font-size:13px;color:#fff;backdrop-filter:blur(12px)}.dashboard-toast-success{background:rgba(68,207,110,.14);border-color:rgba(68,207,110,.28)}.dashboard-toast-error{background:rgba(251,70,76,.14);border-color:rgba(251,70,76,.28)}.dash-search,.canvas-search-input{padding:10px 14px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:var(--dark-input-bg);color:var(--dark-text-primary);font-size:13px;outline:none;transition:border-color var(--transition-fast)}.dash-search:focus,.canvas-search-input:focus{border-color:color-mix(in srgb,var(--color-brands) 50%,transparent)}.dash-search{flex:1 1 260px;min-width:220px}.dash-sort-select{flex:0 0 180px;padding:9px 10px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:var(--dark-card-bg);color:var(--dark-text-primary);font-size:13px}.tag-filter-list,.card-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-filter,.card-tag{border:1px solid var(--dark-neutral-border);background:rgba(255,255,255,.04);color:var(--dark-text-secondary);border-radius:var(--radius-full);padding:4px 12px;font-size:12px}.tag-filter{cursor:pointer}.tag-filter.active{border-color:color-mix(in srgb,var(--color-brands) 45%,transparent);color:var(--color-brands-light);background:color-mix(in srgb,var(--color-brands) 10%,transparent)}.folder-section{margin-bottom:24px}.folder-title{margin-bottom:12px;color:var(--dark-text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.frox-divider{width:100%;height:1px;background:var(--dark-neutral-border);margin:12px 0}.folder-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.folder-action{padding:6px 10px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:var(--dark-input-bg);color:rgba(255,255,255,.7);font-size:12px;cursor:pointer}.folder-action:hover{background:rgba(255,255,255,.08)}.btn-primary{padding:8px 18px;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--color-brands);color:var(--color-brand-on);font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--transition-std),background var(--transition-std)}.btn-primary:hover{border-color:var(--color-brands-light)}.btn-ghost{padding:8px 18px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:transparent;color:var(--dark-text-secondary);font-size:13px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.btn-ghost:hover{background:rgba(255,255,255,.06);color:var(--dark-text-primary)}.btn-ghost.danger:hover{color:#fff;background:rgba(226,55,56,.18);border-color:rgba(226,55,56,.35)}.btn-sm{padding:4px 10px;font-size:12px}.btn-primary:disabled,.btn-ghost:disabled,.folder-action:disabled,.card-manage:disabled,.card-pin:disabled,.card-delete:disabled,.card-menu-item:disabled,.tag-color-option:disabled,.tag-remove-btn:disabled,.folder-manager-btn:disabled{opacity:.55;cursor:default;pointer-events:none}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.content-type-tabs{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.03)}.content-type-tabs button{min-width:64px;padding:7px 10px;border:none;border-radius:6px;background:transparent;color:var(--dark-text-secondary);font-size:12px;cursor:pointer}.content-type-tabs button.active{background:var(--color-brands);color:var(--color-brand-on)}.canvas-card{position:relative;background:var(--dark-card-bg);border:1px solid var(--dark-neutral-border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:visible}.canvas-card:hover{border-color:var(--color-brands);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-brands) 30%,transparent)}.card-title{font-size:16px;font-weight:600;margin-bottom:8px;cursor:text}.card-title-input{font-size:16px;font-weight:600;margin-bottom:8px;background:rgba(255,255,255,.06);border:1px solid color-mix(in srgb,var(--color-brands) 50%,transparent);border-radius:var(--radius-full);color:#fff;padding:2px 6px;outline:none;width:100%}.card-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--dark-text-muted)}.card-owner{margin-top:10px;font-size:12px;color:var(--dark-text-secondary)}.card-tags{margin-top:10px}.card-folder{margin-top:10px;font-size:12px;color:var(--dark-text-muted)}.color-tag{border-color:color-mix(in srgb,var(--tag-color) 45%,transparent);background:color-mix(in srgb,var(--tag-color) 16%,rgba(255,255,255,.04));color:#fff}.card-manage{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:transparent;color:rgba(255,255,255,.35);cursor:pointer;font-size:16px;border-radius:var(--radius-full)}.card-manage:hover{color:#fff;background:rgba(255,255,255,.08)}.card-pin{position:absolute;top:8px;right:36px;width:24px;height:24px;border:none;background:transparent;color:rgba(255,255,255,.35);cursor:pointer;font-size:15px;border-radius:var(--radius-full)}.card-pin:hover,.card-pin.active{color:#e0de71;background:rgba(224,222,113,.12)}.card-menu{position:absolute;top:40px;right:8px;min-width:220px;padding:6px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-md);background:var(--dark-menu-bg);box-shadow:var(--shadow-dropdown);backdrop-filter:blur(10px);z-index:120}.card-menu-item{display:block;width:100%;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--dark-text-primary);text-align:left;font-size:13px;cursor:pointer;transition:background var(--transition-fast)}.card-menu-item:hover{background:rgba(255,255,255,.06)}.card-menu-item.danger{color:#ff9da1}.card-menu-item.danger:hover{background:rgba(251,70,76,.15)}.dash-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.badge{padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.badge-owner{background:color-mix(in srgb,var(--color-brands) 15%,transparent);color:var(--color-brands)}.badge-shared{background:rgba(68,207,110,.15);color:#44cf6e}.badge-pinned{background:rgba(224,222,113,.15);color:#e0de71}.card-delete{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:transparent;color:rgba(255,255,255,.3);cursor:pointer;font-size:14px;border-radius:var(--radius-full)}.card-delete:hover{color:#fb464c;background:rgba(251,70,76,.15)}.dash-section{margin-top:32px}.dash-section h2{font-size:18px;margin-bottom:0;color:rgba(255,255,255,.6)}.canvas-card-welcome{border-color:rgba(83,223,221,.3)}.canvas-card-welcome:hover{border-color:rgba(83,223,221,.6)}.badge-public{background:rgba(83,223,221,.15);color:#53dfdd}.folder-manager-list{display:flex;flex-direction:column;gap:8px;overflow:visible}.folder-manager-row{display:flex;flex-direction:column;gap:10px;padding:10px 12px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.03);transition:border-color .15s,background .15s;overflow:visible}.folder-manager-row.folder-drop-active{border-color:color-mix(in srgb,var(--color-brands) 55%,transparent);background:color-mix(in srgb,var(--color-brands) 10%,transparent)}.folder-manager-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.folder-manager-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:0}.folder-manager-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.folder-row-toggle{width:16px;height:16px;font-size:12px}.folder-manager-name{color:rgba(255,255,255,.9);font-size:13px;font-weight:600}.folder-manager-count{color:var(--dark-text-muted);font-size:11px;font-weight:500}.folder-manager-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.folder-manager-btn{padding:6px 9px;border-radius:7px;border:1px solid var(--dark-neutral-border);background:var(--dark-input-bg);color:rgba(255,255,255,.75);font-size:12px;cursor:pointer}.folder-manager-btn:hover{background:rgba(255,255,255,.08)}.folder-manager-btn.danger:hover{color:#fff;background:rgba(251,70,76,.18);border-color:rgba(251,70,76,.28)}.folder-manager-body{width:100%}.folder-collapse-enter-active,.folder-collapse-leave-active{transition:max-height .24s ease,opacity .2s ease,transform .2s ease,margin-top .24s ease;max-height:1200px;opacity:1;transform:translateY(0);margin-top:0}.folder-collapse-enter-from,.folder-collapse-leave-to{max-height:0;opacity:0;transform:translateY(-6px);margin-top:-4px}.admin-section-title{font-size:16px;font-weight:600;color:rgba(255,255,255,.7);margin:24px 0 12px}.admin-stats{display:flex;gap:16px;margin-bottom:24px}.stat-card{background:var(--dark-card-bg);border:1px solid var(--dark-neutral-border);border-radius:var(--radius-lg);padding:20px 32px;box-shadow:var(--shadow-card);text-align:center}.stat-value{font-size:32px;font-weight:700;color:var(--color-brands)}.stat-label{font-size:13px;color:var(--dark-text-muted);margin-top:4px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;padding:10px 16px;border-bottom:1px solid var(--dark-neutral-border);color:var(--dark-text-secondary);font-weight:500;font-size:12px}.admin-table td{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.admin-table tr:hover td{background:rgba(255,255,255,.02)}.role-select{padding:4px 8px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-full);background:#333;color:#fff;font-size:12px;cursor:pointer;outline:none}.badge-superadmin{background:rgba(251,70,76,.15);color:#fb464c}.dash-loading,.dash-empty{text-align:center;color:var(--dark-text-muted);padding:60px}.dashboard-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:300;padding:24px}.dashboard-modal{width:min(560px,100%);background:var(--dark-menu-bg);border:1px solid var(--dark-neutral-border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card);backdrop-filter:blur(10px)}.dashboard-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-modal-head h3{font-size:18px;font-weight:600}.dashboard-modal-close{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--dark-text-secondary);cursor:pointer}.dashboard-modal-close:hover{background:rgba(255,255,255,.08);color:#fff}.dashboard-modal-input{width:100%;padding:11px 12px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.05);color:#fff;font-size:14px;outline:none}.dashboard-modal-input:focus{border-color:color-mix(in srgb,var(--color-brands) 45%,transparent)}.dashboard-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.dashboard-modal-note{margin-top:10px;color:rgba(255,255,255,.46);font-size:12px}.folder-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.folder-chip{padding:7px 10px;border:1px solid var(--dark-neutral-border);border-radius:999px;background:var(--dark-input-bg);color:rgba(255,255,255,.76);font-size:12px;cursor:pointer}.folder-chip:hover,.folder-chip.active{background:rgba(255,255,255,.08);border-color:color-mix(in srgb,var(--color-brands) 45%,transparent);color:#fff}.tag-editor-list{display:flex;flex-direction:column;gap:12px}.tag-editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}.tag-name-input{min-width:0}.tag-color-palette{display:flex;flex-wrap:wrap;gap:8px}.tag-color-option{width:22px;height:22px;border-radius:999px;border:2px solid transparent;cursor:pointer}.tag-color-option.active{border-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.16)}.tag-remove-btn{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:rgba(255,255,255,.05);color:rgba(255,255,255,.66);cursor:pointer}.tag-remove-btn:hover{color:#fff;background:rgba(251,70,76,.18)}.tag-add-btn{margin-top:14px}.tag-manager-list{display:flex;flex-direction:column;gap:12px}.tag-manager-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto auto auto;gap:10px;align-items:center}.tag-manager-count{color:var(--dark-text-secondary);font-size:12px;white-space:nowrap}.html-generate-panel,.settings-panel{display:grid;gap:12px;margin-bottom:22px;padding:16px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-lg);background:var(--dark-card-bg);box-shadow:var(--shadow-card)}.html-generate-panel{grid-template-columns:minmax(160px,.8fr) minmax(180px,1fr) minmax(260px,2fr) auto;align-items:end}.html-generate-panel h2{margin:0;font-size:16px}.html-generate-panel p{margin:4px 0 0;color:var(--dark-text-muted);font-size:12px}.html-prompt,.html-source{width:100%;min-height:74px;padding:10px 12px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.05);color:#fff;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none;resize:vertical}.html-drop-zone{border-style:dashed}.html-doc-card{min-height:126px}.html-select{position:absolute;right:10px;bottom:10px}.html-select input{width:18px;height:18px}.html-editor-page{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--dark-neutral-bg)}.html-editor-bar{min-height:52px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 12px;border-bottom:1px solid var(--dark-neutral-border);background:var(--dark-neutral-bg)}.html-mode-tabs,.html-editor-tools{display:flex;flex-wrap:wrap;gap:6px}.html-mode-tabs .active{border-color:color-mix(in srgb,var(--color-brands) 35%,transparent);background:color-mix(in srgb,var(--color-brands) 20%,transparent);color:var(--color-brands)}.html-sync-wrap{position:relative}.html-mobile-actions{display:none;position:relative}.html-save-state{border:0;padding:4px 8px;border-radius:999px;background:rgba(68,207,110,.12);color:#9af3b3;font-size:12px;white-space:nowrap;cursor:pointer}.html-save-state-dirty,.html-save-state-saving{background:rgba(224,222,113,.14);color:#f0ed9b}.html-save-state-conflict{background:rgba(251,70,76,.16);color:#ff9da1}.html-save-state-offline{background:rgba(255,255,255,.08);color:rgba(255,255,255,.62)}.html-sync-popover{position:absolute;top:calc(100% + 8px);right:0;width:300px;max-height:320px;overflow-y:auto;padding:10px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:var(--dark-card-bg);box-shadow:var(--shadow-dropdown);z-index:120}.html-sync-head,.html-sync-event{display:flex;justify-content:space-between;gap:10px}.html-sync-head{padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--dark-neutral-border)}.html-sync-head strong,.html-sync-event strong{color:rgba(255,255,255,.9);font-size:12px}.html-sync-head span,.html-sync-event span,.html-sync-event time,.html-sync-empty{color:rgba(255,255,255,.48);font-size:11px}.html-sync-event{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}.html-sync-event>div{min-width:0;display:flex;flex-direction:column;gap:2px}.html-sync-event-rejected strong{color:#ff9da1}.html-sync-event-warning strong{color:#f0ed9b}.html-sync-event-confirmed strong{color:#9af3b3}.html-editor-tools{padding:8px 12px;border-bottom:1px solid var(--dark-neutral-border);background:var(--dark-neutral-bg)}.html-title-input{flex:1;min-width:0;padding:9px 11px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:var(--dark-input-bg);color:var(--dark-text-primary);font-size:15px;font-weight:600}.html-title-readonly{flex:1;min-width:0;color:var(--dark-text-primary);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.html-access-select{padding:9px 10px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:var(--dark-card-bg);color:var(--dark-text-primary);font-size:13px}.html-share-panel{position:static;width:auto;border-radius:0;border-width:0 0 1px}.html-history-panel{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:12px;min-height:360px;padding:12px;border-bottom:1px solid var(--dark-neutral-border);background:rgba(0,0,0,.18)}.html-history-list,.html-history-preview{min-height:320px;overflow:hidden;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.03)}.html-history-list{overflow-y:auto}.html-history-preview{display:flex;flex-direction:column}.html-history-head,.html-history-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--dark-neutral-border);color:rgba(255,255,255,.9)}.html-history-preview-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}.html-history-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;cursor:pointer}.html-history-item:hover,.html-history-item.active{background:color-mix(in srgb,var(--color-brands) 15%,transparent)}.html-history-item span{color:rgba(255,255,255,.92);font-size:13px;font-weight:600}.html-history-item small,.html-history-preview-head small,.html-history-empty{color:rgba(255,255,255,.55)}.html-history-empty{padding:16px}.html-editor-main,.html-editor-grid{min-height:0;flex:1}.html-editor-main{display:flex;background:#fff}.html-editor-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);width:100%}.html-visual-grid{display:grid;grid-template-columns:220px minmax(300px,.9fr) minmax(0,1.1fr);width:100%;min-height:0;background:#17181f}.html-visual-editor{display:grid;grid-template-columns:210px minmax(330px,.9fr) minmax(0,1.1fr);width:100%;min-height:0;background:#17181f}.html-block-sidebar{padding:14px;border-right:1px solid var(--dark-neutral-border);overflow:auto}.html-panel-title{margin:8px 0;color:rgba(255,255,255,.52);font-size:11px;text-transform:uppercase}.html-block-btn{display:block;width:100%;margin-bottom:8px;padding:9px 10px;border:1px solid var(--dark-neutral-border);border-radius:7px;background:var(--dark-input-bg);color:rgba(255,255,255,.78);text-align:left;cursor:pointer}.html-block-btn:hover{background:rgba(255,255,255,.08)}.html-block-btn.active{border-color:color-mix(in srgb,var(--color-brands) 35%,transparent);background:color-mix(in srgb,var(--color-brands) 20%,transparent);color:var(--color-brands)}.html-block-editor{padding:14px;overflow:auto}.html-visual-panel{min-height:0;padding:14px;overflow:auto;border-right:1px solid var(--dark-neutral-border)}.html-structure-list{display:grid;gap:7px;margin-bottom:12px}.html-structure-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.76);text-align:left;cursor:pointer}.html-structure-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.html-structure-item small{color:rgba(255,255,255,.38)}.html-structure-item.active{border-color:rgba(83,223,221,.45);background:rgba(83,223,221,.12);color:#d8fffd}.html-block-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.html-property-grid{display:grid;gap:10px;margin-bottom:14px}.html-property-grid label{display:grid;gap:5px;color:rgba(255,255,255,.58);font-size:12px}.html-property-grid input,.html-property-grid textarea,.html-property-grid select{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--dark-neutral-border);border-radius:7px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.9);font:inherit}.html-property-grid textarea{min-height:88px;resize:vertical}.html-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.html-checkbox-row{grid-template-columns:auto 1fr;align-items:center}.html-checkbox-row input{width:auto}.html-dom-editor-note{align-content:start;color:rgba(255,255,255,.72)}.html-dom-editor-note h3{margin:0 0 8px;color:rgba(255,255,255,.9)}.html-dom-editor-note p{margin:0;line-height:1.5}.html-block-row{display:grid;gap:10px;margin-bottom:12px;padding:12px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.035)}.html-block-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:rgba(255,255,255,.78);font-size:12px;font-weight:600}.html-block-textarea{min-height:92px;resize:vertical}.html-source{height:100%;min-height:0;border:none;border-radius:0;border-right:1px solid var(--dark-neutral-border);resize:none}.html-source-full,.html-source-readonly{width:100%;flex:1;padding:18px;background:#111217;color:rgba(255,255,255,.9);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55;overflow:auto;white-space:pre-wrap}.html-source-readonly{margin:0;user-select:text}.html-browser-preview{width:100%;height:100%;flex:1;border:0;background:#fff}.html-preview{overflow:auto;padding:24px;background:#fff;color:#111}.settings-panel{max-width:640px}.settings-panel h2{margin:0;font-size:18px;color:var(--dark-text-primary)}.settings-panel label{display:grid;gap:6px;color:rgba(255,255,255,.65);font-size:13px}.settings-actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:720px){.auth-page{align-items:stretch;padding:16px}.auth-card{width:100%;max-width:420px;margin:auto;padding:28px 20px}.auth-card input,.auth-card button[type=submit]{min-height:44px;font-size:16px}.app-layout{grid-template-rows:auto 1fr}.app-header{padding:10px 12px}.app-header-inner{align-items:center;flex-direction:row;gap:10px}.app-header h1{font-size:18px;line-height:1}.header-user-slot{margin-left:auto;min-width:0}.app-main.dashboard{padding:16px 12px calc(24px + env(safe-area-inset-bottom))}.dash-actions{align-items:center;flex-direction:row;flex-wrap:wrap}.resource-control-actions,.dash-actions-secondary{align-items:center;flex-direction:row;flex-wrap:wrap;gap:6px}.resource-control-actions>*,.dash-actions-secondary>*{width:auto;flex:1 1 auto}.resource-control-panel{padding:8px}.resource-control-actions .btn-primary,.resource-control-actions .btn-ghost,.dash-actions-secondary .btn-ghost{min-height:32px;padding:5px 8px;font-size:12px;gap:5px}.current-user-badge{max-width:min(54vw,260px);width:auto;padding:7px 8px}.dash-header{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:20px}.dash-header h1{font-size:22px}.dash-actions,.dash-section-actions{flex-wrap:wrap}.dash-actions>*,.dash-section-actions>*{flex:1 1 auto}.dash-actions{align-items:center}.dash-actions-secondary{display:none}.mobile-action-menu{display:block;flex:0 0 auto}.dash-actions>.mobile-action-menu{flex:0 0 auto}.dash-more-btn{min-width:76px}.mobile-action-popover .card-menu-item{text-decoration:none}.dash-search{width:100%;max-width:none;min-height:44px;font-size:16px}.dash-sort-select,.content-type-tabs,.tag-filter-list{width:100%}.dash-sort-select{flex-basis:auto}.content-type-tabs button{flex:1}.home-tabs{width:100%}.home-tab{flex:1;text-align:center}.html-generate-panel{grid-template-columns:1fr}.html-editor-bar{min-height:38px;flex-wrap:nowrap;gap:4px;padding:4px 6px;overflow:visible;width:100%;max-width:100%}.html-title-input{flex:1 1 0;width:0;min-width:0;min-height:28px;padding:3px 7px;font-size:14px}.html-title-readonly{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.html-mode-tabs{display:none}.html-mode-tabs .btn-ghost{justify-content:center}.html-editor-bar>.btn-primary,.html-editor-bar>.btn-ghost,.html-mobile-actions{flex:0 0 auto}.html-editor-bar .btn-ghost,.html-editor-bar .btn-primary{min-height:28px;padding:3px 7px;font-size:11px;gap:4px;white-space:nowrap}.html-desktop-action{display:none!important}.html-mobile-actions{display:block}.html-actions-trigger{width:28px;min-width:28px;padding:0;justify-content:center;font-size:16px;line-height:1}.html-actions-popover{right:0;top:calc(100% + 6px);width:min(190px,calc(100vw - 16px))}.html-actions-popover .card-menu-item{min-height:32px;padding:7px 8px;font-size:12px}.html-actions-popover .card-menu-item.active{border-color:color-mix(in srgb,var(--color-brands) 35%,transparent);background:color-mix(in srgb,var(--color-brands) 16%,transparent);color:var(--color-brands)}.html-editor-grid,.html-history-panel,.html-visual-grid,.html-visual-editor{grid-template-columns:1fr}.html-visual-editor .html-browser-preview{min-height:420px}.html-editor-main{min-height:0}.html-source{min-height:34vh;border-right:none;border-bottom:1px solid var(--dark-neutral-border)}.html-preview{min-height:46vh;padding:16px}.btn-primary,.btn-ghost,.folder-action,.folder-manager-btn,.card-menu-item{min-height:40px}.dash-grid{grid-template-columns:1fr;gap:12px}.canvas-card{min-height:112px;padding:18px 48px 18px 16px}.card-title,.card-title-input{overflow-wrap:anywhere}.card-meta{flex-wrap:wrap}.card-manage,.card-pin,.card-delete{width:36px;height:36px}.card-pin,.card-delete{display:none}.card-manage{right:6px}.card-menu{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;min-width:0;z-index:320}.admin-stats{display:grid;grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.admin-table{display:block;overflow-x:auto;white-space:nowrap}.dashboard-modal-backdrop{align-items:flex-end;padding:10px}.dashboard-modal{width:100%;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);overflow-y:auto;border-radius:var(--radius-md);padding:16px}.dashboard-modal-actions{flex-direction:column-reverse}.dashboard-modal-actions .btn-primary,.dashboard-modal-actions .btn-ghost{width:100%}.tag-editor-row{grid-template-columns:1fr auto}.tag-name-input{grid-column:1 / -1}.dash-section-head,.folder-manager-top,.folder-manager-row{align-items:stretch;flex-direction:column}.folder-manager-main{width:100%}.folder-manager-actions{justify-content:flex-start}}.canvas-card.dragging{opacity:.45;border-color:color-mix(in srgb,var(--color-brands) 52%,transparent);cursor:grabbing}.canvas-view{height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;--canvas-topbar-height: 44px;--canvas-toolbar-height: 0px}.canvas-loading,.canvas-error{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;color:var(--dark-text-secondary);background:var(--dark-neutral-bg)}.error-modal{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--dark-card-bg);border:1px solid var(--dark-neutral-border);border-radius:var(--radius-lg);padding:40px 48px;box-shadow:var(--shadow-card);text-align:center}.error-modal h2{color:rgba(255,255,255,.85);font-size:20px;font-weight:600;margin:0}.error-modal p{color:var(--dark-text-muted);font-size:14px;margin:0}.error-home-btn{display:inline-block;margin-top:8px;padding:10px 24px;background:var(--color-brands);color:#fff;border-radius:var(--radius-sm);text-decoration:none;font-size:14px;font-weight:500;transition:background var(--transition-fast),border-color var(--transition-fast)}.error-home-btn:hover{background:var(--color-brands);box-shadow:0 0 0 1px var(--color-brands-light)}.error-home-btn:disabled{cursor:not-allowed;opacity:.65}.access-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--dark-neutral-bg);padding:24px}.access-gate-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;background:var(--dark-card-bg);border:1px solid var(--dark-neutral-border);border-radius:var(--radius-xl);padding:40px 36px 32px;box-shadow:var(--shadow-card);gap:0}.access-gate-icon{width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--color-brands) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-brands) 25%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-brands-light);margin-bottom:20px}.access-gate-title{font-size:20px;font-weight:600;color:var(--dark-text-primary);margin:0 0 8px;text-align:center}.access-gate-sub{font-size:14px;color:var(--dark-text-muted);margin:0 0 28px;text-align:center}.access-gate-section{width:100%}.access-gate-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--dark-text-muted);margin-bottom:10px}.access-gate-form{display:flex;gap:8px;width:100%}.access-gate-input{flex:1;min-width:0;padding:10px 14px;background:var(--dark-input-bg);border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);color:#fff;font-size:14px;outline:none;transition:border-color var(--transition-fast)}.access-gate-input:focus{border-color:color-mix(in srgb,var(--color-brands) 50%,transparent)}.access-gate-input::placeholder{color:rgba(255,255,255,.25)}.access-gate-btn{padding:10px 18px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.access-gate-btn:disabled{opacity:.45;cursor:not-allowed}.access-gate-btn-primary{background:var(--color-brands);color:#fff}.access-gate-btn-primary:not(:disabled):hover{box-shadow:0 0 0 1px var(--color-brands-light)}.access-gate-btn-secondary{background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);border:1px solid var(--dark-neutral-border)}.access-gate-btn-secondary:not(:disabled):hover{background:rgba(255,255,255,.13)}.access-gate-divider{width:100%;display:flex;align-items:center;gap:12px;margin:20px 0;color:rgba(255,255,255,.2);font-size:12px}.access-gate-divider:before,.access-gate-divider:after{content:"";flex:1;height:1px;background:var(--dark-neutral-border)}.access-gate-request-row{display:flex;gap:8px;width:100%}.access-gate-select{padding:10px 12px;background:var(--dark-input-bg);border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);color:#fff;font-size:14px}.access-gate-back{margin-top:28px;font-size:13px;color:rgba(255,255,255,.3);text-decoration:none;transition:color .15s}.access-gate-back:hover{color:rgba(255,255,255,.6)}.access-request-list{display:flex;flex-direction:column;gap:8px}.access-request-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:var(--dark-input-bg)}.access-request-title{color:rgba(255,255,255,.9);font-weight:600}.access-request-meta{margin-top:4px;color:rgba(255,255,255,.54);font-size:13px}.access-request-actions{display:flex;gap:8px;flex-shrink:0}.password-access-panel{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--dark-neutral-border)}.canvas-topbar{position:absolute;top:0;left:0;right:0;height:44px;background:var(--dark-neutral-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--dark-neutral-border);display:flex;align-items:center;padding:0 12px;gap:8px;z-index:100}.canvas-search-input{width:220px;height:32px;padding:6px 10px;font-size:12px}.share-form-transfer{margin-top:12px}.share-checkbox{display:inline-flex;align-items:center;gap:8px;margin:8px 0 4px;font-size:12px;color:rgba(255,255,255,.72)}.topbar-back{color:var(--dark-text-secondary);text-decoration:none;display:flex;align-items:center;padding:4px}.topbar-back:hover{color:#fff}.topbar-title{background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;outline:none;padding:4px 8px;border-radius:var(--radius-full);min-width:120px}.topbar-title:focus{background:rgba(255,255,255,.06)}.topbar-title-ro{font-size:14px;font-weight:600;color:#fff}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-action-label,.topbar-canvas-actions{display:none}.topbar-actions-sep{height:1px;background:var(--dark-neutral-border);margin:4px 2px}.topbar-menu-btn{display:none;align-items:center;justify-content:center;padding:4px 6px}.topbar-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.topbar-status{font-size:11px;color:rgba(255,255,255,.3)}.topbar-sync{min-width:64px;height:22px;padding:0 8px;-webkit-appearance:none;appearance:none;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1px solid var(--dark-neutral-border);cursor:pointer}.sync-menu-wrap{position:relative;display:inline-flex}.sync-events-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:180;width:min(340px,calc(100vw - 24px));padding:10px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:rgba(24,25,31,.98);box-shadow:0 16px 40px rgba(0,0,0,.42)}.sync-events-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:rgba(255,255,255,.86);font-size:12px}.sync-events-head span,.sync-event-empty{color:rgba(255,255,255,.44)}.sync-event-empty{padding:8px 0;font-size:12px}.sync-event-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.07);font-size:12px}.sync-event-row strong{display:block;overflow:hidden;color:rgba(255,255,255,.82);text-overflow:ellipsis;white-space:nowrap}.sync-event-row span{display:block;margin-top:2px;color:rgba(255,255,255,.48)}.sync-event-row time{color:rgba(255,255,255,.36);font-size:11px}.sync-event-pending strong,.sync-event-warning strong{color:#e0de71}.sync-event-confirmed strong,.sync-event-info strong{color:#44cf6e}.sync-event-rejected strong{color:#fb464c}.topbar-sync-synced{color:#44cf6e;background:rgba(68,207,110,.1)}.topbar-sync-saving,.topbar-sync-resyncing{color:#e0de71;background:rgba(224,222,113,.1)}.topbar-sync-conflict{color:#fb464c;background:rgba(251,70,76,.12)}.topbar-sync-offline{color:var(--dark-text-muted);background:rgba(255,255,255,.06)}.topbar-ws-status{display:flex;align-items:center}.online-users{display:flex;align-items:center;gap:-4px}.online-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;border:2px solid rgba(30,30,30,.9);margin-left:-4px;cursor:default}.online-avatar:first-child{margin-left:0}.topbar-role{font-size:11px;padding:2px 8px;background:color-mix(in srgb,var(--color-brands) 15%,transparent);color:var(--color-brands);border-radius:var(--radius-full)}.sync-notice{position:absolute;top:52px;left:50%;transform:translate(-50%);max-width:min(520px,calc(100vw - 32px));padding:9px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;z-index:140;box-shadow:0 10px 30px rgba(0,0,0,.35);border:1px solid var(--dark-neutral-border)}.sync-notice-info{color:#53dfdd;background:rgba(83,223,221,.14)}.sync-notice-warning{color:#e0de71;background:rgba(224,222,113,.14)}.node-toolbar{position:absolute;top:44px;left:0;right:0;height:36px;background:rgba(30,30,30,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--dark-neutral-border);display:flex;align-items:center;padding:0 12px;gap:3px;z-index:100;overflow-x:auto}.tb-label{font-size:10px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.5px;margin-right:4px;white-space:nowrap}.tb-sep{width:1px;height:20px;background:rgba(255,255,255,.1);margin:0 6px;flex-shrink:0}.tb-color{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0;transition:transform .1s}.tb-color:hover{transform:scale(1.2)}.tb-color-none{background:#444;font-size:9px;color:#aaa;display:flex;align-items:center;justify-content:center}.tb-btn{height:26px;min-width:26px;border:none;background:transparent;color:var(--dark-text-secondary);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 2px;flex-shrink:0}.tb-btn:hover{background:rgba(255,255,255,.08);color:#fff}.tb-btn.active{background:color-mix(in srgb,var(--color-brands) 20%,transparent);color:var(--color-brands)}.tb-btn-danger:hover{background:rgba(251,70,76,.15);color:#fb464c}.block-menu{display:none}@media(max-width:640px){.node-toolbar{display:none}.block-menu{display:flex;flex-direction:column;gap:2px;position:absolute;left:8px;bottom:calc(108px + env(safe-area-inset-bottom));width:min(220px,calc(100vw - 16px));max-height:calc(100dvh - var(--canvas-topbar-height, 48px) - 24px);overflow-y:auto;padding:6px;background:rgba(22,22,24,.98);backdrop-filter:blur(12px);border:1px solid var(--dark-neutral-border);border-radius:12px;box-shadow:0 16px 44px rgba(0,0,0,.5);z-index:95}.block-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;border:none;background:transparent;color:rgba(255,255,255,.88);font-size:14px;border-radius:8px;cursor:pointer}.block-menu-item.open{background:rgba(255,255,255,.07)}.block-menu-label{flex:1;text-align:left}.block-menu-chev{color:rgba(255,255,255,.4);flex:0 0 auto;transition:transform .15s}.block-menu-item.open .block-menu-chev{transform:rotate(180deg)}.block-menu-ico{color:rgba(255,255,255,.6);flex:0 0 auto}.block-menu-danger,.block-menu-danger .block-menu-ico{color:#fb464c}.block-menu-swatch{width:20px;height:20px;border-radius:50%;flex:0 0 auto;border:2px solid rgba(255,255,255,.15)}.block-menu-swatch.swatch-empty{background:repeating-linear-gradient(45deg,#555,#555 3px,#333 3px,#333 6px)}.block-menu-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 10px 10px}.block-menu-pop .tb-color{width:28px;height:28px}.block-menu-pop .tb-btn{height:36px;min-width:36px}.block-menu-sublabel{width:100%;font-size:11px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}.block-menu-toggle{flex:1 0 100%;margin-top:2px;height:34px;padding:0 10px;border:1px solid var(--dark-neutral-border);border-radius:8px;background:transparent;color:rgba(255,255,255,.7);font-size:12px;cursor:pointer}.block-menu-toggle.active{background:color-mix(in srgb,var(--color-brands) 20%,transparent);color:var(--color-brands)}.block-menu-divider{height:1px;background:var(--dark-neutral-border);margin:4px 2px}}.share-panel{position:absolute;top:44px;right:0;width:320px;background:var(--dark-card-bg);backdrop-filter:blur(12px);border:1px solid var(--dark-neutral-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:16px;box-shadow:var(--shadow-dropdown);z-index:100}.share-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.share-panel h3{font-size:14px;margin:0}.share-section{padding-top:12px;margin-top:12px;border-top:1px solid var(--dark-neutral-border)}.share-section:first-of-type{padding-top:0;margin-top:0;border-top:none}.share-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--dark-text-muted);margin-bottom:8px}.slug-row{display:flex;align-items:center;gap:6px}.slug-prefix{font-size:12px;color:var(--dark-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.slug-input{flex:1;min-width:0;padding:6px 10px;border:1px solid var(--dark-neutral-border);border-radius:6px;background:rgba(255,255,255,.06);color:#fff;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}.slug-input:focus{border-color:var(--color-brands)}.slug-hint{margin-top:6px;font-size:11px;color:var(--dark-text-muted)}.share-visibility-select{width:100%;padding:7px 10px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-full);background:rgba(255,255,255,.06);color:#fff;font-size:12px;margin-bottom:4px}.share-item-role{font-size:11px;color:var(--dark-text-muted);margin-left:auto;margin-right:8px}.share-form{display:flex;gap:6px;margin-bottom:12px}.share-form input{flex:1;padding:6px 10px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-full);background:rgba(255,255,255,.06);color:#fff;font-size:12px;outline:none}.share-form select{padding:6px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-full);background:#333;color:#fff;font-size:12px}.share-form button{padding:6px 12px;border:none;border-radius:var(--radius-full);background:var(--color-brands);color:#fff;font-size:12px;cursor:pointer}.share-list{display:flex;flex-direction:column;gap:6px}.share-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.6);padding:4px 0}.share-item button{border:none;background:transparent;color:rgba(255,255,255,.3);cursor:pointer;font-size:14px}.share-item button:hover{color:#fb464c}.history-panel{position:absolute;top:44px;right:0;width:360px;max-height:calc(100vh - 44px);overflow-y:auto;background:var(--dark-card-bg);backdrop-filter:blur(12px);border:1px solid var(--dark-neutral-border);border-radius:0 0 0 var(--radius-lg);padding:16px;box-shadow:var(--shadow-dropdown);z-index:100}.history-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-panel-header h3{font-size:14px;margin:0}.history-access-control{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--dark-neutral-border)}.history-access-control label{font-size:11px;color:var(--dark-text-secondary);white-space:nowrap}.history-access-control select{padding:4px 6px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-full);background:#333;color:#fff;font-size:11px}.history-loading,.history-empty,.history-error{font-size:12px;color:var(--dark-text-muted);padding:8px 0}.history-error{color:#fb464c}.history-split{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.history-list{display:flex;flex-direction:column;gap:2px}.history-item{width:100%;text-align:left;padding:8px;border-radius:var(--radius-sm);background:rgba(255,255,255,.03);border:1px solid transparent;color:inherit;cursor:pointer;transition:background .15s}.history-item:hover,.history-item.active{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.06)}.history-item.active{border-color:color-mix(in srgb,var(--color-brands) 50%,transparent)}.history-item-header{display:flex;align-items:center;gap:6px}.history-op-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:2px 5px;border-radius:3px}.history-op-add{background:rgba(68,207,110,.15);color:#44cf6e}.history-op-delete{background:rgba(251,70,76,.15);color:#fb464c}.history-op-change{background:color-mix(in srgb,var(--color-brands) 15%,transparent);color:var(--color-brands)}.history-user{font-size:12px;color:rgba(255,255,255,.7);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-rev{font-size:10px;color:rgba(255,255,255,.3)}.history-item-detail{font-size:11px;color:var(--dark-text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-date{font-size:10px;color:rgba(255,255,255,.25);margin-top:2px}.history-load-more{margin-top:8px;align-self:center}.history-preview{padding:10px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-sm);background:rgba(0,0,0,.18)}.history-preview-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.history-preview-head strong{font-size:13px}.history-preview-head span,.history-preview-row span,.history-preview-grid span{font-size:10px;color:rgba(255,255,255,.38)}.history-preview-row{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid rgba(255,255,255,.06)}.history-preview-row strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:rgba(255,255,255,.76)}.history-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.history-preview-grid div{padding:8px;border-radius:var(--radius-sm);background:var(--dark-input-bg)}.history-preview-grid strong{display:block;margin-top:2px;font-size:18px;color:#fff}.history-preview-detail{margin-top:10px;font-size:11px;color:rgba(255,255,255,.52);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-restore-btn{width:100%;margin-top:10px}.canvas-node-embed{display:flex;flex-direction:column;overflow:hidden;cursor:grab;border-color:color-mix(in srgb,var(--color-brands) 40%,transparent)}.canvas-node-embed:hover{border-color:color-mix(in srgb,var(--color-brands) 70%,transparent)}.embed-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:color-mix(in srgb,var(--color-brands) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-brands) 15%,transparent);min-height:30px}.embed-icon{flex-shrink:0;opacity:.5}.embed-title{font-size:12px;font-weight:600;color:rgba(255,255,255,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embed-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:4px;background:rgba(0,0,0,.15)}.embed-minimap{width:100%;height:100%}.embed-loading,.embed-error{font-size:11px;color:rgba(255,255,255,.3)}.embed-error{color:rgba(251,70,76,.6)}.embed-picker-panel{position:absolute;top:44px;right:0;width:320px;max-height:calc(100vh - 44px);overflow-y:auto;background:rgba(30,30,30,.97);backdrop-filter:blur(12px);border:1px solid var(--dark-neutral-border);border-radius:0 0 0 8px;padding:16px;z-index:100}.embed-search-input{width:100%;padding:6px 10px;border:1px solid var(--dark-neutral-border);border-radius:var(--radius-full);background:rgba(255,255,255,.06);color:#fff;font-size:12px;outline:none;margin-bottom:8px}.embed-canvas-list{display:flex;flex-direction:column;gap:2px}.embed-canvas-item{padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .15s}.embed-canvas-item:hover{background:color-mix(in srgb,var(--color-brands) 12%,transparent)}.embed-canvas-title{font-size:13px;font-weight:500;color:rgba(255,255,255,.85)}.embed-canvas-owner{font-size:11px;color:rgba(255,255,255,.35)}.shortcuts-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.shortcuts-panel{background:var(--dark-card-bg);border:1px solid var(--dark-neutral-border);border-radius:var(--radius-lg);padding:24px;min-width:380px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-card)}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.shortcuts-header h3{font-size:16px;font-weight:600;margin:0;color:rgba(255,255,255,.9)}.shortcuts-grid{display:flex;flex-direction:column;gap:8px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:13px;color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.05)}.shortcut-row:last-child{border-bottom:none}.shortcut-row kbd{display:inline-block;padding:2px 7px;font-size:12px;font-family:inherit;color:rgba(255,255,255,.85);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);margin:0 2px}.shortcut-row span{color:var(--dark-text-secondary);font-size:12px}@media(max-width:640px){html,body{overflow:hidden}.canvas-topbar{flex-wrap:nowrap;height:52px;min-height:52px;padding:max(0px,env(safe-area-inset-top)) 8px 0;gap:6px}.topbar-back{width:36px;height:36px;justify-content:center;padding:0;flex:0 0 auto}.topbar-title,.topbar-title-ro{font-size:14px;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{gap:6px;flex-wrap:nowrap;margin-left:auto;flex:0 0 auto}.topbar-menu-btn{display:inline-flex;min-height:36px;min-width:36px;flex:0 0 auto}.topbar-actions{display:none;position:absolute;top:100%;right:6px;left:auto;flex-direction:column;align-items:stretch;gap:4px;min-width:220px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 64px);overflow-y:auto;margin-top:6px;padding:8px;background:rgba(22,22,24,.98);backdrop-filter:blur(12px);border:1px solid var(--dark-neutral-border);border-radius:12px;box-shadow:0 16px 44px rgba(0,0,0,.5);z-index:160}.topbar-actions.open{display:flex}.topbar-canvas-actions{display:contents}.topbar-actions .canvas-search-input{width:100%;height:40px;font-size:16px;margin-bottom:2px}.topbar-actions .topbar-role{align-self:flex-start}.topbar-actions .topbar-action-label{display:inline}.topbar-actions .btn-ghost.btn-sm{width:100%;justify-content:flex-start;gap:8px;min-height:42px;font-size:14px;padding:0 12px}.topbar-right .btn-ghost.btn-sm{font-size:11px;min-height:34px;padding:6px 8px;flex:0 0 auto}.canvas-search-input{width:clamp(150px,46vw,220px);height:36px;font-size:16px;flex:0 0 auto}.topbar-sync{min-width:58px;height:30px;font-size:10px}.sync-menu-wrap{position:static}.sync-events-popover{position:fixed;top:auto;right:8px;bottom:calc(var(--canvas-toolbar-height, 0px) + 48px + env(safe-area-inset-bottom));left:8px;width:auto}.topbar-role{min-height:30px;display:inline-flex;align-items:center;font-size:10px}.online-users{max-width:72px;overflow:hidden}.sync-notice{top:auto;bottom:calc(var(--canvas-toolbar-height, 0px) + 12px + env(safe-area-inset-bottom));left:8px;right:8px;transform:none;max-width:none;text-align:center}.node-toolbar{top:auto;bottom:0;height:auto;min-height:40px;flex-wrap:nowrap;padding:6px 8px max(6px,env(safe-area-inset-bottom));gap:4px;max-height:none;overflow-x:auto;overflow-y:hidden}.tb-label{display:none}.tb-sep{margin:0 3px}.tb-color{width:28px;height:28px}.tb-btn{height:38px;min-width:38px}.share-panel,.history-panel,.embed-picker-panel{width:100vw;max-width:100vw;right:0;left:0;top:auto;bottom:0;max-height:min(72dvh,calc(100dvh - var(--canvas-topbar-height, 44px) - 12px));overflow-y:auto;border-radius:0;padding-bottom:max(16px,env(safe-area-inset-bottom))}.share-form,.history-access-control{flex-direction:column;align-items:stretch}.share-form input,.share-form select,.share-form button,.embed-search-input,.history-access-control select{min-height:40px;font-size:16px}.history-item-header{align-items:flex-start;flex-wrap:wrap}.history-user,.history-item-detail{white-space:normal;overflow-wrap:anywhere}.shortcuts-panel{min-width:auto;width:calc(100vw - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:16px}.shortcut-row{align-items:flex-start;gap:12px}}@media(max-width:420px){.dashboard{padding-left:12px;padding-right:12px}.dash-actions,.dash-section-actions,.folder-manager-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-ghost,.folder-action,.folder-manager-btn{width:100%}.html-editor-bar .btn-primary,.html-editor-bar .btn-ghost{width:auto}.html-editor-bar .html-actions-trigger{width:28px}.canvas-card{padding-right:44px}.topbar-right .btn-ghost.btn-sm{flex-basis:calc(50% - 4px)}}.html-history-toolbar{display:flex;gap:4px;margin-bottom:8px}.html-structure-item.drop-target{box-shadow:inset 0 2px #2563eb}.html-structure-empty{padding:24px;border:1px dashed #cbd5e1;border-radius:var(--radius-sm);color:#475569;font-size:13px;text-align:center}