:root{--bg:#f5f8fa;--surface:#fff;--surface-hover:#f0f3f6;--border:#dde1e6;--border-light:#c8cdd3;--text:#2c3e50;--text-muted:#6b7785;--primary:#26a9ae;--primary-hover:#1e9499;--primary-subtle:#26a9ae14;--primary-border:#26a9ae40;--danger:#e5484d;--danger-hover:#cd2b31;--success:#30a46c;--warning:#e1a543;--accent:#9c655d;--gold:#c87f15;--radius:8px;--radius-lg:12px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--transition:all .15s ease;--sidebar-bg:#121a30;--sidebar-hover:#1a2440;--sidebar-active:#243050;--sidebar-text:#929ca7;--sidebar-text-active:#fff;--sidebar-border:#1e2a45}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}.layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:50;flex-direction:column;width:200px;height:100vh;padding:0;display:flex;position:fixed;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);justify-content:center;align-items:center;padding:16px 14px;text-decoration:none;display:flex}.sidebar-brand img{filter:brightness(1.5);height:26px}.sidebar-nav{border-bottom:1px solid var(--sidebar-border);flex-direction:column;flex:1;gap:2px;padding:10px 6px;display:flex}.sidebar a,.sidebar-nav a{color:var(--sidebar-text);transition:var(--transition);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;display:flex;text-decoration:none!important}.sidebar a:hover,.sidebar-nav a:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar a.active,.sidebar-nav a.active{background:var(--sidebar-active);color:var(--sidebar-text-active)}.nav-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.sidebar a.active .nav-icon,.sidebar a:hover .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:10px 12px}.sidebar-footer a{color:var(--sidebar-text);transition:var(--transition);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.sidebar-footer a:hover{color:#f87171;background:#ef444414}.sidebar-version{color:#fff;letter-spacing:.3px;border-bottom:1px solid var(--sidebar-border);padding:10px 12px;font-family:SF Mono,JetBrains Mono,monospace;font-size:11px;line-height:1.6}.sidebar-user{color:var(--sidebar-text);border-bottom:1px solid var(--sidebar-border);padding:10px 12px;font-size:12px;line-height:1.5}.sidebar-user strong{color:#fff;font-weight:600}.sidebar-signout{padding:8px 12px}.sidebar-signout a{color:var(--sidebar-text);transition:var(--transition);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.sidebar-signout a:hover{color:#f87171;background:#ef444414}.main{flex:1;min-width:0;margin-left:200px;padding:32px 40px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:-.3px;color:var(--text);font-size:24px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:24px;display:block}.card:hover{box-shadow:var(--shadow-md)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h2{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.page-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.page-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);overflow:hidden}.page-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-card-preview{border-bottom:1px solid var(--border);cursor:pointer;background:#fff;width:100%;height:200px;position:relative;overflow:hidden}.page-card-iframe{transform-origin:0 0;pointer-events:none;border:none;width:1280px;height:800px;position:absolute;top:0;left:0;transform:scale(.25)}.page-card-overlay{opacity:0;z-index:2;background:#1e143899;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0;text-decoration:none!important}.page-card:hover .page-card-overlay{opacity:1}.page-card-edit-btn{color:var(--sidebar-bg);letter-spacing:.8px;text-transform:uppercase;border-radius:var(--radius);box-shadow:var(--shadow-md);transition:var(--transition);background:#fff;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:700;display:inline-flex}.page-card-overlay:hover .page-card-edit-btn{box-shadow:var(--shadow-lg);transform:scale(1.05)}.page-card-badge{z-index:1;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 6px #0000004d}.page-card-loading{background:var(--surface);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.page-card-body{padding:16px 18px 14px}.page-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15px;font-weight:600;overflow:hidden}.page-card-url{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;text-decoration:none;display:block;overflow:hidden}.page-card-url:hover{text-decoration:underline}.page-card-actions{gap:6px;margin-top:12px;display:flex}.page-card-actions .btn{padding:5px 10px;font-size:12px}@media (width<=768px){.page-cards-grid{grid-template-columns:1fr}}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px 14px;font-size:14px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover)}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-size:14px;font-weight:600;font-family:var(--font);letter-spacing:-.1px;border:none;align-items:center;gap:6px;padding:9px 18px;display:inline-flex;text-decoration:none!important}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #26a9ae40;text-decoration:none!important}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 3px 8px #26a9ae4d;text-decoration:none!important}.btn-primary:active{transform:translateY(0)}.btn-promote{background:linear-gradient(135deg, var(--primary), #1e9499);color:#fff;box-shadow:0 1px 3px #26a9ae40}.btn-promote:hover{transform:translateY(-1px);box-shadow:0 3px 8px #26a9ae59}.btn-danger{color:var(--danger);background:0 0;border:1px solid #e5484d4d;text-decoration:none!important}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 2px 6px #e5484d40;text-decoration:none!important}.btn-sm{padding:5px 12px;font-size:13px}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-light)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-staging{color:var(--gold);background:#c87f151a;border:1px solid #c87f1533}.badge-live{color:var(--success);background:#30a46c14;border:1px solid #30a46c33}.badge-dot{border-radius:50%;width:6px;height:6px}.badge-dot-staging{background:var(--gold)}.badge-dot-live{background:var(--success);animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.form-group{margin-bottom:18px}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-size:14px;font-family:var(--font);transition:var(--transition);padding:10px 14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.alert{border-radius:var(--radius);margin-bottom:18px;padding:14px 18px;font-size:14px;font-weight:500}.alert-warning{color:var(--gold);background:#c87f150f;border:1px solid #c87f1533}.alert-success{color:var(--success);background:#30a46c0f;border:1px solid #30a46c26}.alert-error{color:var(--danger);background:#e5484d0f;border:1px solid #e5484d26}.code-block{border:1px solid var(--border);border-radius:var(--radius);word-break:break-all;-webkit-user-select:all;user-select:all;color:var(--primary);background:#f0f3f6;padding:14px 18px;font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:13px}.empty{text-align:center;color:var(--text-muted);padding:56px 24px}.empty h3{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.empty p{font-size:14px}.file-drop{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);cursor:pointer;transition:var(--transition);padding:40px;font-size:14px}.file-drop:hover,.file-drop.dragover{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.file-drop.has-file{border-color:var(--success);color:var(--success);background:#22c55e0d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1e143880;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:500px;max-width:90vw;max-height:80vh;box-shadow:var(--shadow-lg);padding:28px;overflow-y:auto}.modal h2{margin-bottom:22px;font-size:18px;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}a.link{color:var(--primary);font-weight:500;text-decoration:none}a.link:hover{text-decoration:underline}code{color:#1a8a8e;background:#26a9ae0f;border-radius:5px;padding:2px 7px;font-family:SF Mono,JetBrains Mono,monospace;font-size:13px}.text-muted{color:var(--text-muted)}.text-sm{font-size:13px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-4{gap:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8cdd3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a8b2}.sidebar::-webkit-scrollbar-thumb{background:var(--sidebar-border)}.sidebar::-webkit-scrollbar-thumb:hover{background:#3d2f60}.version-badge{background:var(--primary-subtle);color:var(--primary);border:1px solid var(--primary-border);border-radius:999px;align-items:center;padding:3px 10px;font-family:SF Mono,JetBrains Mono,monospace;font-size:12px;font-weight:700;display:inline-flex}.diff-viewer{border:1px solid var(--border);border-radius:var(--radius);background:#fafbfc;max-height:600px;font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.5;overflow:auto}.diff-viewer pre{white-space:pre-wrap;word-break:break-all;margin:0;padding:2px 14px}.diff-added{color:#1a7f4e;border-left:3px solid var(--success);background:#30a46c1a}.diff-removed{color:#c13136;border-left:3px solid var(--danger);background:#e5484d1a}.diff-unchanged{color:var(--text-muted);border-left:3px solid #0000}.editor-layout{z-index:40;background:#1e1e2e;flex-direction:column;display:flex;position:fixed;inset:0 0 0 200px}.editor-toolbar{background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 20px;display:flex}.editor-toolbar-left{align-items:center;gap:10px;min-width:0;display:flex}.editor-toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.editor-file-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:13px;font-weight:600;overflow:hidden}.editor-env-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.editor-unsaved-dot{background:var(--warning);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s infinite pulse-dot}.editor-status-saving{color:var(--sidebar-text);margin-right:4px;font-size:13px}.editor-save-flash{color:var(--success);margin-right:4px;font-size:13px;font-weight:600;animation:.3s flash-in}@keyframes flash-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.editor-toolbar .btn-ghost{color:var(--sidebar-text);border-color:var(--sidebar-border)}.editor-toolbar .btn-ghost:hover{background:var(--sidebar-hover);color:#fff;border-color:var(--sidebar-hover)}.editor-toolbar .text-muted{color:var(--sidebar-text)}.ai-panel .btn-ghost{color:var(--sidebar-text);border-color:var(--sidebar-border)}.ai-panel .btn-ghost:hover{background:var(--sidebar-hover);color:#fff;border-color:var(--sidebar-hover)}.editor-toggle-active{border-color:var(--primary-border)!important;color:var(--primary)!important;background:#26a9ae26!important}.editor-panel-toggle{border:1px solid var(--sidebar-border);border-radius:var(--radius);display:flex;overflow:hidden}.panel-toggle-btn{font-size:13px;font-weight:600;font-family:var(--font);color:var(--sidebar-text);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:5px 14px}.panel-toggle-btn:not(:last-child){border-right:1px solid var(--sidebar-border)}.panel-toggle-btn:hover{background:var(--sidebar-hover);color:#fff}.panel-toggle-btn.active{background:var(--primary);color:#fff}.editor-split{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-body{flex:1;min-height:0;display:flex;overflow:hidden}.editor-split.with-preview .editor-pane{border-right:1px solid var(--sidebar-border);width:50%}.editor-split.full-width .editor-pane{width:100%}.editor-pane{background:#282c34;height:100%;overflow:hidden}.editor-pane .cm-editor{height:100%!important}.editor-pane .cm-scroller{overflow:auto!important}.preview-pane{background:#1e1e2e;flex-direction:column;width:50%;min-height:0;display:flex}.preview-header{background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:600}.preview-iframe{background:#fff;border:none;flex:1;width:100%}.ai-panel{border-right:1px solid var(--sidebar-border);background:var(--sidebar-bg);flex-direction:column;width:50%;display:flex}.ai-panel-header{border-bottom:1px solid var(--sidebar-border);color:#e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.ai-chat-messages{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.ai-empty{text-align:center;color:var(--sidebar-text);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex}.ai-empty p{margin-bottom:16px;font-size:14px}.ai-suggestions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ai-suggestions button{border:1px solid var(--sidebar-border);color:var(--sidebar-text);cursor:pointer;font-size:12px;font-family:var(--font);transition:var(--transition);background:#ffffff0d;border-radius:999px;padding:6px 14px}.ai-suggestions button:hover{border-color:var(--primary);color:var(--primary);background:#26a9ae1a}.ai-msg{font-size:13px;line-height:1.5}.ai-msg-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.ai-msg-user .ai-msg-label{color:var(--primary)}.ai-msg-assistant .ai-msg-label{color:var(--gold)}.ai-msg-user .ai-msg-content{border-radius:var(--radius);color:#e0e0e0;background:#26a9ae1a;border:1px solid #26a9ae33;padding:8px 12px}.ai-msg-assistant .ai-msg-content{color:#e0e0e0}.ai-code-block{border:1px solid var(--sidebar-border);border-radius:var(--radius);background:#0d0a1a;margin:8px 0;overflow:hidden}.ai-code-header{border-bottom:1px solid var(--sidebar-border);color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.3px;background:#26a9ae0f;justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.ai-applied-badge{color:var(--success);padding:4px 10px;font-size:12px;font-weight:600}.ai-code-block pre{color:#e0e0e0;white-space:pre-wrap;word-break:break-all;max-height:300px;margin:0;padding:10px 12px;font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:11px;line-height:1.5;overflow:auto}.ai-diff-content{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:11px;line-height:1.6}.ai-diff-content .diff-removed{color:#f87171;background:#e5484d1a;padding:0 8px}.ai-diff-content .diff-added{color:#4ade80;background:#30a46c1a;padding:0 8px}.ai-typing{align-items:center;gap:6px;padding:8px 0;display:flex}.ai-thinking-text{color:var(--text-muted);margin-right:4px;font-size:.85rem;font-style:italic;animation:.4s ai-fade-in}@keyframes ai-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-typing-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite ai-bounce}.ai-typing-dot:nth-child(2){animation-delay:.15s}.ai-typing-dot:nth-child(3){animation-delay:.3s}@keyframes ai-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-input-area{border-top:1px solid var(--sidebar-border);flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.ai-input-area textarea{border:1px solid var(--sidebar-border);border-radius:var(--radius);color:#e0e0e0;font-size:13px;font-family:var(--font);resize:none;background:#ffffff0d;flex:1;min-height:38px;max-height:120px;padding:8px 12px;line-height:1.5}.ai-input-area textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #26a9ae26}.ai-send-btn{flex-shrink:0;height:38px}.mobile-menu-btn{z-index:60;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:none;position:fixed;top:14px;left:14px}.mobile-menu-btn span{background:var(--text);width:20px;height:2px;transition:var(--transition);border-radius:1px;display:block}.sidebar-backdrop{display:none}.editor-mobile-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:none}.editor-mobile-block .mobile-icon{margin-bottom:8px;font-size:48px}.editor-mobile-block h2{font-size:20px;font-weight:700}.editor-mobile-block p{color:var(--text-muted);max-width:320px;font-size:14px}.side-panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#1e143859;animation:.15s fadeIn;position:fixed;inset:0}.side-panel{background:var(--surface);border-left:1px solid var(--border);z-index:101;flex-direction:column;width:480px;max-width:90vw;height:100vh;animation:.2s slideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 30px #0000001f}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.side-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.side-panel-header h2{margin:0;font-size:18px;font-weight:700}.side-panel-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:var(--transition);background:0 0;border:none;padding:4px 8px;font-size:20px}.side-panel-close:hover{background:var(--surface-hover);color:var(--text)}.side-panel-body{flex:1;padding:20px 24px;overflow-y:auto}.dns-record-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-top:8px;padding:12px;font-family:SF Mono,JetBrains Mono,monospace;font-size:13px}.dns-record-box .dns-row{gap:8px;margin-bottom:4px;display:flex}.dns-record-box .dns-row:last-child{margin-bottom:0}.dns-record-box .dns-label{color:var(--text-muted);min-width:50px}.dns-record-box .dns-value{color:var(--success);cursor:pointer;word-break:break-all}.dns-record-box .dns-value:hover{text-decoration:underline}.dns-record-box .dns-type{color:var(--warning);font-weight:600}@media (width<=768px){.mobile-menu-btn{display:flex}.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:45;background:#00000080;display:block;position:fixed;inset:0}.main{margin-left:0;padding:68px 16px 24px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header h1{font-size:20px}.form-row{grid-template-columns:1fr}.modal{width:calc(100vw - 32px);max-height:90vh;padding:20px}.modal-overlay{padding:16px}.flex.gap-2{flex-wrap:wrap}.btn{padding:8px 14px;font-size:13px}.btn-sm{padding:5px 10px;font-size:12px}th,td{padding:10px 8px;font-size:13px}.empty{padding:36px 16px}.file-drop{padding:28px 16px}.diff-viewer{max-height:400px}.editor-layout{display:none!important}.editor-mobile-block{display:flex}}