@font-face{font-family:Outfit;font-style:normal;font-weight:100;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:200;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:200;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_95ce333c-module__K0ve2G__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_95ce333c-module__K0ve2G__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--bg-base:#0d0f14;--bg-surface:#161922;--bg-card:#1e2130;--bg-hover:#252840;--border:#2a2f4a;--border-light:#353a5c;--accent:#f06835;--accent-2:#f79265;--accent-glow:#f0683540;--accent-hover:#d85a28;--success:#22d3a0;--success-bg:#22d3a01a;--warning:#fbbf24;--warning-bg:#fbbf241a;--error:#f87171;--error-bg:#f871711a;--info:#60a5fa;--text-primary:#f1f5f9;--text-secondary:#b8c2d8;--text-muted:#7e8aaa;--header-h:52px;--toolbar-h:52px;--sidebar-w:220px;--radius:10px;--radius-lg:14px;--font:var(--font-outfit), system-ui, sans-serif}[data-theme=light]{--bg-base:#f0f2f8;--bg-surface:#fff;--bg-card:#fff;--bg-hover:#e8eaf4;--border:#d1d5e8;--border-light:#b8bddc;--accent:#c44a1e;--accent-2:#d95c2a;--accent-glow:#c44a1e2e;--accent-hover:#a83d18;--success:#0fa870;--success-bg:#0fa8701a;--warning:#d97706;--warning-bg:#d977061a;--error:#dc2626;--error-bg:#dc262614;--info:#2563eb;--text-primary:#1e1f2e;--text-secondary:#4b5280;--text-muted:#9ca3c0}[data-theme=light] body{background:var(--bg-base);color:var(--text-primary)}[data-theme=light] .html-textarea{color:#2d2f4a;background:#f4f5fa}[data-theme=light] .sidebar-console{background:var(--bg-surface)!important}[data-theme=light] .console-header{background:var(--bg-card)!important;border-color:var(--border)!important}[data-theme=light] .console-title{color:var(--success)!important}[data-theme=light] .console-body{background:var(--bg-surface)!important}[data-theme=light] .console-time{color:var(--text-muted)!important}[data-theme=light] .console-msg{color:var(--text-secondary)!important}[data-theme=light] .console-msg.info{color:var(--info)!important}[data-theme=light] .console-msg.success{color:var(--success)!important}[data-theme=light] .console-msg.warning{color:var(--warning)!important}[data-theme=light] .console-msg.error{color:var(--error)!important}[data-theme=light] .console-msg.muted{color:var(--text-muted)!important}[data-theme=light] .console-clear{border-color:var(--border)!important;color:var(--text-muted)!important}[data-theme=light] .console-dot{background:var(--success)!important}[data-theme=light] .console-empty{color:var(--text-muted)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}a{color:var(--accent-2);text-decoration:none}button{cursor:pointer;font-family:var(--font);border:none;outline:none}input,textarea,select{font-family:var(--font);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}label{color:var(--text-secondary);margin-bottom:5px;font-size:13px;font-weight:500;display:block}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.main-area{background:var(--bg-base);flex:1;padding:24px;overflow-y:auto}.main-and-footer{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-footer{border-top:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 24px;font-size:12px;display:flex}.app-footer a{color:var(--accent-2);text-decoration:none;transition:color .15s}.app-footer a:hover{color:var(--accent)}.app-footer-version{background:var(--bg-hover);border:1px solid var(--border);letter-spacing:.3px;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500}.app-header{height:var(--header-h);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.header-logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;letter-spacing:-.5px;width:30px;height:30px;box-shadow:0 0 12px var(--accent-glow);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.header-lockup{flex-shrink:0;width:auto;height:30px;display:block}[data-theme=light] .header-lockup{filter:invert()hue-rotate(180deg)saturate(.8)}.header-name{background:linear-gradient(90deg, var(--accent-2), #c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:15px;font-weight:700}.header-version{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);letter-spacing:.3px;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.header-user{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:13px;display:flex}.header-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.icon-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:7px;transition:all .15s;display:flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent-2)}.logout-btn{background:var(--error-bg);color:var(--error);cursor:pointer;border:1px solid #f8717133;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px 8px 20px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.nav-item{color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--accent-2)}.nav-item svg{flex-shrink:0}.nav-icon-box{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:box-shadow .15s;display:flex}.sidebar-console-section{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;padding-top:4px;display:flex}.sidebar.console-open .sidebar-nav{flex:0 auto;max-height:42%}.sidebar.console-open .sidebar-console-section{flex:1;min-height:0}.sidebar.console-open .sidebar-console{flex:1;min-height:0;max-height:none}.console-toggle{color:var(--text-secondary);cursor:pointer;width:100%;font-size:12px;font-weight:600;font-family:var(--font);background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;transition:color .15s;display:flex}.console-toggle:hover{color:var(--text-primary)}.console-toggle.open{color:var(--success)}.sidebar-console{border-top:1px solid var(--border);background:#090b10;flex-direction:column;max-height:260px;display:flex;overflow:hidden}.console-title{font-family:var(--font);color:var(--success);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.sidebar-console{background:#090b10!important}.console-header{background:#0d0f14!important;border-color:#1e2235!important}.console-dot{background:#22d3a0;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse}.console-title{color:#22d3a0!important}.console-body{font-family:var(--font);background:#090b10;flex:1;padding:10px 12px;font-size:12px;line-height:1.65;overflow-y:auto}.console-time{color:#8892aa;font-size:11px;font-family:var(--font);flex-shrink:0;padding-top:1px}.console-msg{word-break:break-word;font-family:var(--font);color:#c8d0e8}.console-empty{color:#7e8aaa;padding:4px 0;font-size:12px;font-style:italic}.console-clear{color:#4a5568;font-size:11px;font-family:var(--font);cursor:pointer;background:0 0;border:1px solid #2a2f45;border-radius:4px;padding:2px 7px;transition:all .15s}.console-clear:hover{color:#f87171;border-color:#f87171}.toolbar{height:var(--toolbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;display:flex}.toolbar-brand{align-items:center;gap:10px;margin-right:8px;display:flex}.toolbar-logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;letter-spacing:-.5px;width:34px;height:34px;box-shadow:0 0 14px var(--accent-glow);border-radius:9px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.toolbar-name{background:linear-gradient(90deg, var(--accent-2), #c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px;font-weight:700}.toolbar-sep{background:var(--border);width:1px;height:28px;margin:0 4px}.toolbar-version{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);letter-spacing:.3px;border-radius:20px;margin-left:2px;padding:2px 8px;font-size:11px;font-weight:500}.toolbar-nav{flex:1;align-items:center;gap:2px;display:flex}.nav-btn{color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.nav-btn:hover{background:var(--bg-card);color:var(--text-primary)}.nav-btn.active{background:var(--accent-glow);color:var(--accent-2)}.nav-btn .nav-icon{font-size:14px}.toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.toolbar-user{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:13px;display:flex}.toolbar-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.console-toggle-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;transition:all .15s;display:flex}.console-toggle-btn:hover{border-color:var(--accent);color:var(--accent-2)}.logout-btn{background:var(--error-bg);color:var(--error);border:1px solid #f8717133;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.logout-btn:hover{background:#f8717133}.console-panel{width:var(--console-w);border-right:1px solid var(--border);background:#0a0c10;flex-direction:column;flex-shrink:0;transition:width .3s,opacity .3s;display:flex;overflow:hidden}.console-panel.closed{opacity:0;width:0}.console-header{border-bottom:1px solid var(--border);background:#0d0f14;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.console-title{color:var(--success);align-items:center;gap:6px;font-family:Courier New,monospace;font-size:12px;font-weight:600;display:flex}.console-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.console-body{flex:1;padding:10px;font-family:Courier New,monospace;font-size:12px;line-height:1.7;overflow-y:auto}.console-body::-webkit-scrollbar{width:4px}.console-body::-webkit-scrollbar-track{background:0 0}.console-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.console-line{align-items:flex-start;gap:8px;padding:1px 0;display:flex}.console-time{color:var(--text-muted);flex-shrink:0;padding-top:2px;font-size:10px}.console-msg{word-break:break-word}.console-msg.info{color:var(--info)}.console-msg.success{color:var(--success)}.console-msg.warning{color:var(--warning)}.console-msg.error{color:var(--error)}.console-msg.muted{color:var(--text-muted)}.console-clear{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:4px;padding:3px 8px;font-family:Courier New,monospace;font-size:10px;transition:all .15s}.console-clear:hover{border-color:var(--error);color:var(--error)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#1e2130b3;padding:20px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{color:#f79265;background:#f0683521;border-color:#f0683561}.btn-primary:hover{background:#f068353b;border-color:#f068358c;box-shadow:0 0 16px #f0683540}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-secondary);background:#b4bed21a;border-color:#b4bed240}.btn-secondary:hover{background:#b4bed22e;border-color:#b4bed266}.btn-danger{color:#f87171;background:#f871711f;border-color:#f8717152}.btn-danger:hover{background:#f8717138;border-color:#f8717185;box-shadow:0 0 12px #f8717133}.btn-success{color:#34d399;background:#22d3a01f;border-color:#22d3a052}.btn-success:hover{background:#22d3a038;border-color:#22d3a085}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--bg-surface);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;text-align:left;border-bottom:1px solid var(--border);padding:11px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:12px 16px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:var(--bg-hover)}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid #22d3a033}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #fbbf2433}.badge-error{background:var(--error-bg);color:var(--error);border:1px solid #f8717133}.badge-info{color:var(--info);background:#60a5fa1a;border:1px solid #60a5fa33}.badge-muted{color:var(--text-secondary);border:1px solid var(--border);background:#4a55684d}.form-group{margin-bottom:16px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.input-wrap{position:relative}.input-icon{color:var(--text-muted);pointer-events:none;font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon+input{padding-left:36px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--text-primary);align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;animation:.2s slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title{font-size:17px;font-weight:700}.modal-close{color:var(--text-muted);background:0 0;border:none;font-size:20px;line-height:1;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.login-page{background:var(--bg-base);background-image:radial-gradient(at 20%,#7c6af712 0%,#0000 60%),radial-gradient(at 80% 20%,#a78bfa0d 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:18px;width:100%;max-width:420px;padding:40px;box-shadow:0 24px 64px #00000080}.login-logo{justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.login-title{text-align:center;margin-bottom:6px;font-size:22px;font-weight:700}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:28px;font-size:13px}.login-error{background:var(--error-bg);color:var(--error);border:1px solid #f871714d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.editor-shell{flex:1;gap:16px;min-height:0;display:flex;overflow:hidden}.editor-page-wrap{height:calc(100vh - var(--header-h) - 48px - 37px);flex-direction:column;gap:8px;display:flex}.client-context-bar{border-radius:var(--radius-lg);border:1px solid #0000;flex-shrink:0;align-items:center;gap:12px;padding:9px 16px;font-size:13px;display:flex}.editor-main{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.editor-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.editor-panel-header{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-primary);font-size:12px;font-weight:700}.editor-sidebar{flex-direction:column;flex-shrink:0;gap:12px;width:300px;display:flex;overflow-y:auto}.editor-preview{border-radius:0 0 var(--radius-lg) var(--radius-lg);flex:1;overflow:hidden}.preview-iframe{border:none;width:100%;height:100%;display:block}.editor-tab-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;gap:4px;padding:8px;display:flex}.editor-tab{border-radius:var(--radius);cursor:pointer;color:var(--text-muted);font-family:var(--font);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:5px;padding:8px 4px 6px;transition:all .15s;display:flex}.editor-tab:hover{background:var(--bg-hover)}.editor-tab.active{background:var(--bg-hover);color:var(--text-primary)}.editor-tab-label{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.editor-view-btn,.editor-glass-btn{font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 13px;transition:all .18s;display:inline-flex}.editor-view-btn{color:#5eead4;background:#14b8a61a;border:1px solid #14b8a640}.editor-view-btn:hover{background:#14b8a62e;border-color:#14b8a680;box-shadow:0 0 12px #14b8a62e}.editor-view-btn.active{color:#99f6e4;background:#14b8a638;border-color:#14b8a699;box-shadow:0 0 14px #14b8a640}#view-html-btn{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b40}#view-html-btn:hover{background:#f59e0b2e;border-color:#f59e0b80;box-shadow:0 0 12px #f59e0b2e}#view-html-btn.active{color:#fde68a;background:#f59e0b38;border-color:#f59e0b99;box-shadow:0 0 14px #f59e0b40}.editor-glass-btn{color:#c4b5fd;background:#8b5cf61f;border:1px solid #8b5cf64d}.editor-glass-btn:hover{filter:brightness(1.15);box-shadow:0 0 12px #0003}.editor-glass-btn:disabled{opacity:.4;cursor:not-allowed;filter:none}.editor-save-btn{font-size:12px;font-weight:600;font-family:var(--font);color:#34d399;cursor:pointer;white-space:nowrap;background:#22d3a01a;border:1px solid #22d3a059;border-radius:20px;align-items:center;gap:6px;padding:5px 13px;transition:all .18s;display:inline-flex}.editor-save-btn:hover{background:#22d3a02e;border-color:#22d3a08c;box-shadow:0 0 12px #22d3a033}.editor-save-btn.dirty{color:#f87171;background:#f871711a;border-color:#f8717159}.editor-save-btn.dirty:hover{background:#f8717133;border-color:#f871718c;box-shadow:0 0 12px #f8717133}.editor-save-btn:disabled{opacity:.5;cursor:not-allowed}.html-textarea{resize:none;color:#a8b4d8;background:#090b10;border:none;border-radius:0;flex:1;height:100%;padding:14px;font-family:Courier New,monospace;font-size:12px;line-height:1.8}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.offline{background:var(--error)}.status-dot.pending{background:var(--warning);animation:1.5s infinite pulse}.dash-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.dash-title{color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:700;line-height:1.2}.dash-name{background:linear-gradient(90deg, var(--accent-2), #c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dash-subtitle{color:var(--text-secondary);font-size:13px}.dash-tenant{color:var(--accent-2);font-weight:600}.dash-version{color:var(--success);background:var(--success-bg);white-space:nowrap;border:1px solid #22d3a040;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.version-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 8px var(--success);border-radius:50%;flex-shrink:0;animation:2s infinite pulse}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:linear-gradient(145deg, var(--bg-card), var(--bg-surface));border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:10px;padding:22px 20px 18px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 60%);position:absolute;inset:0}.stat-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 30px #7c6af71f}.stat-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:box-shadow .2s;display:flex}.stat-card:hover .stat-icon-box{box-shadow:0 0 16px}.stat-value{color:var(--text-primary);letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.3}.release-card{background:linear-gradient(145deg, var(--bg-card), var(--bg-surface));border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden}.release-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2), #c4b5fd);height:2px;position:absolute;top:0;left:0;right:0}.release-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.release-title{color:var(--text-primary);font-size:14px;font-weight:700}.release-version{color:var(--accent-2);background:var(--accent-glow);border:1px solid #7c6af740;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.release-date{color:var(--text-muted);margin-left:auto;font-size:11px}.release-body{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mb-4{margin-bottom:16px}.text-sm{font-size:12px}.text-muted{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.font-mono{font-family:Courier New,monospace}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:13px}.empty-icon{margin-bottom:10px;font-size:32px}.toggle-switch{flex-shrink:0;width:40px;height:22px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border);cursor:pointer;border-radius:22px;transition:background .2s;position:absolute;inset:0}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(18px)}.masked-key{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:5px;padding:3px 8px;font-family:Courier New,monospace;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234b5280' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}select option{background:var(--bg-card);color:var(--text-primary)}.mt-3{margin-top:12px}.fade-in{animation:.2s fadeIn}.fade-up{animation:.2s slideUp}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.breadcrumb{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb-item{align-items:center;gap:6px;display:flex}.breadcrumb-item a,.breadcrumb-item button{color:var(--accent-2);cursor:pointer;font-size:13px;font-family:var(--font);background:0 0;border:none;padding:0;text-decoration:none;transition:color .15s}.breadcrumb-item a:hover,.breadcrumb-item button:hover{color:var(--text-primary)}.breadcrumb-sep{color:var(--text-muted)}.input{font-family:var(--font);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s;display:block}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dash-section{margin:28px 0}.dash-section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.dash-section-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 3px;font-size:16px;font-weight:700;display:flex}.dash-section-subtitle{color:var(--text-muted);margin:0;font-size:12px}.dash-clients-empty{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);padding:40px;font-size:14px}.dash-clients-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.dash-client-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:20px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.dash-client-card:hover{border-color:var(--client-colour,var(--accent));box-shadow:0 0 0 1px var(--client-colour,var(--accent)), 0 8px 24px #00000040;transform:translateY(-2px)}.dash-client-accent{background:var(--client-colour,var(--accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.dash-client-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dash-client-name{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.2}.dash-client-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.dash-client-count{color:var(--text-muted);border-top:1px solid var(--border);align-items:center;gap:5px;margin-top:auto;padding-top:8px;font-size:12px;display:flex}.dash-client-add{background:var(--bg-surface);border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:130px;padding:20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dash-client-add:hover{color:#14b8a6;background:#14b8a60f;border-color:#14b8a6}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:8px;display:grid}.client-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s;position:relative;overflow:hidden}.client-card:hover{border-color:var(--client-colour,var(--accent));box-shadow:0 0 0 1px var(--client-colour,var(--accent)), 0 8px 24px #0003}.client-card-accent{background:var(--client-colour,var(--accent));height:3px}.client-card-body{padding:18px}.client-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.client-icon-box{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.client-card-actions{opacity:0;gap:6px;transition:opacity .15s;display:flex}.client-card:hover .client-card-actions{opacity:1}.client-name{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:700}.client-description{color:var(--text-muted);margin:0 0 14px;font-size:13px;line-height:1.5}.client-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.client-template-count{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.client-hub-action-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:20px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.client-hub-action-card:hover{border-color:var(--hub-colour,var(--accent));box-shadow:0 0 0 1px var(--hub-colour,var(--accent)), 0 8px 24px #0003;transform:translateY(-2px)}.hub-action-accent{background:var(--hub-colour,var(--accent));height:3px;position:absolute;top:0;left:0;right:0}.hub-action-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:6px;display:flex}.hub-action-label{color:var(--text-primary);font-size:15px;font-weight:700}.hub-action-count{color:var(--text-muted);font-size:12px}.hub-action-cta{color:var(--hub-colour,var(--accent));margin-top:auto;padding-top:10px;font-size:12px;font-weight:600}.client-info-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.client-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.client-info-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-size:13px;font-weight:700}.client-info-rows{flex-direction:column;gap:10px;display:flex}.info-row{align-items:center;gap:10px;font-size:13px;display:flex}.info-row-icon{color:var(--text-muted);flex-shrink:0}.info-row-label{color:var(--text-muted);flex-shrink:0;width:70px;font-size:12px}.info-row-value{color:var(--text-primary);word-break:break-word;flex:1}.client-workspace-bar{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;animation:.2s fadeIn;display:flex;box-shadow:0 2px 12px #0000002e}.workspace-left{flex-shrink:0;align-items:center;gap:14px;min-width:0;display:flex}.workspace-back-link{color:var(--text-muted);white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.workspace-back-link:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border)}.workspace-logo-wrap{border:1px solid var(--border);background:#fff;border-radius:8px;flex-shrink:0;align-items:center;padding:4px 8px;display:flex}.workspace-logo-wrap img{object-fit:contain;max-width:110px;max-height:28px;display:block}.workspace-client-name{letter-spacing:-.3px;flex-shrink:0;font-size:15px;font-weight:800}.workspace-swatches{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;display:flex}.workspace-swatch{cursor:default;border:1px solid #ffffff1f;border-radius:5px;flex-shrink:0;width:18px;height:18px;transition:transform .12s;box-shadow:0 1px 3px #00000059}.workspace-swatch:hover{transform:scale(1.25)}.workspace-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.status-badge{letter-spacing:.3px;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font);white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;transition:all .2s;display:inline-flex}.status-badge--draft{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2452}.status-badge--draft:hover{background:#fbbf2433;border-color:#fbbf248c;box-shadow:0 0 10px #fbbf242e}.status-badge--published{color:#34d399;background:#22d3a01f;border-color:#22d3a052}.status-badge--published:hover{background:#22d3a033;border-color:#22d3a08c;box-shadow:0 0 10px #22d3a02e}.apply-brand-btn{font-size:11px;font-weight:700;font-family:var(--font);cursor:pointer;white-space:nowrap;color:#f472b6;letter-spacing:.2px;background:#f472b61f;border:1px solid #f472b652;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;transition:all .18s;display:inline-flex}.apply-brand-btn:hover{background:#f472b638;border-color:#f472b68c;box-shadow:0 0 12px #f472b638}.apply-brand-btn:disabled{opacity:.4;cursor:not-allowed}.workspace-icon-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;font-family:var(--font);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.workspace-icon-btn:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.workspace-icon-btn:disabled{opacity:.3;cursor:not-allowed}.workspace-icon-btn.danger:hover{background:var(--error-bg);color:var(--error);border-color:#f871714d}.img-logo-section{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.img-logo-label{text-transform:uppercase;letter-spacing:.6px;color:var(--accent-2);align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.img-logo-preview{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:52px;padding:8px 12px;display:flex}.img-upload-success{background:#22d3a014;border:1px solid #22d3a047;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;animation:.2s fadeIn;display:flex}.img-upload-success-header{color:#34d399;letter-spacing:.2px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.img-library-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;transition:border-color .15s;overflow:hidden}.img-library-card:hover{border-color:var(--border-light)}.img-actions{grid-template-columns:1fr 1fr 1fr;gap:4px;padding:6px 8px 8px;display:grid}.img-action-btn{font-size:10px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:3px;padding:4px 6px;transition:all .15s;display:inline-flex}.img-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.img-action-btn.primary{color:#a78bfa;background:#7c6af71f;border-color:#7c6af747}.img-action-btn.primary:hover{background:#7c6af738;border-color:#7c6af780}.img-drop-zone{border:2px dashed var(--border);text-align:center;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:14px 10px;font-size:12px;transition:all .2s;display:flex}.img-drop-zone:hover,.img-drop-zone.drag-over{background:var(--accent-glow);border-color:var(--accent);color:var(--accent-2)}.brand-logo-display{border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:56px;margin-bottom:10px;padding:10px 14px;display:flex}.brand-swatch-grid{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.brand-swatch-row{align-items:center;gap:8px;display:flex}.brand-swatch-circle{border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:28px;height:28px;box-shadow:0 1px 4px #0000004d}.brand-swatch-info{flex:1;min-width:0}.brand-swatch-name{color:var(--text-secondary);font-size:11px;font-weight:700}.brand-swatch-hint{color:var(--text-muted);font-size:10px}.brand-swatch-val{color:var(--text-muted);margin-top:1px;font-family:Courier New,monospace;font-size:10px}.tpl-section-header{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:10px;padding:4px 0 8px;font-size:11px;font-weight:700;display:flex}.tpl-card-draft{opacity:.82}.tpl-status-pill{letter-spacing:.3px;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.tpl-status-pill.draft{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440}.tpl-status-pill.published{color:#34d399;background:#22d3a01a;border:1px solid #22d3a040}.delete-modal-icon{background:var(--error-bg);width:52px;height:52px;color:var(--error);border:1px solid #f8717140;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.delete-modal-name{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;margin:8px 0 16px;padding:6px 12px;font-size:14px;font-weight:700;display:block;overflow:hidden}.editor-drawer-backdrop{z-index:498;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;animation:.15s fadeIn;position:fixed;inset:0}.editor-drawer{background:var(--bg-card);border-left:1px solid var(--border);z-index:499;flex-direction:column;width:440px;animation:.22s cubic-bezier(.16,1,.3,1) drawerSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-32px 0 80px #0009}@keyframes drawerSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.editor-drawer-header{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.editor-drawer-title{color:var(--text-primary);align-items:center;gap:12px;min-width:0;font-size:16px;font-weight:700;display:flex}.editor-drawer-close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.editor-drawer-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.editor-drawer-upload-btn{cursor:pointer;background:var(--accent-glow);border:1px solid var(--accent);color:var(--accent-2);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.editor-drawer-upload-btn:hover{background:var(--accent);color:#fff}.editor-drawer-body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.drawer-logo-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;overflow:hidden}.drawer-logo-card-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:1px solid var(--border);align-items:center;gap:5px;padding:7px 14px;font-size:10px;font-weight:700;display:flex}.drawer-logo-card-img{background:#fff;justify-content:center;align-items:center;min-height:80px;padding:20px;display:flex}.drawer-logo-card-img img{object-fit:contain;max-width:100%;max-height:56px}.drawer-upload-success{background:#10b9810f;border:1px solid #10b98159;border-radius:12px;overflow:hidden}.drawer-upload-success-header{color:#10b981;border-bottom:1px solid #10b98140;align-items:center;gap:5px;padding:8px 14px;font-size:11px;font-weight:700;display:flex}.drawer-upload-success-img{object-fit:cover;width:100%;height:90px;display:block}.drawer-img-actions{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.drawer-img-action{border:none;border-right:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;padding:8px 4px;font-size:11px;font-weight:600;transition:background .12s,color .12s}.drawer-img-action:last-child{border-right:none}.drawer-img-action:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-img-action.primary{color:var(--accent-2)}.drawer-img-action.primary:hover{background:var(--accent-glow)}.drawer-drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;color:var(--text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;font-size:13px;transition:all .2s;display:flex}.drawer-drop-zone:hover,.drawer-drop-zone.drag-over{border-color:var(--accent);background:var(--accent-glow);color:var(--accent-2)}.drawer-img-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.drawer-img-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.drawer-img-card:hover{border-color:var(--border-light);box-shadow:0 4px 16px #0003}.drawer-img-card img{object-fit:cover;width:100%;height:100px;display:block}.drawer-img-card-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;padding:6px 10px 4px;font-size:11px;font-weight:600;overflow:hidden}.drawer-brand-badge{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;border-radius:20px;max-width:140px;padding:2px 10px;font-size:12px;font-weight:500;overflow:hidden}.drawer-apply-brand-btn{background:linear-gradient(135deg, var(--accent), #a855f7);color:#fff;cursor:pointer;letter-spacing:-.2px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:14px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 4px 20px #8b5cf659}.drawer-apply-brand-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #8b5cf673}.drawer-apply-brand-btn:disabled{opacity:.65;cursor:not-allowed}.drawer-brand-logo-card{border:1px solid var(--border);border-radius:12px;overflow:hidden}.drawer-brand-logo-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);background:var(--bg-surface);border-bottom:1px solid var(--border);padding:8px 14px;font-size:10px;font-weight:700}.drawer-brand-logo-body{background:#fff;justify-content:center;align-items:center;min-height:90px;padding:24px;display:flex}.drawer-brand-logo-body img{object-fit:contain;max-width:100%;max-height:60px}.drawer-section-label{text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin-bottom:10px;font-size:10px;font-weight:700}.drawer-palette-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.drawer-palette-item{flex-direction:column;align-items:center;gap:5px;display:flex}.drawer-palette-swatch{aspect-ratio:1;border:2px solid var(--border);cursor:pointer;border-radius:10px;width:100%;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #00000040}.drawer-palette-swatch:hover{transform:scale(1.1);box-shadow:0 4px 14px #00000059}.drawer-palette-label{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:700}.drawer-palette-hex{color:var(--text-muted);text-align:center;font-family:monospace;font-size:9px}.drawer-link{color:var(--accent-2);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;text-decoration:none;transition:background .15s;display:flex}.drawer-link:hover{background:var(--accent-glow)}.drawer-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:12px;transition:background .15s,color .15s;display:flex}.drawer-link-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.cw-bar{background:var(--bg-card);border-bottom:2px solid var(--border);flex-shrink:0;align-items:center;gap:0;height:80px;display:flex}.cw-identity{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;gap:7px;min-width:210px;height:100%;padding:0 20px;display:flex}.cw-back{color:var(--text-muted);align-items:center;gap:3px;font-size:11px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.cw-back:hover{color:var(--text-primary)}.cw-brand-row{align-items:center;gap:10px;display:flex}.cw-logo-box{background:#fff;border:1px solid #00000014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000024}.cw-logo-box img{object-fit:contain;max-width:80%;max-height:80%}.cw-logo-initial{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:flex;box-shadow:0 2px 10px #0003}.cw-client-name{letter-spacing:-.4px;font-size:18px;font-weight:800;line-height:1.15}.cw-client-sub{color:var(--text-muted);font-size:11px;font-weight:500}.cw-cards{flex:1;align-items:center;gap:8px;padding:0 20px;display:flex}.cw-card{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:86px;padding:8px 16px;transition:all .15s;display:flex}.cw-card:hover{border-color:var(--cw-color,var(--accent));transform:translateY(-2px);box-shadow:0 4px 14px #0000002e}.cw-card.active{border-color:var(--cw-color,var(--accent));box-shadow:0 0 0 2px var(--cw-color,var(--accent));background:var(--bg-hover)}.cw-card-icon{background:#8b5cf61f;background:color-mix(in srgb, var(--cw-color,var(--accent)) 15%, transparent);width:30px;height:30px;color:var(--cw-color,var(--accent));border-radius:8px;justify-content:center;align-items:center;margin-bottom:1px;display:flex}.cw-card-label{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:700}.cw-card-sub{color:var(--text-muted);white-space:nowrap;font-size:10px}.cw-actions{border-left:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;height:100%;padding:0 20px;display:flex}.cw-action-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.cw-action-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.cw-action-btn:disabled{opacity:.35;cursor:not-allowed}.cw-action-btn.save{color:#10b981;background:#10b9811a;border-color:#10b98166;box-shadow:0 0 12px #10b9811f}.cw-action-btn.save:hover:not(:disabled){background:#10b9812e;box-shadow:0 4px 16px #10b98138}.cw-action-btn.danger{color:var(--error);background:#ef44440f;border-color:#ef44444d}.cw-action-btn.danger:hover{background:#ef444424}.rp-active-tpl{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-direction:column;flex-shrink:0;gap:8px;padding:12px;display:flex}.rp-input{padding:8px 10px!important;font-size:13px!important}.rp-active-row{align-items:center;gap:6px;display:flex}.rp-status-btn{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.rp-status-btn.draft{color:#f59e0b;background:#f59e0b1f}.rp-status-btn.published{color:#10b981;background:#10b9811f}.rp-save-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:5px;margin-left:auto;padding:5px 12px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.rp-save-btn.dirty{color:#10b981;background:#10b9811a;border-color:#10b98166}.rp-save-btn:disabled{opacity:.5;cursor:not-allowed}.rp-list-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.rp-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:700}.rp-new-btn{background:var(--accent-glow);border:1px solid var(--accent);color:var(--accent-2);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.rp-new-btn:hover{background:var(--accent);color:#fff}.rp-tpl-list{flex-direction:column;flex:1;gap:3px;padding:8px;display:flex;overflow-y:auto}.rp-tpl-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex;position:relative}.rp-tpl-item:hover{background:var(--bg-hover);border-color:var(--border)}.rp-tpl-item.active{background:var(--accent-glow);border-color:var(--accent)}.rp-tpl-item:hover .rp-del-btn{opacity:1}.rp-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rp-dot.published{background:#10b981;box-shadow:0 0 6px #10b98180}.rp-dot.draft{background:#f59e0b}.rp-tpl-info{flex:1;min-width:0}.rp-tpl-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.rp-tpl-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.rp-del-btn{opacity:0;width:24px;height:24px;color:var(--error);cursor:pointer;background:#ef44441a;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.rp-del-btn:hover{background:#ef444433}.rp-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 20px;display:flex}.rp-empty svg{opacity:.3;margin-bottom:4px}.rp-empty span:first-of-type{color:var(--text-secondary);font-size:14px;font-weight:600}.rp-empty span:last-of-type{font-size:12px}.rpb-panel{flex-direction:column!important;gap:0!important;padding:8px!important;display:flex!important;overflow:hidden!important}.rpb-btn{border:2px solid color-mix(in srgb, var(--rpb-color,var(--accent)) 30%, transparent);background:color-mix(in srgb, var(--rpb-color,var(--accent)) 8%, var(--bg-surface));cursor:pointer;text-align:left;border-radius:12px;flex:1;align-items:center;gap:14px;min-height:64px;margin-bottom:6px;padding:0 16px;transition:all .18s;display:flex;position:relative}.rpb-btn:last-child{margin-bottom:0}.rpb-btn:hover{background:color-mix(in srgb, var(--rpb-color,var(--accent)) 18%, var(--bg-surface));border-color:color-mix(in srgb, var(--rpb-color,var(--accent)) 60%, transparent);box-shadow:4px 0 16px color-mix(in srgb, var(--rpb-color,var(--accent)) 20%, transparent);transform:translate(-3px)}.rpb-btn.active{background:color-mix(in srgb, var(--rpb-color,var(--accent)) 15%, var(--bg-surface));border-color:var(--rpb-color,var(--accent));box-shadow:inset 4px 0 0 var(--rpb-color,var(--accent))}.rpb-icon{background:color-mix(in srgb, var(--rpb-color,var(--accent)) 18%, transparent);width:44px;height:44px;color:var(--rpb-color,var(--accent));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.rpb-btn:hover .rpb-icon,.rpb-btn.active .rpb-icon{background:color-mix(in srgb, var(--rpb-color,var(--accent)) 28%, transparent);transform:scale(1.08)}.rpb-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rpb-label{color:var(--text-primary);white-space:nowrap;font-size:15px;font-weight:700}.rpb-sub{color:var(--text-muted);white-space:nowrap;font-size:12px}.rpb-active-dot{background:var(--rpb-color,var(--accent));width:8px;height:8px;box-shadow:0 0 8px var(--rpb-color,var(--accent));border-radius:50%;flex-shrink:0}.cw-tpl-fields{border-right:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;gap:6px;height:100%;padding:0 24px;display:flex}.cw-tpl-name-input{outline:none;width:100%;transition:border-color .15s;border:none!important;border-bottom:2px solid var(--border)!important;color:var(--text-primary)!important;background:0 0!important;border-radius:0!important;padding:4px 0!important;font-size:18px!important;font-weight:700!important}.cw-tpl-name-input:focus{border-bottom-color:var(--accent)!important}.cw-tpl-name-input::placeholder{color:var(--text-muted);font-size:15px;font-weight:400}.cw-tpl-subject-input{outline:none;width:100%;transition:border-color .15s;color:var(--text-secondary)!important;background:0 0!important;border:none!important;border-bottom:1px solid #0000!important;border-radius:0!important;padding:2px 0!important;font-size:13px!important;font-weight:400!important}.cw-tpl-subject-input:focus{border-bottom-color:var(--border)!important}.cw-tpl-subject-input::placeholder{color:var(--text-muted)}.cw-bar-actions{flex-shrink:0;align-items:center;gap:8px;height:100%;padding:0 20px;display:flex}.drawer-tpl-card{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.drawer-tpl-card:hover{background:#8b5cf60f;border-color:#8b5cf6;transform:translate(2px)}.drawer-tpl-card.active{background:#8b5cf61a;border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf64d}.cw-brand-swatches{flex:1;align-items:center;padding:0 28px;display:flex}.cw-swatches-row{align-items:center;gap:8px;display:flex}.cw-swatch{border:2px solid #ffffff59;border-radius:8px;flex-shrink:0;width:30px;height:30px;transition:transform .18s,border-color .18s;box-shadow:0 2px 10px #00000080,inset 0 1px #ffffff26}.cw-swatch:hover{border-color:#ffffffb3;transform:translateY(-4px)scale(1.12);box-shadow:0 6px 18px #00000080,inset 0 1px #fff3}.drawer-tpl-card:hover .tpl-rename-btn{opacity:1!important}.queue-row{cursor:pointer}.queue-row:hover td{background:var(--bg-hover)}.queue-row-active td{background:var(--accent-glow)}.queue-drawer{width:min(680px,92vw)}.queue-drawer-meta{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-direction:column;flex-shrink:0;gap:6px;padding:12px 20px;font-size:13px;display:flex}.queue-drawer-meta-label{width:52px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600;display:inline-block}.queue-drawer-preview{background:#fff;border:none;flex:1;width:100%}.queue-search-bar{align-items:center;gap:14px;margin-bottom:14px;display:flex}.queue-search-clear{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.queue-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.queue-load-more{justify-content:center;padding:14px 0 4px;display:flex}.nav-sub-item{border-radius:8px!important;padding:6px 10px!important;font-size:12px!important}.agent-doc{color:var(--text-secondary);font-size:14px;line-height:1.75}.agent-doc .ai-h1{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 20px;padding-bottom:12px;font-size:22px;font-weight:800}.agent-doc .ai-h2{color:var(--text-primary);margin:28px 0 10px;font-size:16px;font-weight:700}.agent-doc .ai-h3{color:var(--text-secondary);margin:20px 0 8px;font-size:14px;font-weight:700}.agent-doc .ai-hr{border:none;border-top:1px solid var(--border);margin:24px 0}.agent-doc .ai-p{margin:10px 0}.agent-doc .ai-li{margin:4px 0 4px 20px;list-style:outside;display:list-item}.agent-doc .ai-code-block{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;margin:12px 0;padding:16px 18px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.agent-doc .ai-inline-code{background:var(--bg-surface);border:1px solid var(--border);color:var(--accent-2);border-radius:5px;padding:1px 6px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12px}.agent-doc .ai-table{border-collapse:collapse;border:1px solid var(--border);border-radius:10px;width:100%;margin:12px 0;font-size:13px;overflow:hidden}.agent-doc .ai-table th{background:var(--bg-surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border);padding:9px 14px;font-size:11px;font-weight:700}.agent-doc .ai-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:top;padding:9px 14px}.agent-doc .ai-table tr:last-child td{border-bottom:none}.agent-doc .ai-table tr:nth-child(2n) td{background:#ffffff05}[data-theme=light] .agent-doc .ai-table tr:nth-child(2n) td{background:#00000005}.lander-root{color:#f1f5f9;min-height:100vh;font-family:var(--font-outfit), system-ui, sans-serif;background:#0d0f14;position:relative;overflow-x:hidden}.lander-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.lander-glow{filter:blur(90px);opacity:.18;border-radius:50%;animation:18s ease-in-out infinite alternate lander-drift;position:absolute}.lander-glow-1{background:radial-gradient(circle,#f06835 0%,#0000 70%);width:560px;height:560px;animation-delay:0s;top:-120px;left:-80px}.lander-glow-2{background:radial-gradient(circle,#6366f1 0%,#0000 70%);width:460px;height:460px;animation-delay:-6s;top:30%;right:-100px}.lander-glow-3{background:radial-gradient(circle,#06b6d4 0%,#0000 70%);width:380px;height:380px;animation-delay:-12s;bottom:10%;left:20%}@keyframes lander-drift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,40px)scale(1.08)}}.lander-dot-grid{opacity:.28;background-image:radial-gradient(circle,#ffffff47 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.lander-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#080a14eb;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:52px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.lander-nav-logo{align-items:center;display:flex}.lander-btn-signin{color:#f06835;background:#f0683514;border:1px solid #f0683580;border-radius:8px;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.lander-btn-signin:hover{color:#f06835;background:#f068352e;border-color:#f06835cc}.lander-main{z-index:1;padding-top:52px;position:relative}.lander-badge{color:#f06835;letter-spacing:.04em;text-transform:uppercase;background:#f068351f;border:1px solid #f068354d;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.lander-badge-dot{background:#f06835;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite lander-pulse}@keyframes lander-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.lander-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:80px 40px 60px;display:grid}.lander-hero-copy{flex-direction:column;align-items:flex-start;display:flex}.lander-h1{letter-spacing:-.02em;color:#f1f5f9;margin-bottom:20px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.13}.lander-h1 em{color:#f06835;font-style:normal}.lander-hero-sub{color:#b8c2d8;max-width:460px;margin-bottom:24px;font-size:16px;line-height:1.65}.lander-hero-pills{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.lander-hero-pill{color:#b8c2d8;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:500}.lander-hero-ctas{gap:12px;margin-bottom:16px;display:flex}.lander-btn-primary{color:#fff;background:#f06835;border-radius:9px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.lander-btn-primary:hover{color:#fff;background:#d85a28;transform:translateY(-1px)}.lander-hero-note{color:#7e8aaa;font-size:12px}.lander-hero-panel{flex-direction:column;gap:10px;display:flex}.lander-panel-tabs{flex-wrap:wrap;gap:8px;display:flex}.lander-panel-tab{color:#7e8aaa;cursor:default;background:#ffffff0d;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:400;display:inline-flex}.lander-panel-tab.active{color:#f06835;background:#f068352e;border-color:#f0683566;font-weight:600}.lander-panel-tab-dot{background:#ffffff2e;border-radius:50%;width:6px;height:6px}.lander-panel-tab.active .lander-panel-tab-dot{background:#f06835}.lander-browser{background:#0e101af5;border:1px solid #ffffff14;border-radius:14px;overflow:hidden;box-shadow:0 40px 100px #000000a6,0 0 0 1px #ffffff08}.lander-browser-tall .lander-browser-body{min-height:280px}.lander-browser-bar{background:#080a12e6;border-bottom:1px solid #ffffff0f;align-items:center;padding:10px 16px;display:flex}.lander-traffic-lights{gap:6px;display:flex}.lander-tl{border-radius:50%;width:11px;height:11px;display:inline-block}.lander-tl-red{background:#ff5f57}.lander-tl-yellow{background:#febc2e}.lander-tl-green{background:#28c840}.lander-url-bar{color:#7e8aaa;background:#ffffff0d;border:1px solid #ffffff12;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;max-width:280px;margin:0 auto;padding:3px 14px;font-family:monospace;font-size:11px;display:inline-flex}.lander-url-dot{background:#f06835;border-radius:50%;flex-shrink:0;width:6px;height:6px}.lander-browser-body{background:#13151f;min-height:200px;padding:16px}.lander-mini-email{background:#1a1c2a;border:1px solid #ffffff12;border-radius:8px;overflow:hidden}.lander-mini-email-header{background:#151720;border-bottom:1px solid #ffffff0f;padding:10px 14px}.lander-mini-from{color:#7e8aaa;margin-bottom:3px;font-size:11px}.lander-mini-from span{color:#b8c2d8}.lander-mini-sub{color:#b8c2d8;font-size:11px;font-weight:500}.lander-mini-email-body{flex-direction:column;gap:7px;padding:14px;display:flex}.lander-mini-line{background:#ffffff14;border-radius:4px;width:60%;height:8px}.lander-mini-line-wide{width:90%}.lander-mini-line-med{width:50%}.lander-mini-field{color:#f06835;background:#f068352e;border:1px solid #f0683566;border-radius:4px;width:fit-content;padding:2px 8px;font-family:monospace;font-size:10px;display:inline-flex}.lander-mini-cta-btn{color:#fff;background:#f06835;border-radius:6px;align-self:flex-start;padding:5px 14px;font-size:10px;font-weight:600}.lander-section-head{text-align:center;margin-bottom:48px}.lander-section-title{color:#f1f5f9;letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800}.lander-section-sub{color:#b8c2d8;max-width:560px;margin:0 auto;font-size:15px}.lander-demo{max-width:1200px;margin:0 auto;padding:80px 40px}.lander-wizard{flex-direction:column;gap:0;display:flex}.lander-step-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-bottom:40px;display:flex}.lander-ws-step{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px 16px;transition:background .2s;display:flex}.lander-ws-step:hover{background:#ffffff0a}.lander-ws-num{color:#7e8aaa;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:flex}.lander-ws-step.active .lander-ws-num{color:#fff;background:#f06835;border-color:#f06835}.lander-ws-label{color:#7e8aaa;white-space:nowrap;font-size:11px;font-weight:500;transition:color .2s}.lander-ws-step.active .lander-ws-label{color:#f06835;font-weight:600}.lander-ws-connector{background:#ffffff1a;flex:1;min-width:24px;max-width:60px;height:1px}.lander-slides{min-height:360px}.lander-slide{grid-template-columns:1fr 1fr;align-items:start;gap:48px;animation:.35s lander-fadein;display:grid}@keyframes lander-fadein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lander-wz-left{flex-direction:column;gap:0;padding-top:8px;display:flex}.lander-wz-tag{letter-spacing:.06em;text-transform:uppercase;color:#f06835;margin-bottom:12px;font-size:11px;font-weight:700}.lander-wz-title{color:#f1f5f9;letter-spacing:-.01em;margin-bottom:14px;font-size:1.4rem;font-weight:700;line-height:1.25}.lander-wz-body{color:#b8c2d8;margin-bottom:20px;font-size:14px;line-height:1.65}.lander-wz-body code{color:#f06835;background:#f0683526;border-radius:4px;padding:1px 5px;font-size:12px}.lander-wz-list{flex-direction:column;gap:9px;list-style:none;display:flex}.lander-wz-list li{color:#b8c2d8;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.lander-wz-check{color:#f06835;flex-shrink:0;font-weight:700}.lander-wz-final-cta{margin-top:24px}.lander-wizard-nav{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-top:36px;padding-top:24px;display:flex}.lander-wizard-counter{color:#7e8aaa;font-size:13px}.lander-wizard-nav-right{align-items:center;gap:10px;display:flex}.lander-pause-btn{color:#7e8aaa;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:background .2s;display:flex}.lander-pause-btn:hover{color:#f1f5f9;background:#ffffff1a}.lander-next-btn{color:#fff;cursor:pointer;background:#f06835;border:none;border-radius:9px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex;position:relative;overflow:hidden}.lander-next-btn:hover{background:#d85a28}.lander-next-progress{background:#ffffff73;border-radius:0 0 9px 9px;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.lander-mock-page-title{color:#f1f5f9;margin-bottom:14px;font-size:15px;font-weight:700}.lander-clients-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.lander-client-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:12px;transition:border-color .2s;position:relative;overflow:hidden}.lander-client-card:hover{border-color:var(--cc,#f06835)}.lander-client-accent{background:var(--cc,#f06835);height:2px;position:absolute;top:0;left:0;right:0}.lander-client-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.lander-client-name{color:#f1f5f9;margin-bottom:2px;font-size:12px;font-weight:600}.lander-client-meta{color:#7e8aaa;margin-bottom:6px;font-size:10px}.lander-client-count{color:#b8c2d8;font-size:10px}.lander-client-add{color:#7e8aaa;border:1px dashed #ffffff26;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;font-size:11px;display:flex}.lander-client-add span:first-child{color:#7e8aaa;font-size:18px}.lander-editor-split{min-height:280px;grid-template-columns:1fr 1fr!important;gap:1px!important;padding:0!important;display:grid!important}.lander-chat-panel{background:#13151f;border-right:1px solid #ffffff0f;flex-direction:column;display:flex}.lander-chat-header{color:#7e8aaa;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0f;padding:10px 12px;font-size:11px;font-weight:600}.lander-chat-messages{flex-direction:column;flex:1;gap:10px;min-height:180px;padding:12px;display:flex;overflow:hidden}.lander-chat-msg{border-radius:10px;max-width:85%;padding:8px 11px;font-size:11px;line-height:1.5}.lander-chat-user{color:#f1f5f9;background:#f068352e;border:1px solid #f068354d;align-self:flex-end}.lander-chat-ai{color:#b8c2d8;background:#ffffff0f;border:1px solid #ffffff1a;align-self:flex-start}.lander-chat-cursor{vertical-align:middle;background:#f06835;width:2px;height:12px;margin-left:2px;animation:.7s step-end infinite lander-blink;display:inline-block}@keyframes lander-blink{0%,to{opacity:1}50%{opacity:0}}.lander-chat-input-row{border-top:1px solid #ffffff0f;gap:6px;padding:10px 12px;display:flex}.lander-chat-input{color:#7e8aaa;background:#ffffff0d;border:1px solid #ffffff14;border-radius:7px;flex:1;padding:6px 10px;font-size:11px}.lander-chat-send{color:#fff;background:#f06835;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.lander-template-panel{background:#0f111a;flex-direction:column;display:flex}.lander-template-header{color:#7e8aaa;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0f;padding:10px 12px;font-size:11px;font-weight:600}.lander-template-body{flex:1;padding:12px;overflow:hidden}.lander-template-placeholder{color:#7e8aaa;border:1px dashed #ffffff1a;border-radius:8px;justify-content:center;align-items:center;height:100%;min-height:180px;font-size:12px;display:flex}.lander-tpl-subject{color:#b8c2d8;border-bottom:1px solid #ffffff0f;margin-bottom:10px;padding-bottom:8px;font-size:11px;font-weight:600}.lander-tpl-content{color:#b8c2d8;flex-direction:column;gap:6px;font-size:11px;line-height:1.7;display:flex}.lander-tpl-field{color:#f06835;background:#f068352e;border:1px solid #f0683566;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:10px;animation:.4s lander-field-pop;display:inline-flex}@keyframes lander-field-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lander-tpl-btn{color:#fff;background:#f06835;border-radius:5px;align-self:flex-start;margin-top:4px;padding:4px 12px;font-size:10px;font-weight:600}.lander-profiles-list{flex-direction:column;gap:8px;display:flex}.lander-profile-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.lander-profile-icon{color:#f06835;background:#f0683526;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.lander-profile-info{flex:1;min-width:0}.lander-profile-name{color:#f1f5f9;margin-bottom:1px;font-size:11px;font-weight:600}.lander-profile-meta{color:#7e8aaa;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.lander-profile-badge{border-radius:100px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.lander-profile-badge.active{color:#22d3a0;background:#22d3a01f;border:1px solid #22d3a04d}.lander-profile-badge.inactive{color:#7e8aaa;background:#ffffff0d;border:1px solid #ffffff14}.lander-api-panel{flex-direction:column;gap:12px;display:flex}.lander-api-endpoint{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.lander-api-method{color:#22d3a0;background:#22d3a026;border-radius:5px;padding:2px 8px;font-family:monospace;font-size:11px;font-weight:700}.lander-api-url{color:#f1f5f9;font-family:monospace;font-size:12px}.lander-api-code{color:#b8c2d8;white-space:pre;background:#0000004d;border:1px solid #ffffff12;border-radius:8px;padding:12px;font-family:monospace;font-size:10px;line-height:1.6;overflow:auto}.lander-api-key-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.lander-api-key-label{color:#7e8aaa;white-space:nowrap;font-size:11px}.lander-api-key-val{color:#f1f5f9;flex:1;font-family:monospace;font-size:11px}.lander-api-copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f06835;border:none;border-radius:7px;padding:4px 14px;font-size:11px;font-weight:600;transition:background .2s,transform .15s}.lander-api-copy-btn.copied{background:#22d3a0;transform:scale(1.05)}.lander-api-copy-btn:hover:not(.copied){background:#d85a28}.lander-queue-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lander-queue-live{color:#22d3a0;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.lander-queue-live-dot{background:#22d3a0;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite lander-pulse}.lander-queue-counter{align-items:baseline;gap:6px;margin-bottom:14px;display:flex}.lander-queue-num{color:#f1f5f9;letter-spacing:-.02em;font-size:28px;font-weight:800}.lander-queue-label{color:#7e8aaa;font-size:12px}.lander-feed{flex-direction:column;gap:6px;display:flex}.lander-feed-row{opacity:0;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:opacity .4s,transform .4s;display:flex;transform:translate(-10px)}.lander-feed-row.visible{opacity:1;transform:translate(0)}.lander-feed-status{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:flex}.lander-feed-status.sent{color:#22d3a0;background:#22d3a026}.lander-feed-status.queued{color:#fbbf24;background:#fbbf2426}.lander-feed-info{flex:1;min-width:0}.lander-feed-template{color:#f1f5f9;font-size:11px;font-weight:600}.lander-feed-to{color:#7e8aaa;font-size:10px}.lander-feed-system{color:#f06835;background:#f068351f;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.lander-strips{z-index:1;border-top:1px solid #ffffff12;position:relative}.lander-strip{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 40px;font-size:13px;display:flex}.lander-strip-left{color:#7e8aaa}.lander-strip-right a{color:#f06835;font-weight:500;text-decoration:none;transition:opacity .2s}.lander-strip-right a:hover{opacity:.75}.lander-footer{z-index:1;color:#7e8aaa;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 40px;font-size:12px;display:flex;position:relative}.lander-footer a{color:#7e8aaa;transition:color .2s}.lander-footer a:hover{color:#f1f5f9}.lander-footer-sep{opacity:.4;margin:0 8px}@media (max-width:900px){.lander-hero{grid-template-columns:1fr;padding:60px 20px 40px}.lander-hero-panel{display:none}.lander-slide{grid-template-columns:1fr}.lander-wz-right{display:none}.lander-demo{padding:60px 20px}.lander-strip{padding:12px 20px}.lander-footer{padding:16px 20px}.lander-nav{padding:0 20px}}#ricreate-client{max-width:1180px;margin:0 auto;padding:80px 40px 60px}.ricreate-tiles{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}.ricreate-tile{color:#f1f5f9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;padding:28px 24px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.ricreate-tile:hover{background:#ffffff12;border-color:#f06835;transform:translateY(-3px);box-shadow:0 0 28px #f068352e}.ricreate-tile-group{cursor:pointer}.ricreate-tile-name{color:#f1f5f9;font-size:1rem;font-weight:700}.ricreate-tile-desc{color:#b8c2d8;font-size:.875rem;line-height:1.55}.ricreate-tile-arrow{color:#f06835;margin-top:auto;font-size:.8rem;font-weight:600}.ricreate-tile-group-children{border-top:1px solid #ffffff12;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;display:none}.ricreate-tile-group.is-open .ricreate-tile-group-children{display:flex}.ricreate-tile-child{background:#ffffff0a;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;text-decoration:none;transition:background .15s;display:flex}.ricreate-tile-child:hover{background:#ffffff14}.ricreate-tile-child-name{color:#f1f5f9;font-size:.8rem;font-weight:600}.ricreate-tile-child-desc{color:#7e8aaa;font-size:.75rem}.ricreate-tile-subgroup{margin-top:6px}.ricreate-tile-subgroup-label{letter-spacing:.05em;text-transform:uppercase;color:#7e8aaa;margin-bottom:6px;font-size:.7rem;font-weight:700}.ricreate-tiles:empty:after{content:"Feature tiles will appear here once enabled by RiCreate.";text-align:center;color:#7e8aaa;border:1px dashed #ffffff1a;border-radius:14px;grid-column:1/-1;padding:48px 24px;font-size:.9rem;display:block}.ricreate-page-content{color:#b8c2d8;margin-top:32px;font-size:15px;line-height:1.7}.ricreate-page-content h1,.ricreate-page-content h2,.ricreate-page-content h3{color:#f1f5f9;margin:1.5em 0 .5em}.ricreate-page-content a{color:#f06835}.ricreate-page-content code{color:#f06835;background:#f068351f;border-radius:4px;padding:1px 5px;font-size:13px}@media (max-width:768px){#ricreate-client{padding:60px 20px 40px}.ricreate-tiles{gap:16px}}