:root{--bg:#0d0e13;--sidebar:#101117;--panel:#15171f;--panel-2:#1b1d27;--line:#292c38;--text:#f6f7fb;--muted:#9296a6;--purple:#7758ff;--purple-2:#987fff;--green:#38d996;--orange:#ffaf52;--blue:#56a9ff;--red:#ff6174;--radius:16px;--shadow:0 18px 50px rgba(0,0,0,.23)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 "DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:26px 18px 18px;background:var(--sidebar);border-right:1px solid #20222c;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:3px;transform:rotate(2deg)}.brand-mark span{display:block;background:linear-gradient(135deg,var(--purple-2),var(--purple));border-radius:3px}.brand-mark span:first-child{grid-row:1/3}.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:-.4px}.brand small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.nav-list{display:grid;gap:6px}.nav-link{height:45px;display:flex;align-items:center;gap:12px;padding:0 13px;color:#a8abba;border-radius:10px;font-weight:600}.nav-link:hover{background:#191b23;color:#fff}.nav-link.active{background:rgba(119,88,255,.14);color:#a996ff}.nav-link svg{width:19px;height:19px}.nav-link:first-child svg{fill:currentColor;stroke:none}.sidebar-help{margin-top:auto;background:#171921;border:1px solid #252833;border-radius:12px;padding:13px;display:flex;align-items:flex-start;gap:10px}.sidebar-help strong,.sidebar-help small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-help strong{font-size:12px}.sidebar-help small{max-width:155px;font-size:10px;color:var(--muted);margin-top:2px}.live-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(56,217,150,.1);margin-top:5px}.account-row{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:18px 5px 0}.account-row strong,.account-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-row strong{font-size:12px}.account-row small{font-size:10px;color:var(--muted)}.avatar,.site-logo{display:grid;place-items:center;background:linear-gradient(135deg,#7457e7,#392985);color:#fff;font-weight:700;border:1px solid #846eff}.avatar{width:34px;height:34px;border-radius:10px}.icon-button{border:0;background:transparent;color:#8f93a2;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;cursor:pointer}.icon-button:hover{background:#22242d;color:#fff}.icon-button svg{width:18px}.main-content{grid-column:2;min-width:0}.mobile-header{display:none}.page-wrap{max-width:1440px;margin:auto;padding:46px 48px 70px}.page-wrap.narrow{max-width:1000px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading.compact{margin-top:14px}.page-heading h1{font-size:32px;letter-spacing:-1.2px;margin:5px 0 2px}.page-heading p,.panel-head p{color:var(--muted);margin:0}.eyebrow{color:#9e8bff;font-size:10px;font-weight:700;letter-spacing:1.8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:10px;font-weight:650;color:#fff;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.primary{background:linear-gradient(135deg,#8063ff,#6848ec);box-shadow:0 10px 25px rgba(104,72,236,.2)}.button.secondary{background:#242634;border-color:#373a49}.button.ghost{background:transparent;border-color:#323541;color:#c9cbd4}.button.danger{background:rgba(255,97,116,.1);border-color:rgba(255,97,116,.3);color:#ff8090}.button.small{min-height:34px;padding:0 12px;font-size:12px}.button.full{width:100%}.plus{font-size:20px;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:var(--panel);border:1px solid #242731;border-radius:var(--radius);padding:19px;display:flex;gap:14px;align-items:center}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.stat-icon svg{width:21px}.stat-icon.purple{color:#a18dff;background:rgba(119,88,255,.12)}.stat-icon.green{color:var(--green);background:rgba(56,217,150,.1)}.stat-icon.orange{color:var(--orange);background:rgba(255,175,82,.1)}.stat-icon.blue{color:var(--blue);background:rgba(86,169,255,.1)}.stat-card small,.stat-card strong{display:block}.stat-card small{color:var(--muted);font-size:12px}.stat-card strong{font-size:24px;line-height:1.1;margin-top:3px}.panel{background:var(--panel);border:1px solid #242731;border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{min-height:72px;padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head h2{font-size:16px;margin:0 0 2px}.panel-head p{font-size:12px}.search-box{height:36px;width:240px;border:1px solid #313440;border-radius:9px;display:flex;align-items:center;padding:0 10px;gap:8px;background:#111219}.search-box svg{width:16px;color:#747887}.search-box input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:12px}.site-list{display:grid}.site-row{min-height:76px;padding:12px 20px;display:grid;grid-template-columns:44px minmax(220px,1.5fr) 130px 170px 25px;gap:14px;align-items:center;border-bottom:1px solid #242631;transition:.15s}.site-row:last-child{border-bottom:0}.site-row:hover{background:#181a22}.site-logo{width:42px;height:42px;border-radius:11px;font-size:12px}.site-logo.large{width:58px;height:58px;border-radius:15px;font-size:16px}.site-main strong,.site-main small,.site-date small{display:block}.site-main strong{font-size:14px}.site-main small{font-size:11px;color:var(--muted);margin-top:3px}.status{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status.online{color:var(--green);background:rgba(56,217,150,.09)}.status.building{color:var(--orange);background:rgba(255,175,82,.09)}.status.error{color:var(--red);background:rgba(255,97,116,.09)}.status.empty{color:#a7abb8;background:rgba(167,171,184,.08)}.site-date{font-size:11px;color:#c2c4cd}.site-date small{font-size:9px;color:#717584;text-transform:uppercase;letter-spacing:.7px}.row-arrow{font-size:18px;color:#666a78}.empty-state{text-align:center;padding:70px 20px}.empty-state h3{font-size:18px;margin:14px 0 4px}.empty-state p,.inline-empty{color:var(--muted)}.empty-state .button{margin-top:18px}.empty-icon{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:15px;background:rgba(119,88,255,.1);color:#9c89ff}.empty-icon svg{width:25px}.flash-stack{position:fixed;right:24px;top:20px;z-index:100;display:grid;gap:10px;width:min(390px,calc(100vw - 35px))}.flash{padding:13px 15px;border:1px solid #343745;border-radius:11px;background:#20222c;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:10px}.flash.success{border-color:rgba(56,217,150,.35)}.flash.error{border-color:rgba(255,97,116,.4)}.flash.warning{border-color:rgba(255,175,82,.4)}.flash button{background:none;border:0;color:#fff;font-size:20px;cursor:pointer}.back-link{display:inline-flex;color:#898d9c;font-size:12px;margin-bottom:13px}.back-link:hover{color:#fff}.form-panel{padding:28px}.form-section{display:flex;gap:14px;align-items:center;margin-bottom:22px}.form-section.separated{border-top:1px solid var(--line);padding-top:28px;margin-top:30px}.form-section h2{font-size:16px;margin:0}.form-section p{color:var(--muted);font-size:12px;margin:2px 0 0}.step-number{width:34px;height:34px;border-radius:10px;background:rgba(119,88,255,.12);color:#a18dff;display:grid;place-items:center;font-weight:700}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field.full{grid-column:1/-1}.field{display:grid;gap:7px;font-size:12px;font-weight:600;color:#ced0d8}.field input,.field select{width:100%;height:44px;border:1px solid #343743;border-radius:9px;background:#111219;color:#fff;padding:0 13px;outline:0}.field input:focus,.field select:focus{border-color:#7559ed;box-shadow:0 0 0 3px rgba(119,88,255,.1)}.field small{font-size:10px;font-weight:400;color:#747887}.domain-input{display:flex;border:1px solid #343743;background:#111219;border-radius:9px;overflow:hidden}.domain-input:focus-within{border-color:#7559ed}.domain-input input{border:0;border-radius:0}.domain-input span{display:flex;align-items:center;padding:0 12px;background:#1b1d25;color:#7d8190;font-size:11px;white-space:nowrap}.form-actions{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;display:flex;justify-content:flex-end;gap:10px}.site-hero{display:flex;justify-content:space-between;align-items:center;margin:10px 0 24px}.site-title{display:flex;align-items:center;gap:15px}.title-row{display:flex;align-items:center;gap:12px}.title-row h1{font-size:28px;letter-spacing:-.8px;margin:0}.site-title a{color:#8f93a2;font-size:12px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.detail-main,.detail-aside{display:grid;gap:18px}.upload-panel form{padding:20px}.safe-badge{font-size:10px;color:var(--green);padding:5px 8px;border-radius:999px;background:rgba(56,217,150,.08)}.dropzone{min-height:190px;border:1px dashed #3b3e4b;border-radius:13px;background:#111219;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;cursor:pointer;transition:.15s}.dropzone:hover,.dropzone.dragging{border-color:#7559ed;background:rgba(119,88,255,.04)}.dropzone.disabled{opacity:.5;cursor:not-allowed}.dropzone input{display:none}.dropzone strong{font-size:13px;margin:12px 0 3px}.dropzone small{color:#747887;font-size:10px}.upload-icon{width:45px;height:45px;border-radius:13px;background:rgba(119,88,255,.12);color:#a18dff;display:grid;place-items:center}.upload-icon svg{width:22px}.upload-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.upload-actions p{max-width:570px;color:#858998;font-size:10px;margin:0}.upload-actions strong{color:#bfc1ca}.build-panel pre{margin:0;padding:18px 20px;max-height:310px;overflow:auto;background:#0b0c10;color:#b7bbc8;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;border-radius:0 0 16px 16px;white-space:pre-wrap;word-break:break-word}.spinner{width:18px;height:18px;border:2px solid #343744;border-top-color:#8b70ff;border-radius:50%;animation:spin .8s linear infinite}.spinner.stopped{animation:none;border-color:#3a3d48}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}.release-list{display:grid}.release-row{min-height:65px;padding:11px 20px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:11px;align-items:center;border-bottom:1px solid #242631}.release-row:last-child{border:0}.release-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#1e202a;color:#8f93a2}.release-icon svg{width:16px}.release-row strong,.release-row small{display:block}.release-row strong{font-size:12px}.release-row small{font-size:10px;color:var(--muted);margin-top:2px}.current-tag{color:var(--green);font-size:8px;padding:3px 6px;border-radius:999px;background:rgba(56,217,150,.1);margin-left:5px}.inline-empty{padding:30px 20px;text-align:center;font-size:12px}.compact-panel{overflow:hidden}.compact-panel .panel-head{min-height:65px}.domain-card{margin:18px;border:1px solid #30333e;border-radius:11px;padding:12px;background:#111219}.domain-card span,.domain-card strong,.domain-card small{display:block}.domain-card span{text-transform:uppercase;letter-spacing:.8px;font-size:8px;color:#737786}.domain-card strong{font-size:11px;word-break:break-all;margin:4px 0}.domain-card small{font-size:9px;color:var(--green)}.domain-card .ok{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green)}.domain-form{padding:0 18px 13px}.domain-form .button{margin-top:10px}.compact-panel>[data-dns-check]{width:calc(100% - 36px);margin:0 18px 13px}.dns-result{font-size:10px;color:var(--muted);padding:0 18px 18px}.info-panel,.danger-panel{padding:19px}.info-panel h3,.danger-panel h3{font-size:13px;margin:0 0 8px}.info-panel ol{padding-left:19px;margin:12px 0;color:#a4a7b3;font-size:11px}.info-panel li{margin:7px 0}.info-panel p,.danger-panel p{color:var(--muted);font-size:10px;margin:0}.danger-panel .button{margin-top:13px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#0c0d12}.login-panel{position:relative;overflow:hidden;padding:50px 7vw;display:flex;flex-direction:column;background:radial-gradient(circle at 30% 70%,rgba(105,70,240,.32),transparent 35%),linear-gradient(145deg,#151626,#0f1017)}.login-brand{display:flex;gap:10px;align-items:center;font-size:18px}.login-copy{max-width:560px;margin:auto 0}.login-copy h1{font-size:48px;line-height:1.06;letter-spacing:-2.4px;margin:12px 0 18px}.login-copy p{max-width:480px;color:#a3a6b4;font-size:16px}.login-art{position:absolute;width:340px;height:340px;right:-70px;bottom:-80px;transform:rotate(-14deg)}.login-art span{position:absolute;inset:0;border:1px solid rgba(158,139,255,.18);border-radius:38% 62% 54% 46%}.login-art span:nth-child(2){inset:35px;transform:rotate(25deg)}.login-art span:nth-child(3){inset:75px;transform:rotate(55deg);background:rgba(119,88,255,.08)}.login-form-wrap{display:grid;place-items:center;padding:45px}.login-form{width:min(390px,100%);display:grid;gap:20px}.login-form h2{font-size:29px;letter-spacing:-.8px;margin:5px 0 3px}.login-form p{color:var(--muted);margin:0}.login-form label:not(.checkbox){display:grid;gap:7px;font-size:12px;font-weight:600}.login-form input[type=email],.login-form input[type=password]{height:47px;border:1px solid #30333e;border-radius:10px;background:#14151c;color:#fff;padding:0 14px;outline:0}.login-form input:focus{border-color:#7559ed}.checkbox{display:flex;align-items:center;gap:8px;color:#979aa7;font-size:11px}.checkbox input{accent-color:var(--purple)}.login-flashes{left:50%;right:auto;transform:translateX(-50%)}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-aside{grid-template-columns:repeat(2,1fr)}.detail-aside .compact-panel:first-child{grid-row:span 2}.site-row{grid-template-columns:44px minmax(200px,1fr) 120px 25px}.site-date{display:none}}
@media(max-width:800px){.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none;box-shadow:25px 0 60px rgba(0,0,0,.5)}.main-content{min-height:100vh}.mobile-header{height:58px;padding:0 16px;border-bottom:1px solid #22242d;display:flex;align-items:center;gap:12px;background:#101117;position:sticky;top:0;z-index:20}.mobile-brand{font-weight:700}.page-wrap{padding:27px 18px 55px}.page-heading{align-items:flex-start}.site-row{grid-template-columns:42px minmax(0,1fr) 25px}.site-row .status{display:none}.panel-head{align-items:flex-start}.search-box{width:180px}.login-page{grid-template-columns:1fr}.login-panel{display:none}.login-form-wrap{min-height:100vh;padding:28px}.detail-aside{grid-template-columns:1fr}.detail-aside .compact-panel:first-child{grid-row:auto}.site-hero{align-items:flex-start}.site-hero>.button{display:none}}
@media(max-width:560px){.page-heading{display:grid}.page-heading>.button{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px;gap:9px}.stat-icon{width:35px;height:35px}.stat-card strong{font-size:20px}.stat-card small{font-size:10px}.panel-head{display:grid}.search-box{width:100%}.site-row{padding:11px 14px}.form-panel{padding:20px}.field-grid{grid-template-columns:1fr}.domain-input{display:grid}.domain-input span{min-height:34px}.upload-actions{display:grid}.upload-actions .button{width:100%}.title-row{align-items:flex-start;display:grid;gap:6px}.title-row h1{font-size:22px}.site-title{align-items:flex-start}.site-logo.large{width:48px;height:48px}.safe-badge{display:none}}

/* Users */
.user-list{display:grid}.user-row{min-height:76px;padding:12px 20px;display:grid;grid-template-columns:42px minmax(180px,1fr) 130px 110px 90px auto;gap:14px;align-items:center;border-bottom:1px solid #242631}.user-row:last-child{border:0}.user-main strong,.user-main small{display:block}.user-main small{font-size:11px;color:var(--muted);margin-top:2px}.user-actions{display:flex;justify-content:flex-end;gap:7px}.role-badge{font-size:10px;font-weight:700;width:max-content;padding:5px 9px;border-radius:999px}.role-badge.admin{color:#a993ff;background:rgba(119,88,255,.12)}.role-badge.editor{color:var(--blue);background:rgba(86,169,255,.1)}.role-badge.viewer{color:#afb2bf;background:rgba(175,178,191,.08)}.user-sites{font-size:11px;color:var(--muted)}.optional{color:var(--muted);font-weight:400}.checkbox-card{display:flex!important;align-items:center;gap:11px;border:1px solid #30333e;border-radius:10px;background:#111219;padding:12px 14px;cursor:pointer}.checkbox-card input{width:16px!important;height:16px!important;accent-color:var(--purple)}.checkbox-card span strong,.checkbox-card span small{display:block}.checkbox-card span small{font-size:10px;color:var(--muted);font-weight:400}.permission-select{max-width:310px;margin-bottom:15px}.site-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.site-check{display:grid;grid-template-columns:18px 38px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid #30333e;border-radius:11px;background:#111219;cursor:pointer}.site-check:has(input:checked){border-color:#7054e8;background:rgba(119,88,255,.05)}.site-check input{accent-color:var(--purple)}.site-check .site-logo{width:36px;height:36px}.site-check strong,.site-check small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-check strong{font-size:11px}.site-check small{font-size:9px;color:var(--muted)}

/* AI settings */
.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.provider-card{padding:22px;display:grid;gap:17px}.provider-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.provider-head h2,.provider-head p{margin:0}.provider-head h2{font-size:15px}.provider-head p{font-size:10px;color:var(--muted);margin-top:2px}.provider-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-weight:700}.provider-logo.openai{background:#ecf8f2;color:#111;font-size:25px}.provider-logo.v0{background:#fff;color:#000;font-size:14px}.ai-info{margin-top:18px;padding:22px}.ai-info h2{font-size:15px;margin:0 0 16px}.ai-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ai-info-grid div{padding:14px;border:1px solid var(--line);border-radius:11px;background:#111219}.ai-info-grid strong{font-size:11px}.ai-info-grid p{font-size:10px;color:var(--muted);margin:5px 0 0}.ai-button{background:linear-gradient(135deg,#242033,#1a1925);border-color:#514276;color:#bbaeff}.hero-actions{display:flex;gap:9px}

/* AI editor */
.ai-workspace{height:100vh;min-height:680px;display:grid;grid-template-rows:58px minmax(0,1fr);overflow:hidden;background:#0b0c10}.ai-topbar{padding:0 18px;border-bottom:1px solid #242630;background:#111219;display:flex;align-items:center;justify-content:space-between;gap:15px}.ai-topbar>div{display:flex;align-items:center;gap:13px}.ai-topbar .back-link{margin:0}.ai-top-actions{display:flex;gap:8px}.ai-layout{min-height:0;display:grid;grid-template-columns:225px 390px minmax(420px,1fr)}.chat-history{min-height:0;background:#0f1015;border-right:1px solid #242630;display:flex;flex-direction:column}.history-head{height:53px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23252e}.new-chat-box{padding:12px;border-bottom:1px solid #242630;display:grid;gap:8px}.new-chat-box p{font-size:10px;color:var(--muted);margin:0}.provider-choice{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;text-align:left;border:1px solid #2e303b;background:#171820;color:#fff;border-radius:9px;padding:9px;cursor:pointer}.provider-choice:hover{border-color:#6752c5}.provider-choice>span{grid-row:1/3;width:29px;height:29px;display:grid;place-items:center;background:#fff;color:#111;border-radius:8px;font-weight:700}.provider-choice strong{font-size:10px}.provider-choice small{font-size:8px;color:var(--muted)}.thread-list{overflow:auto;padding:7px}.thread-item{min-height:57px;padding:9px;display:grid;grid-template-columns:29px minmax(0,1fr) 7px;gap:8px;align-items:center;border-radius:9px;color:#a9acb8}.thread-item:hover,.thread-item.active{background:#1a1b23;color:#fff}.thread-provider{width:29px;height:29px;border-radius:8px;background:#fff;color:#111;display:grid;place-items:center;font-size:10px;font-weight:700}.thread-item strong,.thread-item small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thread-item strong{font-size:10px}.thread-item small{font-size:8px;color:#737786;margin-top:2px}.thread-state{width:6px;height:6px;border-radius:50%;background:#565967}.thread-state.ready{background:var(--green)}.thread-state.generating,.thread-state.building,.thread-state.queued{background:var(--orange)}.thread-state.error{background:var(--red)}.chat-panel{min-width:0;min-height:0;position:relative;background:#13141a;border-right:1px solid #242630;display:grid;grid-template-rows:53px minmax(0,1fr) auto}.chat-head{height:53px;padding:0 14px;border-bottom:1px solid #252731;display:flex;align-items:center;justify-content:space-between}.chat-head>div{display:flex;align-items:center;gap:9px}.chat-head strong,.chat-head small{display:block}.chat-head strong{font-size:11px}.chat-head small{font-size:9px;color:var(--muted)}.provider-mini{width:29px;height:29px;border-radius:8px;background:#fff;color:#111;display:grid;place-items:center;font-weight:700}.message-list{overflow:auto;padding:18px 16px 12px;scroll-behavior:smooth}.chat-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;margin-bottom:18px}.chat-message>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:700;background:#392b82;color:#fff}.chat-message.assistant>span{background:#f3f4f7;color:#111}.chat-message small{display:block;font-size:8px;color:#797d8c;text-transform:uppercase;letter-spacing:.6px;margin:1px 0 4px}.chat-message p{font-size:11px;color:#d7d9e0;white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55}.chat-message.thinking p{display:flex;gap:4px;padding-top:5px}.chat-message.thinking i{width:5px;height:5px;border-radius:50%;background:#858998;animation:bounce 1s infinite}.chat-message.thinking i:nth-child(2){animation-delay:.15s}.chat-message.thinking i:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-4px);opacity:.5}}.chat-welcome{text-align:center;padding:55px 10px 25px}.chat-welcome>span{width:43px;height:43px;display:grid;place-items:center;margin:auto;background:rgba(119,88,255,.12);color:#a18dff;border-radius:13px}.chat-welcome h3{font-size:14px;margin:12px 0 4px}.chat-welcome p{font-size:10px;color:var(--muted);max-width:300px;margin:auto}.prompt-suggestions{display:grid;gap:6px;margin-top:18px}.prompt-suggestions button{border:1px solid #30323d;border-radius:9px;background:#191a22;color:#aeb1bc;padding:9px;font-size:9px;text-align:left;cursor:pointer}.prompt-suggestions button:hover{border-color:#6450bf;color:#fff}.chat-composer{margin:0 13px 13px;border:1px solid #343642;border-radius:12px;background:#191a21;padding:7px 7px 7px 11px;display:flex;align-items:flex-end;gap:8px}.chat-composer:focus-within{border-color:#6b52df}.chat-composer textarea{flex:1;resize:none;border:0;background:transparent;color:#fff;outline:0;font-size:11px;max-height:140px}.chat-composer button{width:32px;height:32px;border:0;border-radius:9px;background:var(--purple);color:#fff;font-size:17px;cursor:pointer}.chat-composer button:disabled,.chat-composer textarea:disabled{opacity:.45}.ai-log{position:absolute;inset:53px 0 0;z-index:5;background:#0c0d11;display:grid;grid-template-rows:45px minmax(0,1fr)}.ai-log>div{display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #242630}.ai-log pre{margin:0;padding:14px;overflow:auto;color:#aeb2be;font:10px/1.55 ui-monospace,monospace;white-space:pre-wrap}.editor-blocker{grid-row:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.editor-blocker>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(119,88,255,.12);color:#a18dff;font-size:20px}.editor-blocker h2{font-size:16px;margin:12px 0 4px}.editor-blocker p{font-size:10px;color:var(--muted);max-width:300px;margin:0 0 16px}.preview-panel{min-width:0;min-height:0;background:#0b0c10;display:grid;grid-template-rows:53px minmax(0,1fr)}.preview-toolbar{padding:0 13px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #242630;position:relative}.preview-toolbar>.icon-button{position:absolute;right:12px}.device-switch{padding:3px;background:#171820;border:1px solid #282a34;border-radius:8px;display:flex}.device-switch button{border:0;background:transparent;color:#777b89;font-size:8px;padding:5px 9px;border-radius:5px;cursor:pointer}.device-switch button.active{background:#2a2c36;color:#fff}.preview-canvas{padding:18px;display:flex;justify-content:center;min-height:0;overflow:auto;background-image:radial-gradient(#252731 1px,transparent 1px);background-size:18px 18px}.preview-canvas iframe{width:100%;height:100%;border:0;border-radius:9px;background:#fff;box-shadow:0 15px 50px rgba(0,0,0,.25);transition:width .2s}.preview-canvas.tablet iframe{width:768px}.preview-canvas.mobile iframe{width:390px}.preview-empty{margin:auto;display:grid;place-items:center;text-align:center;color:#727684}.preview-empty>span{font-size:25px}.preview-empty strong{font-size:11px;color:#a8abb7;margin-top:7px}.preview-empty small{font-size:9px}.ai-topbar .flash{position:absolute}.ai-workspace+.flash-stack{top:65px}
.source-browser{flex:0 0 auto;border-bottom:1px solid #242630;background:#111219}.source-browser summary{height:39px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#c7cad4;font-size:10px;font-weight:700;list-style:none}.source-browser summary::-webkit-details-marker{display:none}.source-browser summary b{min-width:24px;padding:2px 6px;border-radius:999px;background:rgba(119,88,255,.14);color:#aa98ff;text-align:center;font-size:8px}.source-file-list{max-height:190px;overflow:auto;padding:3px 7px 7px;display:grid;gap:2px}.source-file-list button{width:100%;border:0;border-radius:6px;background:transparent;color:#8f93a2;padding:5px 6px;display:flex;align-items:center;gap:6px;text-align:left;font:8px/1.3 ui-monospace,monospace;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.source-file-list button:hover{background:#1d1f28;color:#fff}.source-file-list button span{color:#8e74ff}.source-file-list p,.source-browser>small{color:#6f7381;font-size:8px}.source-file-list p{padding:4px 6px}.source-browser>small{display:block;padding:0 12px 8px}.preview-source{position:absolute;left:13px;color:#898d9b;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.thread-list{min-height:90px}
.editor-mode-switch{display:flex;padding:3px;border:1px solid #30333f;border-radius:9px;background:#181a22}.editor-mode-switch a{padding:6px 10px;border-radius:6px;color:#858998;font-size:9px;font-weight:700}.editor-mode-switch a.active{background:#30265d;color:#c5b9ff}.no-token-badge{padding:3px 7px;border-radius:999px;background:rgba(56,217,150,.1);color:#38d996;font-size:8px;font-weight:700}.visual-sidebar{padding-bottom:14px}.visual-guide{display:grid;gap:5px;padding:12px;border-bottom:1px solid #242630}.visual-guide>div{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;align-items:start;padding:8px;border-radius:9px;background:#151720}.visual-guide>div>span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(119,88,255,.14);color:#aa98ff;font-size:9px;font-weight:700}.visual-guide p,.visual-guide strong,.visual-guide small{display:block;margin:0}.visual-guide strong{font-size:9px}.visual-guide small{font-size:8px;color:#777b89;margin-top:2px}.visual-allowed{padding:14px 12px;border-bottom:1px solid #242630}.visual-allowed>strong{display:block;font-size:9px;margin-bottom:8px}.visual-allowed>span{display:inline-flex;margin:0 3px 5px 0;padding:4px 7px;border:1px solid #30333f;border-radius:999px;color:#aaaebb;font-size:8px}.visual-allowed p{font-size:8px;color:#6f7381;margin:7px 0 0}.visual-version-card{margin:auto 12px 0;padding:12px;border:1px solid #2d303b;border-radius:10px;background:#151720}.visual-version-card small,.visual-version-card strong,.visual-version-card span{display:block}.visual-version-card small{font-size:7px;color:#717584;letter-spacing:.8px}.visual-version-card strong{font:11px ui-monospace,monospace;margin:4px 0}.visual-version-card span{font-size:8px;color:#38d996}.provider-mini.visual{background:#7657ff;color:#fff}.visual-properties-panel{grid-template-rows:53px minmax(0,1fr) auto}.visual-property-scroll{overflow:auto;padding:14px}.visual-empty-selection{height:100%;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.visual-empty-selection>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(119,88,255,.12);color:#a18dff;font-size:22px}.visual-empty-selection h3{font-size:13px;margin:12px 0 4px}.visual-empty-selection p{max-width:260px;color:#777b89;font-size:9px;margin:0}.visual-property-form{display:grid;gap:10px}.selected-element-card{padding:11px;border:1px solid #343744;border-radius:10px;background:#101117;display:grid;grid-template-columns:auto 1fr;gap:3px 8px}.selected-element-card>span{grid-row:1/3;align-self:center;padding:4px 7px;border-radius:6px;background:rgba(119,88,255,.13);color:#aa98ff;font-size:7px;font-weight:700}.selected-element-card strong{font:10px ui-monospace,monospace}.selected-element-card small{font:7px ui-monospace,monospace;color:#686c79;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-control-section{padding:12px;border:1px solid #2c2f3a;border-radius:10px;background:#171820;display:grid;gap:9px}.visual-control-section h3{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#999dab;margin:0 0 2px}.visual-control-section label{display:grid;gap:5px;color:#aeb1bc;font-size:8px}.visual-control-section input:not([type=file]),.visual-control-section select,.visual-control-section textarea{width:100%;border:1px solid #343743;border-radius:7px;background:#101117;color:#fff;padding:7px 9px;outline:0;font-size:9px}.visual-control-section input:not([type=file]),.visual-control-section select{height:34px}.visual-control-section textarea{resize:vertical;line-height:1.45}.visual-control-section input[type=color]{padding:4px}.visual-control-section input:focus,.visual-control-section select:focus,.visual-control-section textarea:focus{border-color:#7657ff}.visual-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.visual-media-upload{position:relative;min-height:68px;border:1px dashed #444856;border-radius:9px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#111219}.visual-media-upload input{display:none}.visual-media-upload span{color:#c7bbff;font-size:9px;font-weight:700}.visual-media-upload small{color:#6e7280;font-size:7px}.drag-help{font-size:8px;color:#767a88;margin:0}.visual-save-bar{padding:10px 12px;border-top:1px solid #292b35;background:#111219;display:flex;align-items:center;justify-content:space-between;gap:8px}.visual-save-bar>span{color:#858998;font-size:8px}.visual-save-bar>div{display:flex;gap:5px}.visual-save-bar .button{min-height:32px;padding:0 9px;font-size:8px}.visual-properties-panel .provider-mini{font-size:15px}.visual-properties-panel .chat-head strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1250px){.ai-layout{grid-template-columns:190px 350px minmax(360px,1fr)}}
@media(max-width:1000px){.ai-workspace{height:auto;min-height:100vh;overflow:visible}.ai-layout{grid-template-columns:200px minmax(0,1fr);grid-template-rows:620px 650px}.preview-panel{grid-column:1/-1}.chat-history,.chat-panel{min-height:620px}.provider-grid{grid-template-columns:1fr}}
@media(max-width:800px){.ai-workspace{margin-top:-58px}.ai-topbar{padding:0 10px}.ai-topbar strong{display:none}.ai-layout{display:block}.chat-history{min-height:auto;max-height:220px}.chat-panel{height:620px}.preview-panel{height:600px}.ai-top-actions .ghost{display:none}.user-row{grid-template-columns:40px minmax(0,1fr) auto}.user-row .user-sites,.user-row>.status,.user-row>.role-badge{display:none}.site-check-grid{grid-template-columns:1fr}.ai-info-grid{grid-template-columns:1fr}}

/* Theme switcher */
.theme-toggle{width:100%;min-height:48px;margin-top:18px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);display:grid;grid-template-columns:30px minmax(0,1fr) 32px;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.18s ease}.theme-toggle:hover{border-color:#6653c3;transform:translateY(-1px)}.theme-toggle-icon{width:30px;height:30px;border-radius:9px;background:rgba(119,88,255,.12);color:#8b70ff;display:grid;place-items:center}.theme-toggle-icon svg{width:16px;height:16px}.theme-toggle>span:nth-child(2) strong,.theme-toggle>span:nth-child(2) small{display:block}.theme-toggle>span:nth-child(2) strong{font-size:10px}.theme-toggle>span:nth-child(2) small{font-size:8px;color:var(--muted);margin-top:1px}.theme-toggle-switch{width:30px;height:17px;padding:2px;border-radius:999px;background:#343744;display:block}.theme-toggle-switch b{display:block;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:.2s}.theme-icon-moon{display:none}.mobile-theme-toggle{margin-left:auto}.login-theme-toggle{position:fixed;right:20px;top:20px;z-index:110;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);display:flex;align-items:center;gap:7px;cursor:pointer}.login-theme-toggle [data-theme-label]{font-size:10px}.login-theme-toggle .theme-icon-sun,.login-theme-toggle .theme-icon-moon{font-size:15px}

html[data-theme="light"]{--bg:#f4f6fa;--sidebar:#ffffff;--panel:#ffffff;--panel-2:#f7f8fb;--line:#e1e4ec;--text:#181a24;--muted:#6f7483;--shadow:0 16px 40px rgba(30,35,55,.09)}
html[data-theme="light"] .theme-icon-sun{display:none}html[data-theme="light"] .theme-icon-moon{display:block}html[data-theme="light"] .theme-toggle-switch{background:#8063ff}html[data-theme="light"] .theme-toggle-switch b{transform:translateX(13px)}
html[data-theme="light"] .sidebar{border-color:var(--line)}html[data-theme="light"] .nav-link{color:#626878}html[data-theme="light"] .nav-link:hover{background:#f0f1f6;color:#181a24}html[data-theme="light"] .nav-link.active{background:#eeeaff;color:#6548df}html[data-theme="light"] .sidebar-help,html[data-theme="light"] .theme-toggle{background:#f8f9fc;border-color:#e0e3eb}html[data-theme="light"] .icon-button:hover{background:#eceef4;color:#252833}html[data-theme="light"] .mobile-header{background:#fff;border-color:var(--line)}
html[data-theme="light"] .panel,html[data-theme="light"] .stat-card{border-color:#e1e4ec}html[data-theme="light"] .site-row,html[data-theme="light"] .release-row,html[data-theme="light"] .user-row{border-color:#e8eaf0}html[data-theme="light"] .site-row:hover{background:#f7f8fb}html[data-theme="light"] .site-date{color:#555b69}html[data-theme="light"] .button.secondary{background:#edeff5;border-color:#dfe2ea;color:#303440}html[data-theme="light"] .button.ghost{border-color:#d8dbe4;color:#505563}html[data-theme="light"] .flash{background:#fff;border-color:#dfe2ea}html[data-theme="light"] .flash button{color:#333744}html[data-theme="light"] .back-link:hover{color:#282b36}
html[data-theme="light"] .search-box,html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .domain-input,html[data-theme="light"] .dropzone,html[data-theme="light"] .domain-card,html[data-theme="light"] .checkbox-card,html[data-theme="light"] .site-check,html[data-theme="light"] .ai-info-grid div{background:#f9fafc;border-color:#dfe2ea;color:#242732}html[data-theme="light"] .search-box input,html[data-theme="light"] .field input,html[data-theme="light"] .field select{color:#242732}html[data-theme="light"] .domain-input span{background:#eef0f5;color:#626777}html[data-theme="light"] .release-icon{background:#f0f2f7}html[data-theme="light"] .build-panel pre{background:#171922;color:#d6d9e2}
html[data-theme="light"] .login-page{background:#f7f8fb}html[data-theme="light"] .login-panel{color:#fff}html[data-theme="light"] .login-form input[type=email],html[data-theme="light"] .login-form input[type=password]{background:#fff;border-color:#d9dce5;color:#20232d}
html[data-theme="light"] .ai-workspace{background:#eef0f5}html[data-theme="light"] .ai-topbar{background:#fff;border-color:var(--line)}html[data-theme="light"] .chat-history{background:#f7f8fb;border-color:var(--line)}html[data-theme="light"] .chat-panel{background:#fff;border-color:var(--line)}html[data-theme="light"] .preview-panel{background:#eef0f5}html[data-theme="light"] .history-head,html[data-theme="light"] .new-chat-box,html[data-theme="light"] .chat-head,html[data-theme="light"] .preview-toolbar,html[data-theme="light"] .source-browser,html[data-theme="light"] .visual-guide,html[data-theme="light"] .visual-allowed{border-color:var(--line)}
html[data-theme="light"] .source-browser,html[data-theme="light"] .visual-save-bar{background:#fff}html[data-theme="light"] .provider-choice,html[data-theme="light"] .prompt-suggestions button,html[data-theme="light"] .chat-composer,html[data-theme="light"] .editor-mode-switch,html[data-theme="light"] .visual-guide>div,html[data-theme="light"] .visual-version-card,html[data-theme="light"] .selected-element-card,html[data-theme="light"] .visual-control-section,html[data-theme="light"] .visual-media-upload{background:#f7f8fb;border-color:#dfe2ea;color:#292c37}html[data-theme="light"] .thread-item:hover,html[data-theme="light"] .thread-item.active,html[data-theme="light"] .source-file-list button:hover{background:#eceef5;color:#20232d}html[data-theme="light"] .chat-message p{color:#3b3f4b}html[data-theme="light"] .chat-composer textarea{color:#20232d}html[data-theme="light"] .ai-log{background:#f7f8fb}html[data-theme="light"] .ai-log pre{color:#4f5564}html[data-theme="light"] .device-switch{background:#fff;border-color:#dfe2ea}html[data-theme="light"] .device-switch button.active{background:#e9eaf1;color:#252833}html[data-theme="light"] .preview-canvas{background-image:radial-gradient(#d7dae3 1px,transparent 1px)}
html[data-theme="light"] .visual-control-section input:not([type=file]),html[data-theme="light"] .visual-control-section select,html[data-theme="light"] .visual-control-section textarea{background:#fff;border-color:#d9dce5;color:#242732}html[data-theme="light"] .editor-mode-switch a.active{background:#e7e1ff;color:#5d42d3}html[data-theme="light"] .source-browser summary{color:#3b3f4b}html[data-theme="light"] .visual-allowed>span{border-color:#d9dce5;color:#555b69}
@media(max-width:800px){.mobile-theme-toggle{display:grid}.sidebar .theme-toggle{margin-top:12px}}