:root{
  --bg:#07111f;--bg-2:#0a1626;--panel:#0d1b2d;--panel-2:#11243a;--panel-3:#142b45;
  --text:#edf5ff;--text-soft:#c3d0df;--muted:#8498ad;--muted-2:#5f748a;
  --line:rgba(148,177,207,.16);--line-strong:rgba(148,177,207,.28);
  --blue:#5aa7ff;--blue-2:#6d72ff;--cyan:#43d4df;--green:#54d8a0;--yellow:#f3c66d;--red:#ff7787;
  --shadow:0 22px 70px rgba(0,0,0,.28);--shadow-soft:0 12px 38px rgba(0,0,0,.18);
  --radius-xs:8px;--radius-sm:12px;--radius:16px;--radius-lg:22px;--radius-xl:28px;
  --sidebar:252px;--topbar:74px;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.mobile-only{display:none!important}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#233a53;border:2px solid transparent;background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#31506f;background-clip:padding-box}

/* Shared */
.button{border:1px solid transparent;border-radius:11px;min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--text);font-weight:750;font-size:12px;letter-spacing:-.01em;transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.05)}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.button.primary{background:linear-gradient(110deg,var(--blue),var(--blue-2));box-shadow:0 12px 32px rgba(75,126,255,.2)}.button.soft{background:#12283e;border-color:#294662}.button.ghost{background:transparent;border-color:var(--line);color:var(--text-soft)}.button.danger{background:rgba(255,119,135,.1);border-color:rgba(255,119,135,.3);color:#ffacb6}.button.success{background:rgba(84,216,160,.1);border-color:rgba(84,216,160,.28);color:#9aebc7}.button.wide{width:100%;justify-content:space-between}.icon-button{width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:11px;background:#102239;color:var(--text);display:grid;place-items:center;transition:.17s}.icon-button:hover{background:#17304c;border-color:var(--line-strong)}.text-button{border:0;background:transparent;color:#9bcaff;padding:0;font-size:12px}.text-button:hover{text-decoration:underline}.field-label{display:block;color:#b9c8d8;font-size:12px;font-weight:720;margin:16px 0 7px}.field{width:100%;min-height:45px;border:1px solid var(--line);border-radius:12px;background:#091827;color:var(--text);padding:11px 13px;outline:none;transition:.18s}.field::placeholder{color:#587087}.field:focus{border-color:#5da8ee;box-shadow:0 0 0 3px rgba(90,167,255,.1)}textarea.field{min-height:112px;resize:vertical;line-height:1.55}select.field{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7690a8 50%),linear-gradient(135deg,#7690a8 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.check{display:flex!important;align-items:center;gap:8px}.check input{accent-color:var(--blue)}.form-alert{padding:12px 14px;border-radius:11px;background:rgba(255,119,135,.09);border:1px solid rgba(255,119,135,.25);color:#ffc1c8;font-size:12px;line-height:1.5;margin:14px 0}.form-alert.success{background:rgba(84,216,160,.08);border-color:rgba(84,216,160,.25);color:#a9efd0}.card{background:linear-gradient(145deg,rgba(17,36,58,.98),rgba(10,24,40,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.eyebrow{display:block;color:#6988a6;font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:9px;font-weight:780;color:#a8bdd2}.pill i{width:6px;height:6px;border-radius:50%;background:var(--blue)}.pill.green{color:#9fe5c4;border-color:rgba(84,216,160,.24);background:rgba(84,216,160,.07)}.pill.green i{background:var(--green)}.pill.yellow{color:#efd38f;border-color:rgba(243,198,109,.24);background:rgba(243,198,109,.07)}.pill.yellow i{background:var(--yellow)}.pill.red{color:#ffb2ba;border-color:rgba(255,119,135,.24);background:rgba(255,119,135,.07)}.pill.red i{background:var(--red)}.empty-state{min-height:220px;padding:28px;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty-state .empty-icon{width:58px;height:58px;border-radius:18px;background:rgba(90,167,255,.09);border:1px solid rgba(90,167,255,.18);display:grid;place-items:center;color:#8fc6ff;font-size:22px;margin:auto auto 14px}.empty-state h3{color:var(--text);font-size:15px;margin:0 0 6px}.empty-state p{max-width:380px;margin:0;line-height:1.55;font-size:11px}.skeleton{position:relative;overflow:hidden;background:#13283d;border-radius:10px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}

/* Authentication */
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(430px,.85fr);background:#07111f}.auth-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 24% 14%,rgba(69,155,255,.18),transparent 32%),radial-gradient(circle at 78% 84%,rgba(95,91,255,.14),transparent 34%),linear-gradient(145deg,#081728,#07111e 65%,#0b1625);border-right:1px solid rgba(255,255,255,.06)}.auth-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.auth-visual-inner{position:relative;z-index:2;max-width:690px;min-height:100vh;padding:58px 9vw 48px;display:flex;flex-direction:column}.auth-brand{width:180px;height:auto;object-fit:contain;align-self:flex-start}.auth-badge{margin-top:82px;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:7px 10px;border:1px solid rgba(126,181,235,.2);border-radius:999px;background:rgba(91,164,237,.07);color:#9fcaf4;font-size:9px;font-weight:850;letter-spacing:.12em}.auth-badge i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(84,216,160,.09)}.auth-visual h1{max-width:630px;margin:22px 0 14px;font-size:clamp(44px,5.2vw,72px);line-height:.98;letter-spacing:-.055em;font-weight:760}.auth-visual>div>p{max-width:590px;color:#a5b8ca;font-size:16px;line-height:1.6;margin:0}.auth-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:40px 0 30px}.auth-steps article{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}.auth-steps article>span{display:block;color:#6aaefe;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:16px}.auth-steps b,.auth-steps small{display:block}.auth-steps b{font-size:11px;margin-bottom:5px}.auth-steps small{font-size:9px;line-height:1.45;color:#8195aa}.auth-alex{margin-top:auto;display:flex;align-items:center;gap:12px}.auth-alex-photo{position:relative;width:52px;height:52px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#17304b}.auth-alex-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}.auth-alex-photo i{position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-radius:50%;background:var(--green);border:2px solid #10243a}.auth-alex b,.auth-alex span,.auth-alex small{display:block}.auth-alex b{font-size:12px}.auth-alex span{font-size:10px;color:#a8bed3;margin-top:2px}.auth-alex small{font-size:8px;color:#607b95;margin-top:3px}.auth-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5}.orb-one{width:290px;height:290px;right:-160px;top:16%;background:radial-gradient(circle,#2f80da,transparent 65%)}.orb-two{width:330px;height:330px;left:-200px;bottom:1%;background:radial-gradient(circle,#664be0,transparent 65%)}.auth-form-area{display:grid;place-items:center;padding:50px;background:linear-gradient(160deg,#07111f,#091625)}.auth-card{width:min(100%,430px);padding:36px;border-radius:25px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(150deg,rgba(16,35,57,.96),rgba(8,21,36,.98));box-shadow:var(--shadow)}.auth-mobile-brand{display:none;width:170px;margin-bottom:28px}.auth-card-head>span{font-size:9px;font-weight:850;letter-spacing:.15em;color:#77b5f0}.auth-card-head h2{font-size:31px;letter-spacing:-.04em;margin:12px 0 7px}.auth-card-head p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 23px}.password-wrap{position:relative}.password-wrap .field{padding-right:48px}.password-wrap button{position:absolute;right:7px;top:7px;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#6d849b}.auth-options{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.auth-options .check{margin:0!important;color:#98aabc;font-size:11px;font-weight:500}.auth-security{display:block;text-align:center;color:#61768b;font-size:9px;margin-top:17px}.auth-card .button+.button{margin-top:9px}

/* Application shell */
.app-root{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);background:#07111f}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:40;display:flex;flex-direction:column;padding:19px 15px 16px;background:linear-gradient(180deg,#071421,#081523 65%,#07111e);border-right:1px solid var(--line)}.sidebar-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;margin-bottom:16px}.sidebar-head img{width:154px}.alex-status-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;width:100%;border:1px solid rgba(95,172,255,.18);border-radius:14px;padding:11px;background:linear-gradient(110deg,rgba(42,108,167,.16),rgba(83,81,170,.08));color:white;text-align:left;margin-bottom:18px}.alex-status-photo{position:relative;width:36px;height:36px;border-radius:11px;overflow:hidden;background:#17324d}.alex-status-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}.alex-status-photo i{position:absolute;right:3px;bottom:3px;width:7px;height:7px;border:2px solid #0d2034;border-radius:50%;background:var(--green)}.alex-status-card b,.alex-status-card small{display:block}.alex-status-card b{font-size:11px}.alex-status-card small{font-size:8px;color:#8fa7bf;margin-top:3px}.alex-status-card em{font-style:normal;font-size:7px;font-weight:900;letter-spacing:.1em;color:#99caff;padding:4px 5px;border-radius:6px;background:rgba(90,167,255,.1)}.main-nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:2px}.nav-section-label{padding:13px 10px 6px;color:#4f657a;font-size:8px;font-weight:900;letter-spacing:.15em}.nav-item{position:relative;width:100%;min-height:42px;border:0;border-radius:11px;background:transparent;color:#8298ad;padding:0 11px;display:flex;align-items:center;gap:11px;text-align:left;font-size:11px;font-weight:670;transition:.16s}.nav-item:hover{background:rgba(255,255,255,.035);color:#c7d5e4}.nav-item.active{color:#f2f7ff;background:linear-gradient(90deg,rgba(75,150,229,.16),rgba(84,87,184,.06));box-shadow:inset 3px 0 0 var(--blue)}.nav-item .nav-icon{width:20px;text-align:center;font-size:14px;color:#6f8aa4}.nav-item.active .nav-icon{color:#83bfff}.nav-item .nav-badge{margin-left:auto;min-width:20px;height:18px;padding:0 5px;border-radius:999px;background:rgba(90,167,255,.1);color:#93c7ff;display:grid;place-items:center;font-size:8px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:14px 5px 0}.runtime-state{padding:5px 7px 13px}.runtime-state>span{display:flex;align-items:center;gap:7px}.runtime-state i{width:7px;height:7px;border-radius:50%}.runtime-state i.online{background:var(--green);box-shadow:0 0 0 4px rgba(84,216,160,.08)}.runtime-state b{font-size:9px}.runtime-state small{display:block;color:#5d748b;font-size:8px;margin:3px 0 0 14px}.logout-button{width:100%;border:0;border-radius:10px;background:transparent;color:#7890a7;display:flex;align-items:center;gap:9px;padding:10px;font-size:10px;text-align:left}.logout-button:hover{background:rgba(255,255,255,.035);color:#b8c9da}.app-workspace{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar);display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:20px;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(7,17,31,.88);backdrop-filter:blur(18px)}.topbar-title{display:flex;align-items:center;gap:11px}.topbar-title span{display:block;color:#55718c;font-size:8px;font-weight:900;letter-spacing:.14em}.topbar-title h1{font-size:19px;letter-spacing:-.03em;margin:3px 0 0}.topbar-center{display:flex;justify-content:center}.project-switcher{max-width:330px;width:100%;height:38px;border:1px solid var(--line);border-radius:11px;background:#0d1f32;display:flex;align-items:center;gap:9px;padding:0 11px}.project-switcher span{width:24px;height:24px;border-radius:8px;background:rgba(90,167,255,.11);color:#8bc3ff;display:grid;place-items:center;font-size:10px}.project-switcher select{min-width:0;flex:1;border:0;background:transparent;color:#c9d6e3;outline:none;font-size:10px}.topbar-actions{display:flex;align-items:center;gap:9px}.notification-button{position:relative}.notification-button i{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--red);border:2px solid #102239}.profile-button{min-width:180px;height:43px;padding:0 9px;border:1px solid var(--line);border-radius:12px;background:#0d1f32;color:white;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:left}.profile-button>span:first-child{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#4b91d4,#655bd7);display:grid;place-items:center;font-size:8px;font-weight:850}.profile-button b,.profile-button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.profile-button b{font-size:9px}.profile-button small{font-size:7px;color:#71879d;margin-top:2px}.profile-button em{font-style:normal;color:#657e96;font-size:10px}.view{min-height:calc(100vh - var(--topbar));padding:20px 24px 40px;outline:none}

/* Page heading and dashboards */
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:3px 0 19px}.page-heading h2{font-size:27px;letter-spacing:-.04em;margin:7px 0 5px}.page-heading p{color:var(--muted);font-size:11px;line-height:1.55;margin:0;max-width:680px}.page-heading-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.metric-card{padding:16px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.metric-icon{width:40px;height:40px;border-radius:13px;background:rgba(90,167,255,.09);border:1px solid rgba(90,167,255,.13);color:#8fc6ff;display:grid;place-items:center;font-size:16px}.metric-card small,.metric-card strong,.metric-card em{display:block}.metric-card small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#668098;font-weight:800}.metric-card strong{font-size:22px;letter-spacing:-.04em;margin:4px 0}.metric-card em{font-size:8px;color:#72d6a8;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:14px}.dashboard-panel{padding:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-head h3{font-size:14px;margin:4px 0 0}.panel-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.progress-ring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) var(--progress,0%),#152c42 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0d1d30}.progress-ring span{position:relative;font-size:17px;font-weight:800}.activity-list{display:flex;flex-direction:column}.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.activity-item:first-child{border-top:0}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(90,167,255,.07)}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:10px}.activity-item small{font-size:8px;color:var(--muted);margin-top:3px}.activity-item time{font-size:8px;color:#597187}

/* Live Studio */
.studio-shell{height:calc(100vh - var(--topbar) - 40px);min-height:660px;display:grid;grid-template-columns:360px minmax(420px,1fr) 340px;gap:12px}.studio-panel{min-width:0;min-height:0;overflow:hidden;background:linear-gradient(145deg,rgba(15,32,52,.98),rgba(9,23,38,.98));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.studio-chat{display:flex;flex-direction:column}.studio-panel-head{height:64px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;border-bottom:1px solid var(--line)}.studio-panel-head h3{font-size:12px;margin:0}.studio-panel-head p{font-size:8px;color:var(--muted);margin:3px 0 0}.studio-alex-head{display:flex;align-items:center;gap:10px}.studio-alex-photo{position:relative;width:36px;height:36px;border-radius:11px;overflow:hidden;background:#183552}.studio-alex-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.studio-alex-photo i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);right:3px;bottom:3px;border:2px solid #11263d}.studio-alex-head b,.studio-alex-head small{display:block}.studio-alex-head b{font-size:10px}.studio-alex-head small{font-size:8px;color:#6f879d;margin-top:2px}.studio-live-badge{padding:5px 7px;border-radius:999px;color:#8edfb9;background:rgba(84,216,160,.08);border:1px solid rgba(84,216,160,.18);font-size:7px;font-weight:900;letter-spacing:.1em}.studio-messages{flex:1;min-height:0;overflow:auto;padding:17px 14px;scroll-behavior:smooth}.studio-welcome{padding:13px;border:1px solid rgba(90,167,255,.14);border-radius:14px;background:linear-gradient(135deg,rgba(65,142,215,.09),rgba(82,73,170,.06));margin-bottom:13px}.studio-welcome span{display:block;font-size:16px;color:#7cbaff;margin-bottom:9px}.studio-welcome b{display:block;font-size:11px}.studio-welcome p{font-size:9px;color:#8299ae;line-height:1.5;margin:5px 0 0}.message{display:flex;gap:8px;margin:13px 0}.message.user{justify-content:flex-end}.message-avatar{width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:#17334f;display:grid;place-items:center;font-size:7px;font-weight:850;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-bubble{max-width:84%;padding:10px 11px;border-radius:13px 13px 13px 4px;background:#132a43;border:1px solid #203d59;color:#c8d7e5;font-size:10px;line-height:1.55;white-space:pre-wrap}.message.user .message-bubble{order:-1;border-radius:13px 13px 4px 13px;background:linear-gradient(120deg,#407fc2,#5960c5);border-color:transparent;color:white}.message-meta{display:block;font-size:7px;color:#5d748b;margin-top:5px}.message.user .message-meta{color:rgba(255,255,255,.55)}.message-changes{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.message-changes span{font-size:7px;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.06);color:#8fb3d5}.studio-composer{flex:0 0 auto;border-top:1px solid var(--line);padding:11px}.composer-tools{display:flex;align-items:center;gap:5px;margin-bottom:7px}.composer-tools button{height:27px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#10243a;color:#7890a7;font-size:8px}.composer-tools button.active{color:#9bd0ff;border-color:#315e87;background:#153250}.composer-tools span{margin-left:auto;font-size:7px;color:#5d748a}.composer-box{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end;border:1px solid var(--line);border-radius:13px;background:#091927;padding:7px}.composer-box textarea{min-height:40px;max-height:120px;border:0;background:transparent;color:white;resize:none;outline:none;padding:5px;font-size:10px;line-height:1.5}.composer-box textarea::placeholder{color:#4f687f}.composer-send{width:38px;height:38px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:white;font-size:15px}.composer-send.loading{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.55}}.studio-preview{display:flex;flex-direction:column}.preview-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid var(--line)}.preview-title{display:flex;align-items:center;gap:9px}.preview-title>span{width:29px;height:29px;border-radius:9px;background:rgba(90,167,255,.09);color:#85c1ff;display:grid;place-items:center;font-size:12px}.preview-title b,.preview-title small{display:block}.preview-title b{font-size:10px}.preview-title small{font-size:7px;color:#637b92;margin-top:2px}.preview-tools{display:flex;align-items:center;gap:5px}.preview-tools button{height:30px;min-width:30px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#0f2236;color:#7891a9;font-size:9px}.preview-tools button.active{background:#193753;color:#b7d9fa;border-color:#315a80}.preview-frame-wrap{flex:1;min-height:0;padding:12px;background:#06101c;position:relative}.preview-browser{height:100%;min-height:0;border:1px solid #233a50;border-radius:14px;overflow:hidden;background:white;box-shadow:0 20px 55px rgba(0,0,0,.28);display:flex;flex-direction:column}.browser-chrome{height:37px;flex:0 0 37px;background:#eff3f7;border-bottom:1px solid #d9e0e7;display:flex;align-items:center;gap:6px;padding:0 10px}.browser-dot{width:7px;height:7px;border-radius:50%;background:#c9d1da}.browser-dot:nth-child(1){background:#ff7b82}.browser-dot:nth-child(2){background:#f7c85d}.browser-dot:nth-child(3){background:#5fd09a}.browser-address{height:23px;flex:1;max-width:420px;margin-left:8px;border-radius:7px;background:white;border:1px solid #dfe5eb;color:#8694a2;display:flex;align-items:center;padding:0 9px;font-size:7px}.preview-iframe{width:100%;height:100%;border:0;background:#fff}.preview-loading{position:absolute;inset:12px;z-index:3;display:grid;place-items:center;background:rgba(6,16,28,.82);backdrop-filter:blur(5px);border-radius:14px}.preview-loading div{text-align:center}.preview-loading i{width:34px;height:34px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--blue);border-radius:50%;display:block;margin:auto auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-loading b{font-size:10px}.preview-loading small{display:block;color:#71889f;font-size:8px;margin-top:4px}.studio-inspector{display:flex;flex-direction:column}.inspector-tabs{height:64px;display:flex;align-items:end;padding:0 10px;border-bottom:1px solid var(--line)}.inspector-tab{height:42px;flex:1;border:0;background:transparent;color:#6f879d;font-size:8px;font-weight:800;border-bottom:2px solid transparent}.inspector-tab.active{color:#a8d3fc;border-bottom-color:var(--blue)}.inspector-body{flex:1;min-height:0;overflow:auto;padding:14px}.inspector-section{margin-bottom:16px}.inspector-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.inspector-section h4{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#6d8499;margin:0}.inspector-section-head button{border:0;background:transparent;color:#79b8f3;font-size:8px}.summary-objective{padding:12px;border-radius:12px;background:#0b1c2e;border:1px solid var(--line);font-size:9px;line-height:1.55;color:#afc1d2}.confidence-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:9px}.confidence-bar{height:5px;border-radius:999px;background:#142b42;overflow:hidden}.confidence-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}.confidence-row span{font-size:8px;color:#7d96ad}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.tag{padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:#0b1c2e;color:#9eb1c3;font-size:8px}.structured-list{display:flex;flex-direction:column;gap:6px}.structured-item{padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:#0b1c2e;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}.structured-item>span{width:19px;height:19px;border-radius:6px;background:rgba(90,167,255,.09);color:#7dbbfa;display:grid;place-items:center;font-size:8px}.structured-item b{display:block;font-size:8px}.structured-item small{display:block;color:#617a90;font-size:7px;line-height:1.4;margin-top:3px}.question-list{display:flex;flex-direction:column;gap:6px}.question-item{padding:9px 10px;border-left:2px solid var(--yellow);border-radius:0 9px 9px 0;background:rgba(243,198,109,.055);color:#c7b37f;font-size:8px;line-height:1.45}.gate-list{display:flex;flex-direction:column}.gate{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;padding:0 0 15px}.gate:not(:last-child):before{content:"";position:absolute;left:10px;top:24px;bottom:0;width:1px;background:#203b55}.gate-dot{position:relative;z-index:1;width:21px;height:21px;border-radius:7px;border:1px solid #29445e;background:#10253a;display:grid;place-items:center;color:#63819e;font-size:8px}.gate.approved .gate-dot{background:rgba(84,216,160,.1);border-color:rgba(84,216,160,.3);color:#7ce0b2}.gate.active .gate-dot{background:rgba(90,167,255,.12);border-color:rgba(90,167,255,.34);color:#87c2ff;box-shadow:0 0 0 5px rgba(90,167,255,.055)}.gate.changes_requested .gate-dot{background:rgba(243,198,109,.1);border-color:rgba(243,198,109,.28);color:#f0cf84}.gate.locked{opacity:.48}.gate-content b,.gate-content small{display:block}.gate-content b{font-size:9px}.gate-content small{font-size:7px;color:#637b91;line-height:1.42;margin-top:3px}.gate-status{margin-top:5px;font-size:7px;font-weight:800;color:#7192b0;text-transform:uppercase}.gate-actions{display:flex;gap:5px;margin-top:7px}.gate-actions button{height:27px;padding:0 8px;border-radius:7px;font-size:7px}.decision-card{padding:10px;border:1px solid var(--line);border-radius:11px;background:#0b1c2e;margin-bottom:7px}.decision-card header{display:flex;justify-content:space-between;gap:7px}.decision-card b{font-size:8px}.decision-card p{font-size:8px;color:#7c92a7;line-height:1.45;margin:5px 0 0}.decision-actions{display:flex;gap:5px;margin-top:7px}.decision-actions button{height:25px;padding:0 7px;border:1px solid var(--line);border-radius:7px;background:#10243a;color:#8ca4bb;font-size:7px}

/* New-project landing */
.studio-onboarding{min-height:calc(100vh - var(--topbar) - 40px);display:grid;place-items:center;padding:20px}.onboarding-inner{width:min(100%,980px)}.onboarding-hero{text-align:center;margin-bottom:27px}.onboarding-hero .alex-large{position:relative;width:84px;height:84px;border-radius:25px;overflow:hidden;margin:0 auto 17px;background:#163451;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.22)}.onboarding-hero .alex-large img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}.onboarding-hero .alex-large i{position:absolute;right:8px;bottom:8px;width:11px;height:11px;border-radius:50%;background:var(--green);border:3px solid #10253b}.onboarding-hero span{display:block;color:#69a9e8;font-size:9px;font-weight:900;letter-spacing:.15em}.onboarding-hero h2{font-size:36px;letter-spacing:-.05em;margin:10px 0 8px}.onboarding-hero p{max-width:640px;margin:auto;color:var(--muted);font-size:12px;line-height:1.6}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.entry-card{position:relative;min-height:230px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#10243a,#0a192a);color:white;text-align:left;overflow:hidden;transition:.18s}.entry-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-60px;top:-70px;background:radial-gradient(circle,rgba(82,157,233,.2),transparent 68%)}.entry-card:hover{transform:translateY(-3px);border-color:#35608a;box-shadow:0 18px 45px rgba(0,0,0,.22)}.entry-icon{width:47px;height:47px;border-radius:15px;background:rgba(90,167,255,.1);border:1px solid rgba(90,167,255,.16);display:grid;place-items:center;color:#91c9ff;font-size:19px;margin-bottom:25px}.entry-card h3{font-size:16px;letter-spacing:-.025em;margin:0 0 7px}.entry-card p{font-size:10px;color:#7e95aa;line-height:1.55;margin:0}.entry-card footer{position:absolute;left:20px;right:20px;bottom:17px;display:flex;align-items:center;justify-content:space-between;color:#79b9f4;font-size:9px;font-weight:800}.entry-card footer span:last-child{font-size:15px}.onboarding-note{text-align:center;color:#536d85;font-size:8px;margin-top:16px}

/* Projects */
.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.segment{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#0b1b2d}.segment button{height:30px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#6f879c;font-size:9px;font-weight:750}.segment button.active{background:#18324e;color:#c7dff6}.search-field{position:relative;width:260px}.search-field input{padding-left:36px}.search-field span{position:absolute;left:12px;top:12px;color:#607a92;font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}.project-card{padding:17px;text-align:left;color:white;transition:.17s}.project-card:hover{transform:translateY(-2px);border-color:#315979}.project-card-head{display:flex;justify-content:space-between;gap:10px}.project-code{font-size:8px;color:#61809d;font-weight:800;letter-spacing:.08em}.project-card h3{font-size:15px;margin:12px 0 6px;letter-spacing:-.025em}.project-card p{font-size:9px;color:#748da4;line-height:1.5;min-height:42px;margin:0}.project-progress{height:6px;border-radius:999px;background:#142a40;overflow:hidden;margin:15px 0 7px}.project-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}.project-card-meta{display:flex;align-items:center;justify-content:space-between;color:#657e95;font-size:8px}.project-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.project-avatars{display:flex}.project-avatars span{width:24px;height:24px;border-radius:8px;background:#17334e;border:2px solid #0d1d30;display:grid;place-items:center;font-size:7px;margin-left:-4px}.project-avatars span:first-child{margin-left:0}.project-card-footer button{border:0;background:transparent;color:#80bdf7;font-size:9px;font-weight:800}

/* Tables and admin */
.data-panel{overflow:hidden}.data-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;padding:11px 14px;color:#587189;font-size:8px;letter-spacing:.1em;text-transform:uppercase;background:#0a1929;border-bottom:1px solid var(--line)}.data-table td{padding:13px 14px;border-bottom:1px solid var(--line);font-size:9px;color:#a7b9ca}.data-table tr:hover td{background:rgba(255,255,255,.018)}.data-table td strong{color:#d5e2ed;font-size:9px}.data-table td small{display:block;color:#617990;font-size:7px;margin-top:3px}.table-actions{display:flex;gap:5px}.table-actions button{height:27px;border:1px solid var(--line);border-radius:7px;background:#10243a;color:#8da4b9;font-size:7px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.settings-card{padding:16px}.settings-card-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.settings-card-icon{width:39px;height:39px;border-radius:12px;background:rgba(90,167,255,.09);display:grid;place-items:center;color:#88c2fb}.settings-card h3{font-size:12px;margin:0}.settings-card p{font-size:8px;color:#6e879d;line-height:1.5;margin:4px 0 0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.settings-row b,.settings-row small{display:block}.settings-row b{font-size:9px}.settings-row small{font-size:7px;color:#607991;margin-top:3px}.toggle{width:36px;height:21px;border:0;border-radius:999px;background:#183149;padding:3px;display:flex;justify-content:flex-start}.toggle i{width:15px;height:15px;border-radius:50%;background:#71889d}.toggle.on{background:#2a7b67;justify-content:flex-end}.toggle.on i{background:#b9f1da}

/* Meetings */
.meeting-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:13px}.meeting-list{display:flex;flex-direction:column;gap:7px}.meeting-card{padding:13px;border:1px solid var(--line);border-radius:12px;background:#0b1d30;color:white;text-align:left}.meeting-card.active{border-color:#3d6c98;background:#112d48}.meeting-card h4{font-size:10px;margin:0 0 5px}.meeting-card p{font-size:8px;color:#6d879e;margin:0}.meeting-stage{min-height:570px;display:flex;flex-direction:column;overflow:hidden}.meeting-stage-main{flex:1;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 32%,#163653,#081523 58%)}.meeting-avatar{text-align:center}.meeting-avatar img{width:120px;height:120px;border-radius:28px;object-fit:cover;object-position:50% 16%;box-shadow:0 20px 60px rgba(0,0,0,.3)}.meeting-avatar h3{font-size:16px;margin:13px 0 3px}.meeting-avatar p{font-size:9px;color:#708aa2;margin:0}.meeting-controls{height:72px;display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid var(--line)}.meeting-control{width:43px;height:43px;border:1px solid var(--line);border-radius:13px;background:#132a43;color:white}.meeting-control.end{background:#923a49;border-color:#bd5362}

/* Modals and notifications */
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(1,7,13,.76);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.modal{width:min(100%,620px);max-height:90vh;overflow:auto;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(145deg,#10243a,#091827);box-shadow:0 32px 100px rgba(0,0,0,.45)}.modal.wide{width:min(100%,1040px)}.modal-head{height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 19px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:14px;margin:0}.modal-head p{font-size:8px;color:#698198;margin:3px 0 0}.modal-close{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#0d1f32;color:#8aa0b5}.modal-body{padding:19px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 19px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .wide{grid-column:1/3}.design-direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.design-direction{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#0a1a2b;color:white;text-align:left;transition:.17s}.design-direction:hover{border-color:#3c6a93;transform:translateY(-2px)}.design-thumb{height:180px;background:white;overflow:hidden;pointer-events:none}.design-thumb iframe{width:1024px;height:720px;border:0;transform:scale(.285);transform-origin:0 0}.design-direction-body{padding:12px}.design-direction h4{font-size:11px;margin:0 0 4px}.design-direction p{font-size:8px;color:#6e869d;line-height:1.45;margin:0}.design-swatch{width:11px;height:11px;border-radius:4px;display:inline-block;margin-right:5px}.toast-root{position:fixed;right:18px;bottom:18px;z-index:150;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{min-width:270px;max-width:390px;padding:12px 14px;border-radius:12px;border:1px solid var(--line-strong);background:#11263b;box-shadow:0 18px 50px rgba(0,0,0,.35);display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;animation:toast-in .2s ease}.toast>span{width:22px;height:22px;border-radius:7px;background:rgba(90,167,255,.1);color:#8bc4fc;display:grid;place-items:center;font-size:9px}.toast b{display:block;font-size:9px}.toast p{font-size:8px;color:#7990a6;line-height:1.45;margin:3px 0 0}.toast.success>span{background:rgba(84,216,160,.1);color:#86e3b9}.toast.error>span{background:rgba(255,119,135,.1);color:#ff9ca8}@keyframes toast-in{from{transform:translateY(8px);opacity:0}}

/* Responsive */
@media(max-width:1320px){.studio-shell{grid-template-columns:330px minmax(400px,1fr) 310px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1120px){:root{--sidebar:220px}.topbar{grid-template-columns:auto 1fr auto}.topbar-center{display:none}.studio-shell{grid-template-columns:330px minmax(0,1fr)}.studio-inspector{display:none}.auth-page{grid-template-columns:1fr 470px}.auth-visual-inner{padding-left:6vw;padding-right:6vw}.auth-steps{grid-template-columns:1fr}.auth-steps article{display:grid;grid-template-columns:auto 1fr;gap:10px}.auth-steps article>span{margin:0}.dashboard-grid{grid-template-columns:1fr}.design-direction-grid{grid-template-columns:1fr 1fr}.design-direction:last-child{grid-column:1/3}}
@media(max-width:860px){.mobile-only{display:grid!important}.app-root{display:block}.sidebar{transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 60px rgba(0,0,0,.35)}.sidebar.open{transform:translateX(0)}.app-workspace{grid-column:auto}.topbar{padding:0 14px;grid-template-columns:1fr auto}.topbar-title{min-width:0}.topbar-title h1{font-size:16px}.topbar-actions .button.soft,.profile-button>span:nth-child(2),.profile-button>em{display:none}.profile-button{min-width:42px;width:42px;padding:0;display:grid;place-items:center}.profile-button>span:first-child{width:30px;height:30px}.view{padding:14px 14px 30px}.studio-shell{height:calc(100vh - var(--topbar) - 28px);grid-template-columns:1fr}.studio-chat{display:none}.studio-shell.chat-open .studio-chat{display:flex}.studio-shell.chat-open .studio-preview{display:none}.studio-mobile-switch{display:flex!important;gap:5px}.auth-page{display:block}.auth-visual{display:none}.auth-form-area{min-height:100vh;padding:22px}.auth-mobile-brand{display:block}.entry-grid{grid-template-columns:1fr}.entry-card{min-height:170px}.onboarding-hero h2{font-size:29px}.project-grid{grid-template-columns:1fr}.meeting-grid{grid-template-columns:1fr}.meeting-stage{min-height:450px}.filter-row{align-items:stretch;flex-direction:column}.search-field{width:100%}.page-heading{align-items:flex-start;flex-direction:column}.page-heading-actions{width:100%}.page-heading-actions .button{flex:1}.design-direction-grid{grid-template-columns:1fr}.design-direction:last-child{grid-column:auto}}
@media(max-width:560px){.auth-form-area{padding:0;background:#07111f}.auth-card{min-height:100vh;width:100%;border-radius:0;border:0;padding:38px 24px;background:linear-gradient(165deg,#10243a,#07111f 70%)}.topbar-actions #notification-button{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:12px;grid-template-columns:1fr}.metric-icon{display:none}.metric-card strong{font-size:18px}.form-grid{display:block}.form-grid .wide{grid-column:auto}.modal-backdrop{padding:0}.modal{max-height:100vh;height:100%;border-radius:0}.studio-shell{min-height:600px}.preview-frame-wrap{padding:7px}.preview-browser{border-radius:10px}.browser-address{display:none}.preview-toolbar{padding:0 10px}.preview-tools button:nth-child(2),.preview-tools button:nth-child(3){display:none}.studio-panel-head{padding:0 11px}.onboarding-inner{width:100%}.onboarding-hero{margin-bottom:20px}.onboarding-hero .alex-large{width:70px;height:70px;border-radius:21px}.onboarding-hero h2{font-size:26px}.onboarding-hero p{font-size:10px}.entry-card{padding:17px;min-height:155px}.entry-icon{margin-bottom:17px}.toast-root{left:12px;right:12px;bottom:12px}.toast{min-width:0;max-width:none;width:100%}}

/* BuildAne commercial extensions */
.commercial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.commercial-card{background:var(--panel,#fff);border:1px solid var(--line,#dfe8f6);border-radius:18px;padding:20px}.commercial-card h3{margin:0 0 8px}.meter{height:10px;background:#e8eef8;border-radius:999px;overflow:hidden}.meter>i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:inherit}.plan-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8f1ff;color:#1554d1;font-weight:700}.runtime-link{color:#1554d1;font-weight:700}.machine2-banner{padding:12px 16px;border-radius:14px;background:#fff8db;border:1px solid #f0d46a;color:#705700;margin-bottom:16px}.quota-list{display:grid;gap:12px}.quota-row{display:grid;grid-template-columns:160px 1fr 90px;gap:12px;align-items:center}.project-backup-row,.application-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid #e3e9f3;border-radius:14px;margin-top:10px}.oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.oauth-button{display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #d8e1ef;border-radius:12px;padding:11px;background:#fff;color:#0f172a;text-decoration:none;font-weight:700}.public-link{display:block;text-align:center;margin-top:12px;color:#2563eb;text-decoration:none}.badge-provisional{display:inline-flex;background:#fff5cf;color:#765b00;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}@media(max-width:720px){.quota-row{grid-template-columns:1fr}.oauth-row{grid-template-columns:1fr}}

/* BuildAne 1.0.1 — premium light application theme */
:root{--bg:#f5f8fd;--bg-2:#ffffff;--panel:#ffffff;--panel-2:#f7faff;--panel-3:#edf4ff;--text:#07152e;--text-soft:#33475f;--muted:#64748b;--muted-2:#8190a3;--line:#dfe8f5;--line-strong:#cbd9eb;--blue:#2563eb;--blue-2:#1d4ed8;--cyan:#06b6d4;--green:#0ca678;--yellow:#d79b00;--red:#dc4c64;--shadow:0 20px 55px rgba(34,75,132,.13);--shadow-soft:0 10px 30px rgba(34,75,132,.09)}
html,body{background:var(--bg);color:var(--text)}body{color-scheme:light}::-webkit-scrollbar-thumb{background:#c8d5e6}.button{color:var(--text)}.button.primary{color:#fff;background:linear-gradient(110deg,#1d4ed8,#2563eb,#06b6d4)}.button.soft,.button.ghost,.icon-button{background:#fff;border-color:var(--line);color:var(--text)}.field{background:#fff;color:var(--text);border-color:var(--line)}.auth-page{background:#f5f8fd}.auth-visual{background:linear-gradient(145deg,#edf5ff,#f8fcff)}.auth-visual:after{background:radial-gradient(circle,#b7d9ff 0,transparent 68%)}.auth-visual h1,.auth-visual p,.auth-steps b,.auth-alex b{color:var(--text)}.auth-steps article,.auth-alex,.auth-card{background:#fff;border-color:var(--line);box-shadow:var(--shadow-soft)}.auth-card-head h2{color:var(--text)}.auth-form-area{background:#f5f8fd}.sidebar{background:#fff;border-right:1px solid var(--line);box-shadow:10px 0 35px rgba(35,75,130,.06)}.sidebar-head{border-bottom:1px solid var(--line)}.sidebar-head img{max-height:46px;width:auto}.alex-status-card{background:#f4f8ff;border-color:#d9e7fb;color:var(--text)}.main-nav button{color:#52667f}.main-nav button:hover,.main-nav button.active{background:#eaf2ff;color:#1557d6}.sidebar-foot{border-top:1px solid var(--line)}.logout-button{color:#5e7188}.app-workspace{background:#f5f8fd}.topbar{background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.topbar-title h1,.profile-button b{color:var(--text)}.profile-button{background:#fff;border-color:var(--line);color:var(--text)}.view{background:#f5f8fd}.panel,.metric-card,.project-card,.settings-card,.meeting-card,.modal,.commercial-card{background:#fff;border-color:var(--line);box-shadow:var(--shadow-soft);color:var(--text)}.panel-head,.studio-panel-head,.modal-head{border-color:var(--line)}.studio-shell{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}.studio-chat,.studio-inspector{background:#fff;border-color:var(--line)}.studio-preview{background:#eef3f9}.chat-message.assistant .chat-bubble{background:#f1f6fd;color:var(--text)}.chat-message.user .chat-bubble{background:#e7f0ff;color:var(--text)}.composer,.studio-composer{background:#fff;border-color:var(--line)}.preview-browser{box-shadow:0 18px 50px rgba(25,65,120,.13)}.machine2-banner{background:#fff8db;color:#705700}.meeting-stage-main{background:radial-gradient(circle at 50% 32%,#dbeeff,#eef5fd 58%)}.meeting-avatar h3{color:var(--text)}.modal-backdrop{background:rgba(21,43,72,.38)}.modal{background:#fff}.toast{background:#fff;color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}
@media(max-width:560px){.auth-form-area{background:#f5f8fd}.auth-card{background:#fff;color:var(--text)}}