:root{--ui-bg: #0c0d0f;--ui-canvas: #141519;--ui-panel: #17181c;--ui-panel-2: #202227;--ui-border: #2a2c33;--ui-text: #ecedf0;--ui-muted: #8a8e98;--accent: #60a5fa;--accent-ink: #0b1220;--accent-soft: color-mix(in srgb, var(--accent) 16%, transparent);--danger: #ff7a6b;--ok: #7ee2a8;--warn: #f5c76a;--info: #8ab4ff;--radius: 7px;--shadow: 0 10px 32px rgba(0, 0, 0, .45);color-scheme:dark}[data-ui=light]{--ui-bg: #f3f4f6;--ui-canvas: #e9ebef;--ui-panel: #ffffff;--ui-panel-2: #f5f6f8;--ui-border: #e3e5ea;--ui-text: #111827;--ui-muted: #6b7280;--accent: #2563eb;--accent-ink: #ffffff;--danger: #c2410c;--ok: #15803d;--warn: #a16207;--info: #1d4ed8;--shadow: 0 10px 30px rgba(20, 20, 30, .14);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;color:var(--ui-text);background:var(--ui-bg);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}.app{height:100vh;display:flex;flex-direction:column}.toolbar{height:48px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--ui-panel);border-bottom:1px solid var(--ui-border);flex-shrink:0}.brand{display:flex;align-items:center;gap:8px;margin-right:8px}.brand .logo{color:var(--accent);font-size:18px}.site-name{color:var(--ui-muted);padding-left:8px;border-left:1px solid var(--ui-border)}.tb-group{display:flex;gap:4px}.tb-spacer{flex:1}.status{font-size:12px;color:var(--ui-muted);white-space:nowrap}.status-dirty{color:#fbbf24}.status-saving{color:#60a5fa}.status-saved{color:#4ade80}.check{display:flex;align-items:center;gap:6px;color:var(--ui-muted)}.check.small{font-size:12px}.btn,.ghost,.toggle,.seg,.tab,.palette-item{border:1px solid var(--ui-border);background:var(--ui-panel-2);color:var(--ui-text);border-radius:6px;padding:6px 10px;transition:background .12s,border-color .12s}.btn{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn:hover{filter:brightness(1.1)}.btn.small,.ghost.small{padding:4px 8px;font-size:12px}.ghost{background:transparent;border-color:transparent}.ghost:hover:not(:disabled){background:var(--ui-panel-2)}.ghost.danger:hover{color:var(--danger)}.toggle:hover,.seg:hover,.tab:hover{border-color:var(--accent)}.toggle.on,.seg.on,.tab.on{background:var(--accent-soft);border-color:var(--accent)}.seg-group{background:var(--ui-bg);border-radius:8px;padding:2px;gap:2px}.seg-group .seg{border:none;background:transparent;padding:5px 9px}.seg-group .seg.on{background:var(--ui-panel-2)}.menu{position:relative}.menu-items{display:none;position:absolute;right:0;top:36px;min-width:210px;z-index:50;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:8px;padding:6px;box-shadow:0 12px 30px #0006}.menu:hover .menu-items,.menu:focus-within .menu-items{display:block}.menu-items button{display:block;width:100%;text-align:left;background:none;border:0;padding:7px 10px;border-radius:5px}.menu-items button:hover{background:var(--ui-panel-2)}.menu-items hr{border:0;border-top:1px solid var(--ui-border);margin:6px 0}.workspace{flex:1;display:grid;grid-template-columns:260px 1fr 300px;min-height:0}.app.is-preview .workspace{grid-template-columns:1fr}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--ui-panel)}.sidebar.left{border-right:1px solid var(--ui-border)}.sidebar.right{border-left:1px solid var(--ui-border)}.sidebar-body{flex:1;overflow:auto;padding:12px}.tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--ui-border)}.tab{flex:1;background:transparent;border-color:transparent;color:var(--ui-muted)}.tab.on{color:var(--ui-text)}.canvas-area{overflow:auto;min-width:0;min-height:0;background:var(--ui-canvas)}.search,.inspector input,.inspector select,.inspector textarea,.pages input{width:100%;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:6px;padding:6px 8px;color:var(--ui-text)}.inspector textarea{resize:vertical}.search{margin-bottom:12px}.palette-group{margin-bottom:14px}.palette-group h4,.panel-section h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ui-muted)}.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 8px;text-align:left;cursor:grab}.palette-item:hover{border-color:var(--accent)}.palette-item .icon{font-size:16px;width:22px;text-align:center}.pages-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--ui-muted)}.page-row{border:1px solid var(--ui-border);border-radius:8px;padding:10px;margin-bottom:8px;cursor:pointer}.page-row.active{border-color:var(--accent);background:var(--accent-soft)}.page-row .page-name{margin-bottom:6px;font-weight:600}.page-slug{display:flex;align-items:center;gap:4px;color:var(--ui-muted)}.page-slug input{padding:4px 6px}.page-row .btn-row{margin-top:8px}.layer{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:5px;cursor:pointer}.layer.active{background:var(--accent-soft)}.layer.dim .layer-name{opacity:.45}.layer .icon{width:16px;text-align:center}.layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-name em{color:var(--ui-muted);font-style:normal}.layer-actions{display:none;gap:2px}.layer:hover .layer-actions,.layer.active .layer-actions{display:flex}.layer-actions button{background:none;border:0;padding:2px 4px;border-radius:4px;color:var(--ui-muted)}.layer-actions button:hover:not(:disabled){background:var(--ui-bg);color:var(--ui-text)}.inspector{display:flex;flex-direction:column;gap:18px}.insp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.insp-head small{display:block;color:var(--ui-muted);font-family:ui-monospace,monospace;font-size:10px;margin-top:2px}.panel-section{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:4px}.field>span{color:var(--ui-muted);font-size:12px}.field.check{flex-direction:row;align-items:center;gap:8px}.field.check span{color:var(--ui-text)}.field.check input{width:auto}.color-row{display:flex;gap:6px}.color-row input[type=color]{width:38px;padding:2px;flex-shrink:0}.image-input{display:flex;flex-direction:column;gap:6px}.btn-row{display:flex;gap:4px;flex-wrap:wrap}.hint{color:var(--ui-muted);font-size:12px;margin:0;line-height:1.5}.hint.mono{font-family:ui-monospace,monospace;font-size:11px;word-break:break-all}.empty-state{color:var(--ui-muted);text-align:center;margin-top:40px;line-height:1.6}.loading{margin:auto;color:var(--ui-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px;padding:18px;min-width:420px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal table{border-collapse:collapse;width:100%}.modal td{padding:6px 4px;border-top:1px solid var(--ui-border)}.modal td:first-child{width:200px}kbd{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11px}.stage{min-height:100%;display:flex;justify-content:center;padding:28px 24px 80px}.frame{max-width:100%;min-height:100%;background:var(--bg, #fff);border-radius:6px;box-shadow:0 10px 40px #00000059;transition:width .25s ease;overflow:visible}.is-preview .stage{padding:0;background:#fff}.is-preview .frame{border-radius:0;box-shadow:none}.site{min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);border-radius:inherit}.site .el{box-sizing:border-box}.el-button{align-self:flex-start}.el-image,.el-video{overflow:hidden}.stage .el{position:relative}.stage .el:hover:not(:has(.el:hover)){outline:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:-1px}.stage .el.is-selected{outline:2px solid var(--accent);outline-offset:-2px}.stage .el.is-hidden{opacity:.35}.stage .el[draggable=true]{cursor:grab}.el-badge{position:absolute;top:-20px;left:0;z-index:5;background:var(--accent);color:#fff;font:600 10px/1 Inter,system-ui,sans-serif;padding:4px 6px;border-radius:4px;pointer-events:none}.placeholder{border:1.5px dashed #c7cad6;border-radius:6px;padding:18px;text-align:center;color:#6b7280;background:#f8f9fc;font-size:13px}.drop{flex:0 0 10px;border-radius:4px;transition:flex-basis .12s,background .12s}.drop.full{grid-column:1 / -1;flex:none;height:12px}.drop.empty{flex:0 0 auto;min-height:64px;border:1.5px dashed #9ca3af;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:12px}.drop.empty:after{content:"Drop elements here"}.drop.full.empty{height:auto;min-height:64px}.drop.over{flex-basis:36px;background:color-mix(in srgb,var(--accent) 22%,transparent);outline:2px dashed var(--accent)}.drop.full.over{height:36px}.drop.empty.over{background:color-mix(in srgb,var(--accent) 15%,transparent)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000eb;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox img{max-width:92vw;max-height:90vh;object-fit:contain;cursor:default}.lightbox-close{position:absolute;top:14px;right:20px;background:none;border:0;color:#fff;font-size:40px;line-height:1;cursor:pointer}.el-gallery figure{cursor:default}.lock-banner{background:#7f1d1d;color:#fee2e2;padding:8px 14px;font-size:13px;border-bottom:1px solid #991b1b}.override-banner{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;background:var(--accent-soft);border:1px solid var(--accent);font-size:12px;line-height:1.5}.gallery-input{display:flex;flex-direction:column;gap:8px}.gallery-item{display:grid;grid-template-columns:36px 1fr auto;gap:6px;align-items:center;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:6px;padding:6px}.gallery-item .thumb{width:36px;height:36px;border-radius:4px;background:var(--ui-panel-2) center/cover}.gallery-item input{padding:4px 6px;font-size:12px}.layer-actions.show{display:flex}.gallery-input .btn-row input{flex:1}.gallery-input .btn-row{align-items:center}.field small{color:var(--ui-muted);font-weight:400}.seo{border-top:1px solid var(--ui-border);padding-top:14px;margin-top:14px}.seo h4{color:var(--ui-text)}.seo textarea{width:100%;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:6px;padding:6px 8px;color:var(--ui-text)}.layer.hint-into{outline:2px dashed var(--accent)}.layer.hint-before{box-shadow:inset 0 2px 0 var(--accent)}.stage .el-gallery,.stage .el-columns{min-height:24px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:150;background:var(--ui-panel-2);border:1px solid var(--accent);color:var(--ui-text);padding:10px 16px;border-radius:8px;box-shadow:0 10px 30px #0006;max-width:90vw;cursor:pointer}.workspace.studio-mode{grid-template-columns:1fr}.studio{display:grid;grid-template-columns:340px 1fr;min-height:0;height:100%}.studio-controls{background:var(--ui-panel);border-right:1px solid var(--ui-border);overflow:auto;padding:14px;display:flex;flex-direction:column;gap:18px}.studio-head{display:flex;justify-content:space-between;align-items:center}.studio-preview{display:flex;flex-direction:column;min-width:0;min-height:0}.studio-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;background:var(--ui-panel);border-bottom:1px solid var(--ui-border)}.studio-canvas{flex:1;overflow:auto;background:var(--ui-canvas);min-height:0}.studio-canvas .stage{padding:24px}.theme-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.theme-chip{display:flex;align-items:center;gap:10px;text-align:left;width:100%;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;padding:8px 10px}.theme-chip.on{border-color:var(--accent);background:var(--accent-soft)}.theme-chip .theme-name{flex:1}.theme-chip .swatches{display:flex}.theme-chip .swatches i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2);margin-left:-4px}.badge{font-size:10px;text-transform:uppercase;background:var(--accent);color:#fff;padding:2px 6px;border-radius:4px}.range-row{display:flex;align-items:center;gap:10px}.range-row input[type=range]{flex:1;accent-color:var(--accent)}.range-value{min-width:52px;text-align:right;font-family:ui-monospace,monospace;font-size:12px;color:var(--ui-muted)}.studio-controls select{width:100%;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:6px;padding:6px 8px;color:var(--ui-text)}.studio-controls .btn-row select{flex:1}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:12.5px;letter-spacing:-.005em;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ui-muted) 35%,transparent) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ui-muted) 30%,transparent);border-radius:10px;border:3px solid transparent;background-clip:padding-box}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toolbar{height:46px;background:var(--ui-panel);border-bottom:1px solid var(--ui-border);gap:8px}.brand{gap:9px}.brand strong{font-weight:650;letter-spacing:-.01em}.brand .logo{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-size:13px;line-height:1}.site-name{font-size:12px}.status{padding:3px 9px;border-radius:999px;background:var(--ui-panel-2);font-size:11.5px}.status-dirty{color:var(--warn)}.status-saving{color:var(--info)}.status-saved{color:var(--ok)}.status-error{color:var(--danger)}.btn,.ghost,.toggle,.seg,.tab,.palette-item,.theme-chip,.layer-actions button{transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .08s ease}.btn,.ghost,.toggle,.seg{border-radius:var(--radius)}.btn{padding:6px 13px;box-shadow:0 1px #ffffff26 inset}.btn:hover{background:color-mix(in srgb,var(--accent) 88%,#fff);border-color:transparent;filter:none}.btn:active,.ghost:active,.toggle:active,.palette-item:active{transform:translateY(1px)}.btn.small,.ghost.small{padding:4px 9px}.ghost{color:var(--ui-muted)}.ghost:hover:not(:disabled){color:var(--ui-text);background:var(--ui-panel-2)}.toggle{border-color:transparent;background:transparent;color:var(--ui-muted)}.toggle:hover{color:var(--ui-text);background:var(--ui-panel-2);border-color:transparent}.toggle.on{color:var(--ui-text);background:var(--ui-panel-2);border-color:var(--ui-border)}.seg-group{background:var(--ui-panel-2);border:1px solid var(--ui-border);border-radius:var(--radius)}.seg-group .seg{color:var(--ui-muted);font-size:12px;padding:4px 10px}.seg-group .seg.on{color:var(--ui-text);background:var(--ui-panel);box-shadow:0 1px 2px #0000002e}.icon-btn{width:30px;height:30px;padding:0;display:grid;place-items:center;font-size:14px}.menu-items{border-radius:10px;padding:5px;box-shadow:var(--shadow);min-width:220px}.menu-items button{font-size:12.5px;padding:7px 9px;border-radius:6px;color:var(--ui-text)}.workspace{gap:0}.sidebar{background:var(--ui-panel)}.sidebar-body{padding:14px}.tabs{gap:0;padding:0 10px;border-bottom:1px solid var(--ui-border)}.tab{flex:1;background:none;border:0;border-radius:0;padding:11px 6px 10px;color:var(--ui-muted);font-weight:550;position:relative}.tab:hover{color:var(--ui-text);border:0}.tab.on{color:var(--ui-text);background:none;border:0}.tab.on:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px}.search,.inspector input,.inspector select,.inspector textarea,.pages input,.studio-controls select,.studio-controls input[type=text]{background:var(--ui-bg);border-color:var(--ui-border);border-radius:var(--radius);font-size:12.5px;transition:border-color .14s ease,box-shadow .14s ease}.search,.inspector input:focus,.inspector select:focus,.inspector textarea:focus,.pages input:focus,.studio-controls select:focus,.studio-controls input:focus,.search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.inspector input[type=color],.studio-controls input[type=color]{padding:2px;height:30px;border-radius:6px;cursor:pointer}.inspector input[type=checkbox],.check input{accent-color:var(--accent);width:14px;height:14px}.inspector input[type=range],.studio-controls input[type=range]{accent-color:var(--accent)}.palette-group h4,.panel-section h4{font-size:10.5px;font-weight:650;letter-spacing:.09em;color:var(--ui-muted)}.palette-grid{gap:6px}.palette-item{background:var(--ui-panel-2);border:1px solid transparent;border-radius:9px;padding:10px 9px;font-size:12px;font-weight:500;color:var(--ui-text)}.palette-item:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--accent-soft)}.palette-item .icon{height:26px;display:grid;place-items:center;border-radius:7px;background:var(--ui-panel);font-size:13px;width:26px}.page-row{border-radius:9px;background:var(--ui-panel-2);border-color:transparent}.page-row:hover{border-color:var(--ui-border)}.page-row.active{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--accent-soft)}.layer{border-radius:6px;font-size:12.5px}.layer.active{background:var(--accent-soft);color:var(--ui-text)}.layer:hover{background:var(--ui-panel-2)}.insp-head strong{font-size:13px;font-weight:650}.field>span{font-size:11.5px;font-weight:500}.override-banner{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:9px}.empty-state{font-size:12.5px}.theme-chip{border-radius:9px;background:var(--ui-panel-2);border-color:transparent}.theme-chip:hover{border-color:var(--ui-border)}.theme-chip.on{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--accent-soft)}.badge{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 7px;font-weight:600}.studio-controls{background:var(--ui-panel);border-right:1px solid var(--ui-border)}.studio-bar{background:var(--ui-panel)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,#000 45%,transparent)}.modal{background:var(--ui-panel);border-radius:14px;box-shadow:var(--shadow);border-color:var(--ui-border)}.toast{background:var(--ui-panel);border-color:var(--ui-border);border-radius:10px;box-shadow:var(--shadow);font-size:12.5px}.lock-banner{background:color-mix(in srgb,var(--danger) 18%,var(--ui-panel));color:var(--ui-text);border-bottom:1px solid color-mix(in srgb,var(--danger) 45%,transparent)}.stage .el.is-selected{outline-color:var(--accent)}.el-badge{background:var(--accent);color:var(--accent-ink);border-radius:5px;font-weight:650}.drop.over,.stage .el.is-selected{transition:outline-color .12s ease}.layout{min-height:100%}.region-header,.layout>main,.layout>footer{min-width:0}.layout>footer{align-self:end}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layout-option{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:9px;background:var(--ui-panel-2);border:1px solid transparent;color:var(--ui-text);text-align:left}.layout-option:hover{border-color:var(--ui-border)}.layout-option.on{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--accent-soft)}.layout-name{font-size:11.5px;font-weight:550}.layout-thumb{display:grid;gap:3px;height:54px;padding:4px;border-radius:5px;background:var(--ui-bg);border:1px solid var(--ui-border)}.layout-thumb i{display:block;border-radius:2px;background:var(--ui-muted);opacity:.45}.layout-thumb .lt-header{background:var(--accent);opacity:.85}.layout-thumb .lt-main{opacity:.25}.layout-thumb .lt-footer{opacity:.5}.boot{height:100%;display:grid;place-items:center;color:var(--ui-muted)}.grow{flex:1}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.error-text{color:var(--danger);font-size:12px}.link-btn{background:none;border:0;padding:0;color:var(--accent);font-weight:550;text-align:left}.link-btn:hover{text-decoration:underline}.danger-btn{background:var(--danger);border-color:var(--danger);color:#fff}.notice{padding:9px 12px;border-radius:8px;background:var(--ui-panel-2);border:1px solid var(--ui-border);font-size:12.5px;line-height:1.45}.notice.error{background:color-mix(in srgb,var(--danger) 14%,var(--ui-panel));border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.dash-notice{margin:0 28px 12px;cursor:pointer}.modal-actions{display:flex;align-items:center;gap:8px;margin-top:6px}.modal-title{font-size:15px;font-weight:650}.modal-head p{margin:4px 0 0}.setup-modal,.dialog{width:min(480px,92vw);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.setup-modal .field,.dialog .field{gap:6px}.setup-modal input,.dialog input,.setup-modal select,.dialog textarea,.dialog select{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:7px;padding:8px 10px;color:var(--ui-text)}.setup-modal input:focus,.dialog input:focus,.setup-modal select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.setup-modal code{font-size:11.5px}.dashboard{min-height:100%;height:100%;overflow:auto;background:var(--ui-bg);padding-bottom:40px}.dash-top{display:flex;justify-content:space-between;align-items:center;padding:0 28px;height:56px;background:var(--ui-panel);border-bottom:1px solid var(--ui-border);position:sticky;top:0;z-index:5}.dash-top .brand{display:flex;align-items:center;gap:9px}.dash-top .brand .logo{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-size:13px}.dash-actions{display:flex;gap:8px}.empty-dash{text-align:center;padding:96px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-dash h2{margin:0;font-size:22px;letter-spacing:-.02em}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:24px 28px}.site-card{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:14px;padding:0 16px 16px;display:flex;flex-direction:column;gap:12px;overflow:hidden;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.site-card:hover,.site-card:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--ui-border));box-shadow:var(--shadow);transform:translateY(-2px)}.site-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-cover{position:relative;margin:0 -16px;height:132px;display:grid;place-items:center;background:var(--ui-panel-2);color:var(--accent);border-bottom:1px solid var(--ui-border)}.site-cover-logo{max-width:60%;max-height:72px;object-fit:contain;pointer-events:none}.site-cover-initial{font-size:44px;font-weight:700;line-height:1;letter-spacing:-.02em}.site-cover-hint{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;font:600 11.5px/1 system-ui,sans-serif;padding:6px 9px;border-radius:999px;background:#0009;color:#fff;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}.site-card:hover .site-cover-hint,.site-card:focus-visible .site-cover-hint{opacity:1;transform:none}.site-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.site-title{display:flex;gap:10px;align-items:center;min-width:0}.site-title>div{min-width:0}.site-title h3{margin:0;font-size:15px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-title small{color:var(--ui-muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;background:var(--ui-panel-2)}.pill-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.pill-bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.pill-muted{color:var(--ui-muted)}.site-meta{display:flex;flex-direction:column;gap:6px;font-size:12.5px;min-height:40px}.project-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow:auto}.project-row{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;background:var(--ui-panel-2);border:1px solid transparent;color:var(--ui-text);text-align:left}.project-row:hover{border-color:var(--accent)}.deploy-modal{width:min(500px,92vw);display:flex;flex-direction:column;gap:16px;animation:modal-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.deploy-head{display:flex;gap:14px;align-items:center}.deploy-detail{margin:3px 0 0;animation:fade-up .25s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.deploy-orb{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:700}.deploy-orb.success{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok);animation:pop .45s cubic-bezier(.3,1.6,.5,1)}.deploy-orb.error{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.orb-ring{width:22px;height:22px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);animation:spin .9s linear infinite}.deploy-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.deploy-step{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;animation:fade-up .32s ease both;transition:background-color .2s ease}.deploy-step.active{background:var(--accent-soft)}.deploy-step.pending,.deploy-step.skipped{color:var(--ui-muted)}.deploy-step.failed{color:var(--danger)}.step-label{flex:1;font-size:13px}.step-pct{font-variant-numeric:tabular-nums;font-size:12px;color:var(--accent);font-weight:600}.step-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:700}.step-icon.pending{border:1.5px solid var(--ui-border)}.step-icon.skipped{color:var(--ui-muted);border:1.5px dashed var(--ui-border);font-size:14px}.step-icon.spin{border:2.5px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);animation:spin .8s linear infinite}.step-icon.done{background:var(--ok);color:#0c0d0f}.step-icon.pop{animation:pop .4s cubic-bezier(.3,1.6,.5,1)}.step-icon.failed{background:var(--danger);color:#fff}.step-icon.shake{animation:shake .45s ease}.deploy-step.done .step-label{color:var(--ui-text)}.deploy-bar{height:4px;border-radius:4px;background:var(--ui-panel-2);overflow:hidden;position:relative}.deploy-bar-fill{position:absolute;inset:0 auto 0 0;width:40%;border-radius:4px;background:var(--accent);animation:slide 1.4s ease-in-out infinite}.deploy-success .deploy-bar,.deploy-error .deploy-bar{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes slide{0%{left:-40%}to{left:100%}}.visit-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);font-weight:600;font-size:12px}.visit-btn:hover{background:color-mix(in srgb,var(--ok) 22%,transparent)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:live-pulse 2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--ok) 60%,transparent)}70%,to{box-shadow:0 0 0 7px transparent}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding:0 10px}.tb-left,.tb-center,.tb-right{display:flex;align-items:center;gap:6px;min-width:0}.tb-right{justify-content:flex-end}.tb-left .logo{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;flex-shrink:0;background:var(--accent);color:var(--accent-ink);font-size:13px}.tb-title{display:flex;flex-direction:column;min-width:0;line-height:1.15;margin-left:4px}.tb-site{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-divider{width:1px;height:18px;background:var(--ui-border);margin:0 4px}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;font-size:11px;color:var(--ui-muted);cursor:default;white-space:nowrap}.status-chip:not(:disabled){cursor:pointer}.status-chip:not(:disabled):hover{color:var(--ui-text);text-decoration:underline}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--ui-muted)}.status-chip.status-saved .status-dot{background:var(--ok)}.status-chip.status-dirty .status-dot{background:var(--warn)}.status-chip.status-saving .status-dot{background:var(--info);animation:live-pulse 1.2s ease-out infinite}.status-chip.status-error{color:var(--danger)}.status-chip.status-error .status-dot{background:var(--danger)}.seg-group .seg{display:inline-flex;align-items:center;gap:6px}.publish-btn{padding:6px 16px}.icon-btn.is-open,.ghost.is-open{background:var(--ui-panel-2);color:var(--ui-text)}@media (max-width: 1320px){.seg-label{display:none}}.menu-wrap{position:relative;display:inline-flex}.menu-list{min-width:220px;padding:5px;border-radius:10px;background:var(--ui-panel);border:1px solid var(--ui-border);box-shadow:var(--shadow);display:flex;flex-direction:column;animation:menu-in .12s ease-out}.menu-list.dropdown{position:absolute;top:calc(100% + 6px);z-index:60}.menu-list.dropdown.align-right{right:0}.menu-list.dropdown.align-left{left:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:6px 9px;border:0;border-radius:6px;background:none;color:var(--ui-text);text-align:left;font-size:12.5px}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--ui-panel-2);outline:none}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover:not(:disabled),.menu-item.danger:focus-visible{background:color-mix(in srgb,var(--danger) 14%,transparent)}.menu-item:disabled{opacity:.4}.menu-icon{width:16px;text-align:center;flex-shrink:0;font-size:12px;color:var(--ui-muted)}.menu-item.danger .menu-icon{color:inherit}.menu-label{flex:1;white-space:nowrap}.menu-kbd{background:none;border:0;padding:0;color:var(--ui-muted);font-size:11px}.menu-sep{height:1px;background:var(--ui-border);margin:4px 2px}.menu-heading{padding:6px 9px 3px;font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.context-menu{position:fixed;z-index:300}.toast{display:none}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:250;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:min(440px,90vw);padding:9px 10px 9px 12px;border-radius:10px;background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-border);box-shadow:var(--shadow);font-size:12.5px;animation:toast-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.toast-icon{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:700;background:var(--ui-panel-2);color:var(--ui-muted)}.tone-success .toast-icon{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}.tone-error{border-color:color-mix(in srgb,var(--danger) 45%,var(--ui-border))}.tone-error .toast-icon{background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger)}.toast-msg{flex:1;line-height:1.4}.toast-action{border:0;background:none;color:var(--accent);font-weight:650;padding:2px 6px;border-radius:5px}.toast-action:hover{background:var(--accent-soft)}.toast-close{border:0;background:none;color:var(--ui-muted);font-size:16px;line-height:1;padding:0 2px}.toast-close:hover{color:var(--ui-text)}.modal{animation:modal-in .2s cubic-bezier(.2,.8,.2,1)}.confirm-dialog{width:min(420px,92vw);gap:10px}.dialog-message{margin:0;color:var(--ui-muted);line-height:1.55;font-size:13px}.danger-btn:hover{background:color-mix(in srgb,var(--danger) 88%,#fff)}.insp-head{align-items:center;padding-bottom:12px;border-bottom:1px solid var(--ui-border)}.insp-title{display:flex;align-items:center;gap:10px;min-width:0}.insp-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:var(--accent-soft);color:var(--accent);font-size:14px}.insp-title small{font-family:inherit;font-size:11px}.pages-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pages-head h4{margin:0;font-size:10.5px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ui-muted)}.page-list{display:flex;flex-direction:column;gap:2px}.page-row{display:flex;align-items:center;gap:8px;padding:5px 4px 5px 8px;margin:0;border:0;border-radius:7px;background:none;cursor:pointer}.page-row:hover{background:var(--ui-panel-2);border-color:transparent}.page-row.active{background:var(--accent-soft)}.page-icon{width:16px;text-align:center;color:var(--ui-muted)}.page-text{flex:1;display:flex;align-items:baseline;gap:8px;min-width:0}.page-label{font-size:12.5px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-path{font-size:11px;color:var(--ui-muted);font-family:ui-monospace,monospace;white-space:nowrap}.page-rename{flex:1;min-width:0;padding:3px 6px!important}.row-menu{opacity:0;width:24px;height:24px}.page-row:hover .row-menu,.page-row.active .row-menu,.row-menu.is-open,.row-menu:focus-visible{opacity:1}.input-prefix{display:flex;align-items:center;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--radius)}.input-prefix span{padding-left:8px;color:var(--ui-muted)}.input-prefix input{border:0!important;background:none!important;box-shadow:none!important}.input-prefix:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pages input:disabled{opacity:.55}.region-header.is-side .el-container{flex-direction:column!important;align-items:flex-start!important}.region-header.is-side>.el{min-height:100%}.region-header.is-overlay>.el>.el{background:transparent!important}.layout-panel{gap:20px}.layout-preview{display:flex;gap:12px;align-items:center;padding:12px;border-radius:10px;background:var(--ui-panel-2);border:1px solid var(--ui-border)}.layout-preview strong{display:block;font-size:13px}.layout-preview small{display:block;margin-top:2px}.layout-grid{grid-template-columns:repeat(3,1fr);gap:6px}.layout-option{padding:7px;gap:6px;align-items:stretch}.layout-name{font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-thumb{display:flex;justify-content:center;height:48px;padding:4px;border-radius:5px;background:var(--ui-bg);border:1px solid var(--ui-border)}.layout-thumb.large{width:96px;height:66px;flex-shrink:0}.layout-thumb.framed{padding:7px;background:color-mix(in srgb,var(--ui-muted) 22%,var(--ui-bg))}.lt-grid{gap:2px!important}.lt-grid i{display:block;border-radius:2px;min-height:5px}.lt-grid .lt-header{background:var(--accent);opacity:.85}.lt-grid .lt-header.overlay{opacity:.5;height:9px;align-self:start;z-index:1}.lt-grid .lt-header.sticky:not(.side){box-shadow:0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.lt-grid .lt-main{background:var(--ui-muted);opacity:.25}.lt-grid .lt-footer{background:var(--ui-muted);opacity:.55}.layout-thumb .lt-grid{width:100%}.seg-group.full{display:flex;width:100%}.seg-group.full .seg{flex:1;justify-content:center;padding:5px 6px}.field.is-disabled{opacity:.45}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.toggle-label{display:block;font-size:12.5px}.toggle-row small{display:block;margin-top:2px}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:18px;border-radius:999px;flex-shrink:0;position:relative;background:var(--ui-border);transition:background .15s ease;cursor:pointer}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(12px)}.domains-modal{width:min(620px,94vw);max-height:88vh;overflow:auto;display:flex;flex-direction:column;gap:14px}.domain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.domain-item{border:1px solid var(--ui-border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--ui-panel-2)}.domain-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.domain-name{display:flex;gap:8px;align-items:center}.domain-actions{display:flex;gap:6px;align-items:center}.pill-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.dns-steps{display:flex;flex-direction:column;gap:8px}.dns-table{width:100%;border-collapse:collapse;font-size:12px}.dns-table th{text-align:left;color:var(--ui-muted);font-weight:550;padding:4px 6px}.dns-table td{padding:5px 6px;border-top:1px solid var(--ui-border);vertical-align:middle}.copy-value{display:inline-flex;align-items:center;gap:4px;max-width:100%}.copy-value code{overflow-wrap:anywhere;font-size:11.5px}.domain-input{display:flex;gap:8px}.domain-input input{flex:1;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:7px;padding:8px 10px;color:var(--ui-text)}.domain-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.suggestions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{border:1px solid var(--ui-border);background:var(--ui-panel-2);color:var(--ui-text);border-radius:999px;padding:3px 10px;font-size:12px}.chip:hover{border-color:var(--accent)}.warn-link{color:var(--warn)}.boot.small{height:auto;padding:20px}.site .photo{display:block;position:relative;overflow:hidden;width:100%;background:color-mix(in srgb,var(--ph, #888) 40%,var(--bg))}.site .photo img{display:block;width:100%;height:100%;transition:opacity .45s ease}.site .photo:not(.is-loaded) img{opacity:0}.site .photo-caption{margin-top:8px;font-size:.875em;opacity:.75}.site .gallery-tile .photo{height:100%}.el-button,.el-file{align-self:flex-start}.download-meta{opacity:.65;font-weight:400;margin-left:4px}.audio-block{display:flex;flex-direction:column;gap:6px}.audio-title{font-weight:600}.slideshow{position:relative;overflow:hidden;width:100%;background:color-mix(in srgb,var(--text) 6%,var(--bg))}.slideshow .slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease}.slideshow .slide.on{opacity:1}.slideshow .slide .photo{height:100%}.slide-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:#00000059;color:#fff;font-size:24px;line-height:1;z-index:2}.slide-nav.prev{left:12px}.slide-nav.next{right:12px}.slide-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;gap:6px;justify-content:center;z-index:2}.slide-dots span{width:7px;height:7px;border-radius:50%;background:#ffffff80}.slide-dots span.on{background:#fff}.slide-caption{position:absolute;left:0;right:0;bottom:30px;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);font-size:.9em;z-index:2}.site .social{display:flex;flex-wrap:wrap;gap:10px}.site .el-social[style*="text-align: center"] .social{justify-content:center}.site .el-social[style*="text-align: right"] .social{justify-content:flex-end}.site .social a{color:inherit;text-decoration:none}.site .social-pills a{padding:6px 14px;border:1px solid var(--border);border-radius:999px}.site .social-text a{text-decoration:underline}.lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}.lightbox-figure img{max-width:90vw;max-height:84vh;object-fit:contain}.lightbox-figure figcaption{color:#ffffffd9;font-size:14px;display:flex;gap:16px}.lightbox-count{opacity:.6}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:54px;padding:0 20px;opacity:.7}.lightbox-nav:hover{opacity:1}.lightbox-nav.prev{left:0}.lightbox-nav.next{right:0}.upload-drop{border:1.5px dashed var(--ui-border);border-radius:10px;padding:18px;text-align:center;color:var(--ui-muted);cursor:pointer;transition:border-color .15s ease,background .15s ease}.upload-drop:hover,.upload-drop.over{border-color:var(--accent);background:var(--accent-soft);color:var(--ui-text)}.upload-drop.compact{padding:9px;font-size:12px}.upload-progress{display:inline-flex;gap:8px;align-items:center}.spinner{width:12px;height:12px;border-radius:50%;display:inline-block;border:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);animation:spin .8s linear infinite}.file-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,transparent);border:3px dashed var(--accent);animation:fade-up .15s ease}.file-drop-card{display:flex;flex-direction:column;gap:4px;align-items:center;padding:16px 22px;border-radius:12px;background:var(--ui-panel);border:1px solid var(--ui-border);box-shadow:var(--shadow);font-size:13px}.file-drop-card span{color:var(--ui-muted);font-size:12px}.stage .drop.over{min-height:36px}.media-library{width:min(1180px,95vw);height:min(820px,90vh);display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.media-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid var(--ui-border)}.media-head p{margin:2px 0 0}.media-tools{display:flex;align-items:center;gap:8px}.media-tools .search{margin:0;width:200px}.status-select{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--radius);padding:6px 8px;color:var(--ui-text)}.status-select.full{width:100%}.media-body{flex:1;display:flex;min-height:0}.media-main{flex:1;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:14px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.media-tile{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;padding:0;border:2px solid transparent;background:var(--ui-panel-2);cursor:pointer;transition:border-color .12s ease,transform .12s ease}.media-tile:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.media-tile.selected,.media-tile.active{border-color:var(--accent)}.media-tile img{width:100%;height:100%;object-fit:cover;display:block}.tile-file{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;background:var(--ui-panel-2);color:var(--ui-text)}.tile-file-icon{font-size:28px}.tile-file-name{font-size:11px;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.tile-kind{position:absolute;top:6px;right:6px;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px;background:#0009;color:#fff}.tile-check{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#00000073;border:1.5px solid rgba(255,255,255,.8);color:#0c0d0f;font-size:12px;font-weight:700;opacity:0;transition:opacity .12s ease}.media-tile:hover .tile-check,.tile-check.on,.media-grid:has(.tile-check.on) .tile-check{opacity:1}.tile-check.on{background:var(--accent);border-color:var(--accent)}.tile-meta{position:absolute;left:0;right:0;bottom:0;padding:14px 7px 5px;font-size:10.5px;color:#fff;text-align:left;background:linear-gradient(transparent,#000000b8);display:flex;gap:5px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-flag{width:14px;height:14px;border-radius:50%;display:inline-grid;place-items:center;background:var(--warn);color:#000;font-weight:700;font-size:10px;flex-shrink:0}.media-details{width:320px;flex-shrink:0;border-left:1px solid var(--ui-border);padding:16px;overflow:auto;display:flex;flex-direction:column;gap:12px;background:var(--ui-panel)}.media-details-head{display:flex;justify-content:space-between;align-items:center}.media-preview{border-radius:8px;overflow:hidden;background:var(--ui-bg);min-height:120px;display:grid;place-items:center}.media-preview img,.media-preview video{width:100%;display:block;max-height:280px;object-fit:contain}.preview-audio,.preview-doc{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;width:100%}.preview-audio span,.preview-doc span{font-size:34px}.preview-audio audio{width:100%}.media-facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:12px}.media-facts dt{color:var(--ui-muted)}.media-facts dd{margin:0}.media-details textarea,.media-details input{width:100%;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:6px;padding:6px 8px;color:var(--ui-text)}.align-start{align-self:flex-start}.media-foot{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--ui-border);background:var(--ui-panel)}.media-panel{display:flex;flex-direction:column;gap:10px}.media-panel-head{display:flex;gap:6px}.media-panel-head .search{margin:0}.media-panel .media-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.media-panel .media-tile{cursor:grab;border-radius:7px}.media-panel .tile-meta{display:none}.media-panel .tile-kind{top:4px;right:4px;font-size:9.5px;padding:1px 5px}.image-current{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;background:var(--ui-bg);border:1px solid var(--ui-border)}.image-current .thumb{width:40px;height:40px;border-radius:5px;background-size:cover;background-position:center;flex-shrink:0}.image-current-name{flex:1;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-current-name small{display:block}.kind-thumb{display:grid!important;place-items:center;background:var(--ui-panel-2);font-size:16px}.gallery-item{cursor:grab}.gallery-item.dragging{opacity:.4}.gallery-item .thumb{background-size:cover;background-position:center}.warn-text{color:var(--warn)}.icon{flex-shrink:0;display:inline-block;vertical-align:middle}button .icon,.tab .icon{pointer-events:none}.btn,.ghost,.toggle,.seg,.tab{display:inline-flex;align-items:center;justify-content:center;gap:6px}.with-icon{display:inline-flex;align-items:center;gap:6px}.icon-btn .icon{width:17px;height:17px}.tb-left .logo,.dash-top .brand .logo{width:auto;height:auto;background:none;color:var(--accent)}.menu-icon{display:inline-flex;align-items:center;justify-content:center}.toast-icon .icon,.tile-flag .icon{display:block}.placeholder{display:flex;align-items:center;justify-content:center;gap:10px}.placeholder .icon{opacity:.7}.insp-icon .icon{display:block}.palette-item .icon{width:26px;height:26px}.palette-item>.icon{display:grid;place-items:center}.palette-item span.icon{display:grid;place-items:center;color:var(--ui-text)}.palette-item span.icon svg{width:16px;height:16px}.layer .icon{color:var(--ui-muted)}.layer.active .icon{color:var(--accent)}.page-icon{display:inline-flex;color:var(--ui-muted)}.page-row.active .page-icon{color:var(--accent)}.tile-kind{display:inline-flex;align-items:center;gap:3px}.lightbox-close,.lightbox-nav,.slide-nav{display:grid;place-items:center}.step-icon .icon,.deploy-orb .icon{display:block}.workspace{display:flex;min-height:0}.workspace>.canvas-area{flex:1;min-width:0}.workspace.studio-mode>.studio{flex:1}.sidebar{position:relative;flex-shrink:0;width:280px;min-width:0}.sidebar.side-left{border-right:1px solid var(--ui-border)}.sidebar.side-right{border-left:1px solid var(--ui-border)}.sidebar .tabs{padding:0 6px;gap:0;align-items:stretch}.sidebar .tab{padding:11px 4px 10px;gap:5px;font-size:12px;min-width:0}.sidebar .tab .tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .tab.on:after{left:6px;right:6px}.panel-toggle{align-self:center;flex:0 0 auto;width:28px;height:28px;margin:0 2px}.sidebar{container-type:inline-size}@container (max-width: 290px){.sidebar .tab .tab-label{display:none}.sidebar .tab{padding-inline:2px}}.panel-resizer{position:absolute;top:0;bottom:0;width:8px;z-index:20;cursor:col-resize;touch-action:none}.side-left .panel-resizer{right:-4px}.side-right .panel-resizer{left:-4px}.panel-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;border-radius:2px;background:transparent;transition:background .15s ease}.panel-resizer:hover:after,.panel-resizer:focus-visible:after,body.is-resizing .panel-resizer:after{background:var(--accent)}.panel-resizer:focus-visible{outline:none}body.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-resizing iframe,body.is-resizing .canvas-area{pointer-events:none}.sidebar.is-collapsed{width:44px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0}.rail-toggle{margin-bottom:6px}.rail-tabs{display:flex;flex-direction:column;gap:2px}.rail-tab{width:32px;height:32px;color:var(--ui-muted)}.rail-tab.on{color:var(--accent);background:var(--accent-soft)}.search-box{position:relative;display:block;margin-bottom:10px}.search-box .icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--ui-muted)}.search-box .search{padding-left:28px;margin:0}.palette-group{margin-bottom:6px}.palette-head{display:flex;align-items:center;gap:6px;width:100%;padding:6px 4px;margin:0 0 6px;border:0;background:none;color:var(--ui-muted);border-radius:6px;font-size:10.5px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.palette-head:hover:not(:disabled){color:var(--ui-text);background:var(--ui-panel-2)}.palette-head:disabled{cursor:default;opacity:1}.palette-chevron{transition:transform .15s ease}.palette-group.open .palette-chevron{transform:rotate(90deg)}.palette-count{margin-left:auto;font-weight:500;letter-spacing:0;opacity:.7}.palette-group.closed{margin-bottom:2px}.palette-grid{animation:fade-up .15s ease;margin-bottom:8px}@container (max-width: 250px){.palette-grid{grid-template-columns:1fr}}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.site-nav{position:fixed;top:10px;left:10px;z-index:41;width:220px;display:flex;flex-direction:column;gap:2px;padding:12px 10px;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:14px;box-shadow:var(--shadow);animation:modal-in .16s cubic-bezier(.2,.8,.2,1)}.site-nav-brand{display:flex;align-items:center;gap:8px;padding:4px 8px 12px}.site-nav-brand strong{font-size:14px;font-weight:650}.site-nav-logo{color:var(--accent);display:inline-flex}.site-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;background:none;border:0;border-radius:8px;color:var(--ui-text);text-align:left;font-size:14px}.site-nav-item:hover{background:var(--ui-panel-2)}.site-nav-item.on{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:600}.site-nav-item>span:first-of-type{flex:1}.nav-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink)}.page-bar{gap:10px}.page-area{flex:1;min-width:0;min-height:0;overflow:auto;background:var(--ui-bg)}.page{max-width:1120px;margin:0 auto;padding:28px 32px 48px;display:flex;flex-direction:column;gap:18px}.page-head{display:flex;align-items:flex-start;gap:16px}.page-head>div{flex:1;min-width:0}.page-head h1{margin:0 0 4px;font-size:24px;font-weight:700;letter-spacing:-.01em}.page-head .hint{margin:0}.page-tabs{display:flex;gap:22px;border-bottom:1px solid var(--ui-border)}.page-tabs .tab{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 2px;color:var(--ui-muted);font-weight:500}.page-tabs .tab.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-count{color:var(--ui-muted);font-weight:400}.page-toolbar{display:flex;align-items:center;gap:10px}.page-toolbar .search-box{margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:56px 0;color:var(--ui-muted);text-align:center}.empty-state p{margin:0}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.asset-card{display:flex;flex-direction:column;gap:4px;padding:0 0 12px;text-align:left;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px;overflow:hidden}.asset-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.asset-thumb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:var(--ui-panel-2);color:var(--ui-muted);margin-bottom:8px}.asset-thumb img{width:100%;height:100%;object-fit:cover;display:block}.asset-flag{position:absolute;top:8px;left:8px;padding:2px 7px;border-radius:6px;font-size:11px;background:var(--danger);color:#fff}.asset-name{padding:0 12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta{padding:0 12px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-table{width:100%;border-collapse:collapse;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px;overflow:hidden}.asset-table th,.asset-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--ui-border)}.asset-table th{font-size:12px;color:var(--ui-muted);font-weight:600}.asset-table tbody tr{cursor:pointer}.asset-table tbody tr:hover{background:var(--ui-panel-2)}.asset-table-name{display:inline-flex;align-items:center;gap:8px;font-weight:500}.inbox-split{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:0;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;min-height:480px}.inbox-items{list-style:none;margin:0;padding:0;border-right:1px solid var(--ui-border);overflow:auto;max-height:70vh}.inbox-entry{display:flex;gap:10px;width:100%;padding:12px 14px;background:none;border:0;border-bottom:1px solid var(--ui-border);text-align:left;color:inherit}.inbox-entry:hover{background:var(--ui-panel-2)}.inbox-entry.on{background:color-mix(in srgb,var(--accent) 9%,transparent)}.inbox-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.inbox-entry.unread .inbox-dot{background:var(--accent)}.inbox-entry-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.inbox-entry-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.inbox-entry-top strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-entry-top time{flex-shrink:0;font-size:12px}.inbox-entry.unread .inbox-entry-top strong{font-weight:700}.inbox-subject{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-preview{color:var(--ui-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-empty{padding:24px 16px;margin:0}.inbox-reader{display:flex;flex-direction:column;gap:14px;padding:22px 26px;min-width:0}.inbox-reader>.inbox-empty{padding:0}.inbox-reader-head{display:flex;align-items:center;gap:12px}.inbox-reader-head .hint{margin:0}.inbox-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-panel-2);color:var(--ui-muted);font-weight:600}.inbox-subject-line{margin:6px 0 0;font-size:18px;font-weight:650}.inbox-message{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;-webkit-user-select:text;user-select:text}.inbox-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--ui-border)}@media (max-width: 760px){.page{padding:20px 16px 40px}.inbox-split{grid-template-columns:1fr}.inbox-items{border-right:0;max-height:40vh}}.settings-page{max-width:720px}.page-picker{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:5px 8px;border:0;font-weight:500}.page-picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-picker-caret{transform:rotate(90deg);opacity:.6}.settings-card{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px;padding:24px 26px;box-shadow:0 1px 2px #0f172a0a}.skel{display:block;border-radius:6px;flex-shrink:0;background:linear-gradient(90deg,var(--ui-panel-2) 25%,var(--ui-border) 50%,var(--ui-panel-2) 75%);background-size:200% 100%;animation:skel-shimmer 1.4s ease-in-out infinite}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-card{cursor:default;pointer-events:none}.skel-card .skel-cover,.skel-card .skel-thumb{width:100%;aspect-ratio:4 / 3;border-radius:0}.skel-card-body{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px}.asset-card.skel-card .skel-card-body{padding:0 12px 12px}.skel-entry{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--ui-border)}.skel-entry-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.skel-rows{display:flex;flex-direction:column;gap:14px}.skel-row{display:flex;flex-direction:column;gap:7px;padding:10px 0;border-bottom:1px solid var(--ui-border)}.skel-editor .toolbar{gap:12px}.skel-editor .workspace{display:flex;min-height:0;flex:1}.skel-side{width:260px;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--ui-panel);border-right:1px solid var(--ui-border)}.skel-side:last-child{border-right:0;border-left:1px solid var(--ui-border);width:300px}.skel-canvas{flex:1;background:var(--ui-canvas);padding:40px;min-width:0}.skel-page{background:var(--ui-panel);border-radius:8px;padding:48px;display:flex;flex-direction:column;gap:14px;min-height:100%}.boot-logo{color:var(--accent);display:inline-flex;animation:boot-pulse 1.6s ease-in-out infinite}@keyframes boot-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:1}}.boot-stack{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ui-muted);font-size:13px}.fade-in{animation:fade-in .28s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.skel,.boot-logo,.fade-in{animation:none}}.skel-chip{border-radius:999px}.section-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:0;margin:0;background:none;border:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;text-align:left}.section-chevron{transition:transform .15s ease;opacity:.7}.panel-section.open .section-chevron{transform:rotate(90deg)}.panel-section.closed{gap:0}.section-body,.menu-links{display:flex;flex-direction:column;gap:10px}.menu-links>.hint{margin:0}.menu-link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.menu-link{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-panel-2)}.menu-link-row{display:flex;align-items:center;gap:6px;min-width:0}.menu-link-row>input,.menu-link-row>select{flex:1;min-width:0}.menu-link-tools{display:flex;gap:2px;flex-shrink:0}.menu-link-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.domains-panel{display:flex;flex-direction:column;gap:20px}.domain-add .suggestions{margin-top:12px}.asset-grid .asset-card{height:100%;min-width:0}.asset-grid .asset-thumb{width:100%;aspect-ratio:4 / 3;flex:none;overflow:hidden}.asset-grid .asset-thumb img{position:absolute;top:0;right:0;bottom:0;left:0}.asset-grid .asset-name,.asset-grid .asset-meta{min-width:0}.page-picker-wrap{position:relative;display:inline-flex}.page-picker-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:260px;padding:6px;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}.page-picker-row{display:flex;align-items:center;gap:4px;border-radius:7px}.page-picker-row:hover{background:var(--ui-panel-2)}.page-picker-row.on .page-picker-choose{font-weight:600}.page-picker-choose{flex:1;display:flex;align-items:center;gap:8px;padding:7px 8px;background:none;border:0;text-align:left;min-width:0}.page-picker-tick{width:14px;display:inline-flex;color:var(--accent)}.page-picker-sep{height:1px;background:var(--ui-border);margin:4px 2px}.page-picker-new{display:flex;align-items:center;gap:8px;padding:7px 8px;background:none;border:0;text-align:left;border-radius:7px}.page-picker-new:hover{background:var(--ui-panel-2)}.page-settings-modal{width:min(480px,94vw)}.serp-wrap{display:flex;flex-direction:column;gap:6px}.serp-label{font-size:11.5px;color:var(--ui-muted)}.serp{--serp-bg: #ffffff;--serp-text: #202124;--serp-muted: #4d5156;--serp-title: #1a0dab;--serp-icon-bg: #f1f3f4;--serp-icon-text: #5f6368;background:var(--serp-bg);color:var(--serp-text);border:1px solid var(--ui-border);border-radius:10px;padding:14px 16px;font-family:arial,sans-serif;display:flex;flex-direction:column;gap:4px}[data-ui=dark] .serp{--serp-bg: #202124;--serp-text: #dadce0;--serp-muted: #bdc1c6;--serp-title: #8ab4f8;--serp-icon-bg: #303134;--serp-icon-text: #bdc1c6}.serp-url{display:flex;align-items:center;gap:10px;min-width:0}.serp-icon{width:26px;height:26px;border-radius:50%;background:var(--serp-icon-bg);color:var(--serp-icon-text);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.serp-address{display:flex;flex-direction:column;min-width:0;line-height:1.25}.serp-site{font-size:14px;color:var(--serp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serp-path{font-size:12px;color:var(--serp-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serp-title{font-size:20px;color:var(--serp-title);line-height:1.3;margin-top:4px;word-break:break-word}.serp-desc{font-size:14px;color:var(--serp-muted);line-height:1.58;word-break:break-word}.folder-pick{display:flex;align-items:center;gap:8px;min-width:0}.folder-pick code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.danger-zone{margin-top:28px;padding-top:20px;border-top:1px solid var(--ui-border);display:flex;flex-direction:column;gap:10px;align-items:flex-start}.danger-zone h4{margin:0;font-size:10.5px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--danger)}.danger-zone .hint{margin:0}.delete-site-modal{width:min(480px,94vw)}.delete-warning{margin:0}.delete-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.5}.delete-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.delete-step{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--ui-border)}.delete-step-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ui-panel-2);color:var(--ui-muted)}.delete-step.done .delete-step-icon{background:var(--ok);color:#fff}.delete-step.failed .delete-step-icon{background:var(--danger);color:#fff}.delete-step.running .delete-step-icon{background:transparent}.delete-step-text{display:flex;flex-direction:column;min-width:0}.delete-step-text small{color:var(--ui-muted);overflow-wrap:anywhere}.delete-step.failed .delete-step-text small{color:var(--danger)}.delete-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.delete-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--ui-border);border-top-color:var(--accent);animation:delete-spin .8s linear infinite}@keyframes delete-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.delete-spinner{animation:none}}.local-badge{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:help;background:var(--ui-panel);color:var(--warn);box-shadow:0 1px 3px #0000002e}.asset-table .local-badge,.asset-table-name .local-badge{position:static;width:18px;height:18px;box-shadow:none;background:none;display:inline-flex;vertical-align:middle}.local-tip{position:absolute;top:34px;right:8px;z-index:5;width:max-content;max-width:180px;display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:8px;background:#111827;color:#f9fafb;font-size:12px;line-height:1.4;text-align:left;font-weight:400;opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity .12s ease,transform .12s ease}.local-tip strong{font-weight:650}.local-tip small{color:#fca5a5}.local-badge:hover .local-tip,.local-badge:focus-visible .local-tip{opacity:1;transform:none}.asset-table .local-tip{top:22px;right:auto;left:0}.storage-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--warn) 12%,var(--ui-panel));border:1px solid color-mix(in srgb,var(--warn) 45%,transparent)}.storage-banner>svg{color:var(--warn);flex-shrink:0}.storage-banner-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.storage-banner-text .hint{margin:0}.logs-page{min-height:100%;height:100%;overflow:auto;background:var(--ui-bg);padding:24px 28px 40px;display:flex;flex-direction:column;gap:16px}.logs-head{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.logs-title{flex:1;min-width:200px}.logs-title h1{margin:0 0 4px;font-size:22px;font-weight:700}.logs-title .hint{margin:0}.logs-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logs-levels{display:flex;gap:6px;flex-wrap:wrap}.logs-level{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--ui-panel);border:1px solid var(--ui-border);font-size:12.5px}.logs-level.on{border-color:var(--accent);color:var(--accent)}.logs-count{font-size:11px;color:var(--ui-muted);font-variant-numeric:tabular-nums}.logs-search{flex:1;min-width:220px;margin:0}.logs-empty{padding:40px 0;text-align:center}.logs-list{list-style:none;margin:0;padding:0;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px;overflow:hidden}.log-entry{border-bottom:1px solid var(--ui-border)}.log-entry:last-child{border-bottom:0}.log-row{display:grid;grid-template-columns:92px 170px 150px minmax(0,1fr);gap:12px;align-items:baseline;width:100%;padding:9px 14px;background:none;border:0;text-align:left;font-size:12.5px}.log-row:hover{background:var(--ui-panel-2)}.log-time{color:var(--ui-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.log-area{color:var(--ui-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-message{overflow-wrap:anywhere}.log-level{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:5px;justify-self:start}.log-level.info{background:color-mix(in srgb,var(--info) 16%,transparent);color:var(--info)}.log-level.warning{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.log-level.error{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.log-detail{margin:0;padding:10px 14px 14px;background:var(--ui-bg);font-size:11.5px;line-height:1.5;overflow:auto;max-height:360px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ui-text)}@media (max-width: 760px){.log-row{grid-template-columns:1fr;gap:2px}}.logs-fab{position:fixed;right:18px;bottom:18px;z-index:20;box-shadow:var(--shadow);background:var(--ui-panel)}.is-locked-region{opacity:.55}.layout-toggle{gap:6px}.mode-banner{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;color:var(--ui-text);background:var(--accent-soft);border-bottom:1px solid var(--accent)}.page-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:1;min-height:240px;padding:48px 24px;text-align:center;color:var(--muted);border:1.5px dashed color-mix(in srgb,var(--primary) 45%,transparent);background:color-mix(in srgb,var(--primary) 5%,transparent)}.layout>main:has(>.page-slot){display:flex;flex-direction:column}.page-slot strong{color:var(--text);font-size:16px}.page-slot span{font-size:14px;max-width:46ch}.mode-banner-action{margin-left:auto}.layout-page{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.layout-page>.workspace{flex:1;min-height:0}.layout-toolbar .tb-title{flex-direction:row;align-items:baseline;gap:10px}.layout-toolbar .tb-title .hint{font-size:12px}.layout-page .frame,.layout-page .site,.layout-page .layout{height:100%}.layout-page .canvas-area{display:flex;flex-direction:column}.layout-page .stage{flex:1;min-height:0;height:auto;box-sizing:border-box}.color-row{display:flex;gap:6px;align-items:center}.color-row input[type=text]{flex:1;min-width:0}.color-var-btn{flex-shrink:0}.color-var-btn.on{color:var(--accent)}.color-row input.is-invalid{border-color:#b91c1c}.var-row{display:grid;grid-template-columns:38px 1fr 92px auto;gap:6px;align-items:center;margin-bottom:6px}.var-row input[type=color]{width:38px;padding:2px}.var-row input[type=text]{min-width:0}.var-hex{font-family:ui-monospace,monospace;font-size:12px}.variable-modal{width:min(420px,92vw)}.variable-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow:auto}.variable-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;text-align:left;border:1px solid var(--ui-border);border-radius:var(--radius);background:var(--ui-panel);color:var(--ui-text)}.variable-item:hover{border-color:var(--accent)}.variable-item.on{background:var(--accent-soft);border-color:var(--accent)}.variable-item i{width:22px;height:22px;border-radius:5px;border:1px solid var(--ui-border);flex-shrink:0}.variable-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variable-item code{font-size:11.5px;color:var(--ui-muted)}.border-field{display:grid;gap:6px}.border-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.border-field .hint{font-size:11.5px}.preview-page{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.preview-area{flex:1;min-height:0;overflow:auto;background:#fff}.preview-area .stage{padding:0;background:#fff;min-height:100%}.preview-area .stage .el,.preview-area .stage .el:hover,.preview-area .stage .el.is-selected{outline:none!important;cursor:default}.theme-chip .layout-thumb{display:block;flex-shrink:0;width:44px;height:32px;padding:3px}.theme-chip .lt-grid{height:100%;width:100%}.variable-group-title{margin:12px 0 6px;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted)}.variable-group-title:first-of-type{margin-top:0}