/* Dianniuniu Live 0.4: an original studio workspace, designed for Chinese live teams. */
:root{color-scheme:light;--bg:#f5f6fa;--panel:#fff;--panel2:#f7f6fc;--line:#e9e9f1;--muted:#8b8ca1;--text:#343449;--lime:#7c69e8;--cyan:#5493da;--red:#d56c81;--radius:13px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px}
body{background:#f5f6fa}.sidebar{width:228px;background:#fff;border-right:1px solid #eeedf4;padding:30px 18px}.brand{padding-bottom:36px;gap:12px}.brand span{font-size:22px;color:#37334f}.brand small{color:#a6a2b8;font-size:8px}.brand img{width:40px;height:40px}.nav-label{color:#b0aabe;font-size:10px;letter-spacing:2px;padding-left:15px}nav button{color:#8b86a2;border-radius:9px;font-size:13px;margin-bottom:5px;min-height:45px}nav button span{color:#a9a1bf}nav button.active{background:#f0edfd;color:#7965db;border-left:0;box-shadow:none}nav button.active span{color:#7965db}nav button:hover{background:#f6f3ff;color:#7965db}.sidebar-foot{border-top:1px solid #eeedf4;color:#77718d;line-height:1.8}.sidebar-foot small{color:#b2adbf}.tiny-dot{background:#9b83e8}.shell{margin-left:228px}.topbar{background:#ffffffd9;border-bottom:1px solid #ecebf2;height:78px;padding:0 34px}.breadcrumb{color:#a39db3}.breadcrumb b{color:#686078}.top-right{gap:18px}.local-badge{color:#8e89a3;background:#f7f5fc;border:1px solid #eeebf6;border-radius:20px;padding:7px 12px;font-size:10px}.avatar{border:0;background:#f0eafd;color:#8c72d6;border-radius:11px}.page-head{margin-bottom:26px}.page-head h1{font-size:27px;font-weight:650;letter-spacing:-.5px;color:#39334b;margin:6px 0 10px}.eyebrow{font-size:9px;color:#b0a4cb;letter-spacing:2px}.sub{color:#9a93a8;font-size:12px;line-height:1.9}.page-head .sub{margin:0}main{padding:30px 34px;max-width:1800px;margin:auto}.btn{background:#fff;border:1px solid #e5e1ee;color:#8d819f;border-radius:7px;padding:10px 15px;box-shadow:none;font-size:12px}.btn:hover{background:#f7f4ff;border-color:#cfc4ec;color:#8065c2}.btn.primary{background:#8773e6;border:1px solid #8773e6;color:#fff;box-shadow:0 3px 9px #8773e621}.btn.primary:hover{background:#7963dc}.btn.danger{background:#fcecf0;border-color:#f6d7e0;color:#cd758a}.btn.ghost{background:transparent}.btn.small{font-size:11px;padding:8px 11px}.room-select,input,select,textarea{background:#fff;border:1px solid #e6e1ee;color:#6f647e;border-radius:8px;padding:11px 12px}.room-select{font-size:12px;min-width:180px}input::placeholder,textarea::placeholder{color:#b6afbf}input[type=checkbox]{accent-color:#8a73e2}.field{color:#9b8ba8;font-size:11px}.field small,.hint{color:#b0a4b9}.field-grid{gap:17px}.panel{background:#fff;border:1px solid #e9e5f0;border-radius:12px;box-shadow:0 3px 13px #29204102;overflow:hidden}.panel-head{border-bottom:1px solid #f0ecf5;padding:18px 21px;min-height:58px}.panel-head h2{font-size:13px;color:#7a688b;font-weight:600}.panel-body{padding:20px 22px}.metrics{gap:18px;margin-bottom:24px}.metric{background:#fff;border:1px solid #ebe7f2;border-radius:12px;min-height:122px;padding:20px 22px}.metric strong{color:#6e5a87;font-weight:600;font-size:29px}.metric-label{color:#9d8bac;font-size:10px}.metric small{color:#b5a8bf;font-size:9px}.metric-icon{background:#f6f0fc;color:#baa5d7;border-radius:10px;font-size:18px}.notice{background:#f9f7fe;border:1px solid #eee7fa;color:#a493b6;border-radius:9px;padding:13px 17px;font-size:11px;line-height:1.9}.notice.amber{background:#fffaf1;border-color:#f6eddb;color:#baa27c}.badge{background:#f4f0f9;color:#af9cc3;border:0;font-size:9px;padding:4px 8px;font-weight:500}.badge.green{background:#edf8f3;color:#85b69f}.badge.amber{background:#fdf5e9;color:#c7ab7d}.badge.blue{background:#edf3fc;color:#94afd3}.onboarding{gap:16px;margin-bottom:22px}.step{background:#fff;border-color:#ebe6f2;color:#a18ead;padding:13px 17px;font-size:10px}.step b{color:#c1add9}.step.done{border-color:#dfd0f2}.step span{color:#c5b6d3}.preview{background:linear-gradient(145deg,#f5f1fd,#eeebf8);border-radius:0;color:#b8a8d1}.preview-mark,.preview-label{color:#b4a0ce}.preview-empty h3,.preview h3{color:#a48dbd}.preview-empty p{color:#baa8cf}.preview-controls{background:#fdfcfe;border-top:1px solid #f0ebf5;padding:14px 18px}.preview-controls .health{color:#baa8cb}.feed{background:#fff}.feed-item{border-color:#f2edf6;padding:16px 18px}.feed-avatar{background:#f4eefb;color:#b49bcf}.feed-avatar.ai{background:#eee7fb;color:#aa8cce}.feed-meta{color:#a38ab7;font-size:10px}.feed-meta time{color:#c9b9d3}.feed-body p{color:#a68fb8;font-size:12px;line-height:1.8}.empty{color:#c0b0cb;font-size:11px;line-height:2;text-align:center;padding:32px 18px}.empty strong{color:#b29ac4;font-weight:500}.test-box{background:#fdfbff;border-top:1px solid #f1ebf7;padding:15px 18px}.test-box input{background:#fff;border-color:#eae1f2;font-size:11px}.row,.list-row,.rule-row{border-color:#f0eaf5}.row-number{background:#f5f0fc;color:#c5b3d8;border:0}.row-title{color:#a18bb4}.row-sub{color:#bbaac7;font-size:10px}.row-icon{background:#f5f0fc;color:#bea7d6}.product-body,.rules-reply{color:#b3a0c1}.product-price{color:#ad8ac8;font-size:25px}.room-card h3{color:#9379a9}.room-card.active{border-color:#c9b6e6}.media-card h3{color:#a18ab4}.media-card .thumb{background:linear-gradient(145deg,#f3effb,#eae5f5);color:#c6b5db}.code{background:#f9f6fd;border-color:#eee6f6;color:#a38bb8;font-size:10px}.feature{border-color:#f2edf6}.feature b{color:#b69dc8;font-weight:500}.section-label{color:#b29ac9}.switch{color:#9a83ae;font-size:11px}.switch input:checked{background:#b59bdb}.switch input{background:#e6deef}.pill-count{color:#bea8d3;border-color:#e5d8f1}.alert-status{color:#c3aa89}.overlay-link{color:#b59bc9}dialog{background:#fff;border:1px solid #e4d8ef;color:#9177a5;box-shadow:0 30px 100px #49306421}dialog::backdrop{background:#3e2a4b45;backdrop-filter:blur(4px)}.modal-head h2{color:#9375ac}.icon-btn{background:#faf6fd;color:#c2a8d5}.loading{color:#b69bc9}footer{border-color:#eee8f5;color:#c1b0cc;font-size:10px}footer b{color:#c9b8d6}#toast{background:#f8f3ff;border-color:#e3d3f4;color:#a480be;box-shadow:0 10px 30px #49306410}#toast.error{background:#fff4f6;border-color:#f2d7df;color:#c48699}.health{color:#b19dc3}.cloud-workspace .brand img{filter:none}
/* Contrast for actual editable content and primary information. */
.preview{border:1px solid #eae4f4}.empty-preview .orbit{background:#e5dcf8;border:1px solid #d9ccf1;color:#a58bcf}.preview-label{background:#ebe3f7;border:1px solid #dfd2f1;color:#ae96c5}
.platform-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.platform-choice{background:#fff;border:1px solid #e9e5f0;border-radius:13px;padding:24px;text-align:left;transition:.2s;display:flex;flex-direction:column;gap:7px}.platform-choice:hover{border-color:#bba9e6;transform:translateY(-2px)}.platform-choice.selected{background:#f7f3ff;border-color:#b7a1e1}.platform-symbol{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#f1ecfa;color:#9c7fc5;font-size:23px;margin-bottom:8px}.platform-choice b{font-size:14px;color:#80708f}.platform-choice small{font-size:10px;color:#b4a1c5}@media(max-width:1000px){.platform-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.field input,.field select,.field textarea{color:#685477}.panel h3,.row-title,.feed-body p,.rules-reply,.product-body{color:#766080}.badge.green{color:#548a70}.badge.amber{color:#a58249}.hint,.field small{color:#9d8aaa}.empty strong{color:#9d83af}.metric strong{color:#776087}.btn:focus-visible{outline:2px solid #aa8dd0}.notice{color:#9d87ac}.sidebar nav button.active{color:#8060aa}.cloud-workspace .local-badge{color:#8a72a0}
.panel-head h2,.panel h3{color:#514b68}.metric strong{color:#3d3853}.metric-label,.field,.switch{color:#736b85}.row-title,.feed-body p,.rules-reply,.product-body{color:#625970}.row-sub,.hint,.field small,.sub{color:#8c829a}.empty strong{color:#9685aa}.empty{color:#aaa0b7}.feed-meta{color:#8d7ca1}.feature b{color:#81718f}.notice{color:#8b7a9e}.brand small{color:#9d95b0}.btn{color:#80718f}.code{color:#897698}
@media(max-width:1150px){.sidebar{width:196px}.shell{margin-left:196px}main{padding:24px}.topbar{padding:0 24px}.page-head h1{font-size:24px}}
@media(max-width:800px){.sidebar{width:70px;padding:20px 8px}.shell{margin-left:70px}.brand{padding:0 7px 25px}.brand span,.nav-label,.sidebar-foot{display:none}.topbar{height:64px;padding:0 15px}.local-badge{display:none}main{padding:20px 14px}.metric{padding:16px;min-height:116px}.page-head h1{font-size:23px}.cloud-workspace .sidebar-foot{display:none}}

/* Original Nightshift theme: high contrast, violet and cyan. */
:root{color-scheme:dark;--bg:#090c14;--panel:#141b29;--panel2:#1b2435;--line:#34415a;--muted:#afbdd5;--text:#f3f6ff;--lime:#ae94ff;--cyan:#6cdeee;--red:#ff97b5;font-size:14px}
body{background:radial-gradient(ellipse at 85% 0,#39215d40,transparent 48%),#090c14;color:var(--text)}.sidebar{background:#0e1320;border-color:#2b354b;width:236px}.shell{margin-left:236px}.brand span{color:#fff}.brand img{filter:drop-shadow(0 4px 14px #8b68ff55)}.brand small{color:#b4a5e2}.nav-label{color:#96a4bf}nav button{color:#bfcae0;min-height:46px}nav button span{color:#acb6d0}nav button:hover{background:#222b42;color:#fff}nav button.active,.sidebar nav button.active{color:#dccfff;background:linear-gradient(100deg,#8261f539,#8261f512);box-shadow:inset 3px 0 #b197ff;border:1px solid #9d7dff35}nav button.active span{color:#d2beff}.sidebar-foot{color:#c9d3e7;border-color:#33405a}.sidebar-foot small{color:#a3b1ca}.tiny-dot{background:#64ebbc;box-shadow:0 0 9px #64ebbc55}.topbar{background:#0e1320db;border-color:#2b354b;backdrop-filter:blur(18px)}.breadcrumb{color:#a9b7d0}.breadcrumb b{color:#f1f4ff}.breadcrumb span{color:#8d9bb5}.local-badge,.cloud-workspace .local-badge{color:#94f1cd;background:#15352f;border-color:#32725d}.avatar{background:#35274e;color:#e4ceff;border:1px solid #745598}main{max-width:1800px}.page-head h1{color:#f7f6ff;font-size:30px;letter-spacing:-.6px}.eyebrow{color:#c3acff;font-size:10px;letter-spacing:2.5px}.sub,.row-sub,.hint,.field small{color:#afbdd5;font-size:12px;line-height:1.85}.btn{background:#222c40;color:#e9eefe;border-color:#4a5975;border-radius:9px}.btn:hover{background:#34415b;color:#fff;border-color:#a68dcf}.btn.primary{background:linear-gradient(115deg,#a081ff,#7455e7);border-color:#bca4ff;color:#fff;box-shadow:0 5px 24px #8f65ff35}.btn.primary:hover{background:linear-gradient(115deg,#b49cff,#8e6ef5)}.btn.danger{background:#422335;border-color:#925372;color:#ffc1d5}.btn.text{color:#d0baff}.btn.ghost{background:transparent}.btn:focus-visible{outline:2px solid #c8b5ff}.room-select,input,select,textarea,.field input,.field select,.field textarea{background:#101827;color:#f3f6ff;border-color:#4b5b79}input::placeholder,textarea::placeholder{color:#a3b1cb;opacity:1}.field,.switch{color:#d6dff1;font-size:12px}input[type=checkbox]{accent-color:#ae91ff}.panel{background:linear-gradient(145deg,#192132,#141b29);border-color:#34415a;border-radius:16px;box-shadow:0 8px 30px #0002}.panel-head{border-color:#34415a}.panel-head h2,.panel h3,.room-card h3,.media-card h3{color:#edf1ff;font-size:14px}.metric{background:linear-gradient(125deg,#20283e,#161e2e);border-color:#3b4865;border-radius:15px;min-height:132px}.metric strong{color:#f7f5ff;font-size:34px;letter-spacing:-1px}.metric-label{color:#c9d3e8;font-size:12px}.metric small{color:#adbad2;font-size:11px}.metric-icon{background:#3b2d55;color:#d5baff;border:1px solid #604780;border-radius:12px}.metric:nth-child(2) .metric-icon{background:#153d44;color:#8de9f2;border-color:#336772}.metric:nth-child(3) .metric-icon{background:#3e294c;color:#f0b3ea;border-color:#744e7e}.metric:nth-child(4) .metric-icon{background:#263e59;color:#a2d2ff;border-color:#456887}.step{background:#182131;color:#c9d4e8;border-color:#41506c;font-size:12px}.step b{color:#c6afff}.step.done{background:#2a203e;border-color:#786198}.step span{color:#d3bdf0}.notice{background:#29213d;border-color:#67517e;color:#e0d2f4;font-size:12px;line-height:1.9}.notice.amber{background:#382c1c;border-color:#7d6241;color:#f4d9a5}.badge{background:#352b49;color:#e6d5ff;border:1px solid #604975;font-size:10px}.badge.green{background:#163d32;color:#9af3ca;border-color:#367b62}.badge.amber{background:#40301a;color:#ffe0a0;border-color:#86642e}.badge.blue{background:#203b54;color:#b6e4ff;border-color:#477599}.preview{background:radial-gradient(ellipse at center,#40305e,#171c2d 75%);border-color:#5a4675;color:#d5c5ed;border-radius:9px}.preview-label{background:#21182fe8;border-color:#78628f;color:#dfcdf8}.empty-preview .orbit{background:linear-gradient(135deg,#ba9bff,#825ce9);color:#fff;border-color:#c9afff;box-shadow:0 0 55px #a47dff35}.preview h3{color:#efe5ff}.preview p{color:#c9b9dd}.preview-controls{background:#172031;border-color:#3a4760}.preview-controls .health{color:#c6d1e5}.feed{background:#151e2e}.feed-item{border-color:#36425a}.feed-avatar{background:#29405a;color:#c4e5ff}.feed-avatar.ai{background:#402b59;color:#e1c5ff}.feed-meta{color:#c0cee5;font-size:11px}.feed-meta time{color:#a8b6ce}.feed-body p,.row-title,.rules-reply,.product-body{color:#f0f3ff;font-size:13px}.test-box{background:#131b29;border-color:#3b4861}.test-box input{background:#1a2436;border-color:#566788}.empty{color:#b8c4da;font-size:12px}.empty strong{color:#e0e8fa;font-weight:600}.row,.list-row,.rule-row{border-color:#3b4861}.row-number,.row-icon{background:#382b4f;color:#dec4ff;border-color:#685184}.product-price{color:#dabdff}.room-card.active{border-color:#ba9bff;box-shadow:0 0 0 1px #a988ff30}.media-card .thumb{background:linear-gradient(145deg,#48305f,#20354b);color:#e1c6ff}.code{background:#101827;border-color:#4a5d7b;color:#c4e5ff;font-size:12px}.feature{border-color:#3b4861}.feature b{color:#e2d0ff}.section-label{color:#d2baff}.danger-text{color:#ffabc6}.health{color:#9befcf}.platform-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.platform-choice{background:linear-gradient(145deg,#202b40,#172131);border-color:#465574;border-radius:16px;transition:transform .2s,border-color .2s}.platform-choice:hover{border-color:#b99aff;transform:translateY(-3px)}.platform-choice.selected{background:linear-gradient(145deg,#48305e,#262039);border-color:#bca0f9;box-shadow:0 8px 30px #9363df20}.platform-symbol{background:#403252;color:#ead4ff;border:1px solid #756087;border-radius:13px}.platform-choice b{color:#f2f5ff;font-size:16px}.platform-choice small{color:#c0cce0;font-size:12px}dialog{background:#1b2335;color:#eef3ff;border-color:#8b6eab;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#050811bf;backdrop-filter:blur(8px)}.modal-head h2{color:#eee2ff}.icon-btn{background:#382846;color:#ead6ff}.loading{color:#dac4ff}footer{border-color:#35405a;color:#b2bfd6}footer span,footer b{color:#a2b1cb}#toast{background:#3c2a55;border-color:#a47bc9;color:#f8eeff;box-shadow:0 10px 40px #0006}#toast.error{background:#51283b;border-color:#c780a2;color:#ffe4f0}
@media(max-width:1150px){.sidebar{width:204px}.shell{margin-left:204px}.platform-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head h1{font-size:26px}}
@media(max-width:800px){.sidebar{width:70px}.shell{margin-left:70px}.page-head h1{font-size:23px}.metric{min-height:120px}.platform-choice{padding:19px}}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#575077 #101521}.sidebar>*{flex-shrink:0}.sidebar-foot{padding-bottom:10px}

/* Official platform marks, shared by scene cards and room cards. */
.platform-symbol,.room-card .row-icon{background:transparent;border:0;padding:0;overflow:hidden;border-radius:10px}.platform-logo{display:block;width:40px;height:40px;max-width:100%;max-height:100%;object-fit:contain;border-radius:9px}

/* Frosted Safari-inspired surfaces. Solid fills remain legible without blur. */
:root{color-scheme:dark;--bg:#0b1020;--panel:#20283bce;--panel2:#263047c9;--line:#ffffff21;--muted:#b7c2d6;--text:#f4f6ff;--lime:#b8a7ff;--cyan:#91e5eb;--red:#ffafc3;--radius:22px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Microsoft YaHei",sans-serif}
body{background:radial-gradient(ellipse at 10% 5%,#6252ab66,transparent 48%),radial-gradient(ellipse at 94% 38%,#347c9266,transparent 50%),radial-gradient(ellipse at 45% 100%,#67407166,transparent 55%),linear-gradient(145deg,#12172b,#0b1726 60%,#1c1832);background-attachment:fixed;color:var(--text)}
.sidebar{top:14px;bottom:14px;left:14px;width:224px;border:1px solid #ffffff25;border-radius:24px;background:linear-gradient(155deg,#ffffff13,#c8d6ff09),#172035b8;backdrop-filter:blur(32px) saturate(145%);-webkit-backdrop-filter:blur(32px) saturate(145%);box-shadow:0 18px 55px #02061538,inset 0 1px #ffffff17;padding:25px 14px}.shell{margin-left:252px}.brand{padding:3px 10px 28px;gap:11px}.brand span{font-size:21px;font-weight:650;letter-spacing:-.5px}.brand small{color:#bdc8e1;letter-spacing:2px}.brand img{filter:drop-shadow(0 4px 12px #b7a6ff40)}.nav-label{color:#aebbd2;font-size:10px;letter-spacing:1.5px}nav button{border:1px solid transparent;border-radius:13px;color:#d3daeb;font-size:13px;min-height:44px;margin-bottom:5px;transition:background .18s,border-color .18s}nav button span{color:#bac6dd}nav button:hover{background:#ffffff0e;color:#fff}nav button.active,.sidebar nav button.active{background:linear-gradient(105deg,#dfd6ff27,#a4caff17);color:#fff;border-color:#ffffff25;box-shadow:inset 0 1px #ffffff18,0 4px 12px #070c1920}nav button.active span{color:#ded6ff}.sidebar-foot{border-color:#ffffff1c;color:#dce4f5}.sidebar-foot small{color:#b2c0d7}
.topbar{height:80px;padding:0 32px;border-color:#ffffff17;background:#16203970;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.breadcrumb{padding:9px 16px;background:#ffffff09;border:1px solid #ffffff16;border-radius:11px;color:#b6c2da;font-size:12px}.breadcrumb b{color:#f5f7ff;font-weight:550}.top-right{gap:14px}.avatar{border:1px solid #ffffff27;background:linear-gradient(145deg,#d1baff35,#9ccaff20);border-radius:13px;color:#eee9ff}.local-badge,.cloud-workspace .local-badge{background:#a5ead011;color:#b7efda;border:1px solid #b0e9d12d}
main{padding:32px;max-width:1760px}.page-head{margin-bottom:26px}.page-head h1{font-size:30px;font-weight:650;letter-spacing:-.8px;color:#f8f8ff}.eyebrow{color:#c8bcf3;letter-spacing:2.4px}.sub,.row-sub,.hint,.field small{color:#bdc9de;line-height:1.8}.panel,.metric,.platform-choice,.step{background:linear-gradient(140deg,#ffffff10,#ffffff04),#1c263ac9;border:1px solid #ffffff22;border-radius:22px;box-shadow:0 14px 35px #050b192a,inset 0 1px #ffffff13;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}.panel-head{border-color:#ffffff16;padding:18px 22px}.panel-head h2,.panel h3,.room-card h3,.media-card h3{color:#f3f5ff;font-weight:600}.panel-body{padding:22px}.metric{padding:23px;min-height:132px}.metric strong{font-size:34px;font-weight:600;letter-spacing:-1.3px;color:#fff}.metric-label{color:#d3ddef;font-size:12px}.metric small{color:#b9c5dc;font-size:11px}.metric-icon,.metric:nth-child(2) .metric-icon,.metric:nth-child(3) .metric-icon,.metric:nth-child(4) .metric-icon{background:#ffffff10;border:1px solid #ffffff20;color:#d8ccff;border-radius:14px}.metric:nth-child(2) .metric-icon{color:#b4eff1}.metric:nth-child(3) .metric-icon{color:#efd0ea}.metric:nth-child(4) .metric-icon{color:#bcdcff}
.btn{border:1px solid #ffffff29;background:linear-gradient(#ffffff12,#ffffff06);border-radius:11px;color:#eff3ff;box-shadow:inset 0 1px #ffffff0b;font-size:12px;padding:10px 15px}.btn:hover{background:#ffffff18;border-color:#ffffff45;color:#fff}.btn.primary{background:linear-gradient(135deg,#ab91ec,#7365c9);border-color:#d8caff7a;color:#fff;box-shadow:0 5px 16px #8e70d62e,inset 0 1px #ffffff38}.btn.primary:hover{background:linear-gradient(135deg,#bfa5fb,#8b79db)}.btn.danger{background:#d765871b;border-color:#e790aa50;color:#ffc6d7}.btn.ghost{background:#ffffff04}.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #cabaff;outline-offset:3px}.room-select,input,select,textarea,.field input,.field select,.field textarea{background:#0d172b70;border:1px solid #b9c9ed36;color:#f4f6ff;border-radius:11px;box-shadow:inset 0 1px 3px #00000010}input::placeholder,textarea::placeholder{color:#aebbd2;opacity:1}select option{background:#202b41;color:#f6f8ff}.field,.switch{color:#dbe3f3}.notice{background:#c5b7ff12;border:1px solid #d0bdff35;color:#e1dcf4;border-radius:14px}.notice.amber{background:#f2c78d10;border-color:#eac58d38;color:#f2dbb7}.badge{background:#c6b4ff19;color:#e2d7ff;border:1px solid #cfbaff27;border-radius:7px}.badge.green{background:#8be9bf14;border-color:#a5e9c52e;color:#b2f3d3}.badge.amber{background:#f2ce8a14;border-color:#f2ce8a30;color:#f4dfb9}.badge.blue{background:#9bcfff16;border-color:#9bcfff30;color:#c6e6ff}.step{border-radius:15px;color:#d6dff0}.step b{color:#d3c5ff}.step.done{background:#baa4ef1c;border-color:#cfb8ff38}.step span{color:#d1c4ef}
.preview{background:radial-gradient(ellipse at 30% 30%,#8d75b832,transparent 65%),linear-gradient(140deg,#19294180,#17233e);border:1px solid #ffffff19;border-radius:16px;color:#d8d9ee}.empty-preview .orbit{background:linear-gradient(140deg,#d4bafd,#8174c6);border-color:#eedbff55;box-shadow:0 10px 45px #c3a4fc25}.preview h3{color:#f2edff}.preview p,.preview-mark{color:#c6c9df}.preview-label{background:#1a2032ad;border-color:#e1d2ff28;color:#dfd9ef;backdrop-filter:blur(12px)}.preview-controls,.feed,.test-box{background:#14213940;border-color:#ffffff16}.feed-item,.row,.list-row,.rule-row,.feature{border-color:#ffffff14}.feed-avatar{background:#a6caff19;color:#d0e4ff}.feed-avatar.ai{background:#bfa0ee20;color:#e5d0ff}.feed-meta{color:#c5d3e9}.feed-meta time{color:#a9b7ce}.feed-body p,.row-title,.rules-reply,.product-body{color:#e9eefb}.row-number,.row-icon{background:#ffffff0d;border-color:#ffffff1c;color:#d7c7f2}.empty{color:#afbdd4}.empty strong{color:#d1d8eb}.platform-choice{padding:24px;border-radius:21px}.platform-choice b{color:#f0f3ff}.platform-choice small{color:#c0cbe0;line-height:1.8}.platform-choice:hover{background:#c8d8ff16;border-color:#d6deff55;transform:translateY(-2px)}.platform-choice.selected,.room-card.active{background:linear-gradient(140deg,#c8b6ff25,#9fcfe610),#1c263abb;border-color:#d1bfff70}.media-card .thumb{background:linear-gradient(135deg,#bba6e820,#8dcddd15);color:#cad4ea}.code{background:#0b162b60;border-color:#ffffff1c;border-radius:12px;color:#cfe1ef}.feature b,.section-label,.health,.overlay-link{color:#c5d5eb}.product-price{color:#cbb9ff}
dialog{background:linear-gradient(145deg,#2c3651eb,#19263aeb);border:1px solid #ffffff35;border-radius:24px;box-shadow:0 35px 100px #02051070,inset 0 1px #ffffff22;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);color:#f3f6ff}dialog::backdrop{background:#070c1b66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-head h2{color:#f5f3ff}.icon-btn{background:#ffffff0c;color:#dce5f7;border:1px solid #ffffff1c;border-radius:10px}#toast{background:#25394ae8;color:#e6fff2;border-color:#a6e6cc40;backdrop-filter:blur(20px);border-radius:14px}#toast.error{background:#4d2d40eb;color:#ffe0e9;border-color:#ffc1d540}footer{border-color:#ffffff12;color:#a9b8cf}footer b{color:#a5b0ca}
@media(max-width:1150px){.sidebar{width:202px}.shell{margin-left:230px}main{padding:26px}.topbar{padding:0 26px}.brand span{font-size:19px}}
@media(max-width:800px){body{background-attachment:scroll}.sidebar{top:10px;bottom:10px;left:8px;width:66px;padding:19px 7px;border-radius:21px}.shell{margin-left:84px}.brand{padding:0 2px 24px}.brand img{width:36px;height:36px}nav button{font-size:0;padding:11px;min-height:42px;border-radius:12px}nav button span{font-size:18px}.topbar{height:66px;padding:0 14px}.breadcrumb{padding:8px 10px;font-size:10px}.breadcrumb b{font-size:11px}.top-right{gap:8px}.top-right>a{font-size:11px!important}.avatar{display:none}.local-badge{display:none}main{padding:22px 14px}.page-head h1{font-size:25px}.panel,.metric,.platform-choice{border-radius:18px}.metric{padding:17px}.metric strong{font-size:29px}.panel-body{padding:17px}.platform-cards{gap:12px}.platform-choice{padding:18px}.topbar,.sidebar{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sidebar,.topbar,.panel,.metric,.platform-choice,.step{background:#202c42}dialog{background:#253047}}
@media(prefers-reduced-transparency:reduce){.sidebar,.topbar,.panel,.metric,.platform-choice,.step{background:#202c42;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Desktop download accent */
.topbar .top-right .desktop-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid #c8b7ff88;border-radius:13px;background:linear-gradient(135deg,#9165ed,#6650cf);color:#fff;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 5px 18px #7752dc44,inset 0 1px 0 #ffffff44;transition:transform .18s,box-shadow .18s}
.topbar .top-right .desktop-download:hover{transform:translateY(-1px);box-shadow:0 8px 24px #9165ed66}
.topbar .top-right .desktop-download:focus-visible{outline:3px solid #b9f4ff;outline-offset:3px}
.desktop-download svg{flex-shrink:0}
@media(max-width:800px){.topbar .top-right .desktop-download{min-height:38px;padding:0 10px;font-size:11px;gap:6px}.desktop-download svg{width:18px;height:18px}}
@media(max-width:460px){.topbar .breadcrumb{font-size:0}.topbar .breadcrumb b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.topbar .top-right .desktop-download{transition:none}}

/* Daylight glass: soft lavender, clear ink, and translucent white surfaces. */
:root{color-scheme:light;--bg:#eef2fa;--panel:#ffffffd9;--panel2:#f2f5fc;--line:#cfd8e7;--muted:#596981;--text:#23324b;--lime:#6855cf;--cyan:#177e99;--red:#bd365c}
body{color:var(--text);background:radial-gradient(ellipse at 8% 0,#e0d9fc,transparent 48%),radial-gradient(ellipse at 95% 35%,#d9edf6,transparent 50%),linear-gradient(145deg,#f6f5fc,#eef4fb 60%,#f2effa);background-attachment:fixed}
.sidebar{background:linear-gradient(145deg,#ffffffeb,#f4f6fbdc);border-color:#ffffff;box-shadow:0 15px 45px #53698c12,inset 0 1px #fff}
.brand span,.breadcrumb b,.page-head h1,.panel-head h2,.panel h3,.room-card h3,.media-card h3,.metric strong,.platform-choice b,.modal-head h2{color:#24314c}
.brand small,.nav-label,.sidebar-foot small,.breadcrumb,.eyebrow{color:#596982}
nav button,nav button span{color:#58677e}nav button:hover{background:#e9edf9;color:#4734aa}
nav button.active,.sidebar nav button.active{background:linear-gradient(110deg,#e8e1ff,#e6edff);color:#5140ae;border-color:#d2c8f4;box-shadow:inset 0 1px #fff,0 4px 12px #62529b09}nav button.active span{color:#6855cf}
.sidebar-foot{border-color:#dce2ed;color:#41556e}.topbar{background:#f7f9fccc;border-color:#d9e1ee}.breadcrumb{background:#ffffffa8;border-color:#dde4ef}.avatar{background:linear-gradient(145deg,#e7def9,#e2edfa);border-color:#d2dced;color:#5c47a6}.local-badge,.cloud-workspace .local-badge{background:#e1f3ec;color:#24654e;border-color:#bbdfcf}
.panel,.metric,.platform-choice,.step{background:linear-gradient(140deg,#fffffff2,#ffffffb8);border-color:#fff;box-shadow:0 12px 32px #5771970c,inset 0 1px #fff}
.panel-head,.feed-item,.row,.list-row,.rule-row,.feature{border-color:#e0e6f0}.metric-label,.field,.switch{color:#41536e}.metric small,.sub,.row-sub,.hint,.field small,.platform-choice small,.feed-meta,.feed-meta time,.empty,.health,.section-label{color:#5b6c83}
.metric-icon,.metric:nth-child(2) .metric-icon,.metric:nth-child(3) .metric-icon,.metric:nth-child(4) .metric-icon{background:#eeeafa;color:#6b55be;border-color:#e0d8f6}.metric:nth-child(2) .metric-icon{background:#e5f3f6;color:#247c91}.metric:nth-child(3) .metric-icon{background:#f8eaf1;color:#a75279}.metric:nth-child(4) .metric-icon{background:#e8effb;color:#4c73b2}
.btn{background:#ffffffcf;color:#42536e;border-color:#cfd9e8;box-shadow:inset 0 1px #fff}.btn:hover{background:#edf0fb;border-color:#b8b0df;color:#5140ae}.btn.primary,.primary{background:linear-gradient(135deg,#7963db,#5e50c2);border-color:#7561d2;color:#fff;box-shadow:0 5px 16px #7561d226}.btn.primary:hover,.primary:hover{background:linear-gradient(135deg,#6954ce,#5144b1)}.btn.danger{background:#fceaf0;border-color:#efc3d0;color:#ad3457}.btn.ghost{background:#ffffff80}.btn.text,.overlay-link{color:#5d48bb}
.room-select,input,select,textarea,.field input,.field select,.field textarea{background:#ffffffdb;color:#263852;border-color:#c6d2e4;box-shadow:inset 0 1px 3px #59719705}input::placeholder,textarea::placeholder{color:#748299}select option{background:#fff;color:#263852}
.notice{background:#eeeafa;border-color:#dcd3f2;color:#5e4c89}.notice.amber{background:#fff5df;border-color:#ead9b3;color:#806021}.badge{background:#eee9fa;color:#6a50a6;border-color:#ddd3f2}.badge.green{background:#e3f4eb;border-color:#c5e6d4;color:#2d7350}.badge.amber{background:#fff1d7;border-color:#eedbb5;color:#88601b}.badge.blue{background:#e7f0fc;border-color:#ccddf5;color:#3d68a2}.step,.step span{color:#5b6980}.step b{color:#6853b3}.step.done{background:#eee9fb;border-color:#d7cdf0}
.preview{background:radial-gradient(ellipse at 30% 20%,#e9e0fb,transparent 65%),linear-gradient(145deg,#e5edf8,#f0f4fb);border-color:#d7dfed;color:#5c6b82}.preview h3,.preview-empty h3{color:#445471}.preview p,.preview-mark{color:#6a7890}.preview-label{background:#ffffffbd;color:#5a527c;border-color:#dcd5ed}.empty-preview .orbit{background:linear-gradient(140deg,#d3bdf7,#9c8de0);border-color:#eee6ff;box-shadow:0 10px 35px #a48bdc25}.preview-controls,.feed,.test-box{background:#f7f9fd9c;border-color:#e0e7f1}.preview-controls .health{color:#5b6c83}
.feed-avatar{background:#e5eefb;color:#5074a5}.feed-avatar.ai{background:#ede4fa;color:#835aa7}.feed-body p,.row-title,.rules-reply,.product-body,.empty strong{color:#3d506c}.row-number,.row-icon{background:#eeeafa;border-color:#ded8ef;color:#795eac}.platform-choice:hover{background:#f6f3ff;border-color:#c9bce9}.platform-choice.selected,.room-card.active{background:linear-gradient(140deg,#f0eaff,#edf5fe);border-color:#b8a8df}.media-card .thumb{background:linear-gradient(135deg,#e9e1f8,#dceef6);color:#657d9c}.code{background:#edf2f9;border-color:#d4dfed;color:#4a607d}.feature b{color:#495e7c}.product-price{color:#7255bf}.switch input{background:#d6deeb}.switch input:checked{background:#7963cf}.pill-count{color:#6d57ad;border-color:#d8cef0}
dialog{background:linear-gradient(145deg,#fffffffa,#f1f4fcf5);border-color:#fff;color:#263852;box-shadow:0 35px 100px #324d7133,inset 0 1px #fff}dialog::backdrop{background:#5264824d}.icon-btn{background:#edf1f9;border-color:#d9e0ee;color:#536780}.loading{color:#62728c}#toast{background:#effaf4f5;color:#246544;border-color:#bcdfce}#toast.error{background:#fff0f4f5;color:#a73558;border-color:#ecc1d0}footer,footer b{color:#73829a;border-color:#dce4f0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8970dd;outline-offset:3px}
/* Membership uses the same daylight materials as the workspace. */
.glass{background:linear-gradient(140deg,#fffffff0,#ffffffb8);border-color:#fff;box-shadow:0 16px 45px #536b8e0d,inset 0 1px #fff}p{color:#596b84}h1 span{background:linear-gradient(105deg,#7254ba,#247f9b);background-clip:text;color:transparent}.back,.secondary{background:#ffffffb5;border-color:#ced9e8;color:#425571}.pill{background:#ede7fb;color:#6852a1;border-color:#dcd2f1}.plan{background:#ffffffbb;border-color:#d8e0ed;color:#263852}.plan:hover{background:#faf9ff;border-color:#b8a7df}.plan.active{background:linear-gradient(145deg,#eee7ff,#edf2ff);border-color:#9b87d8;box-shadow:0 0 0 1px #9b87d833,inset 0 1px #fff}.plan .monthly,.muted,.benefits li span{color:#61718a}.plan .check{color:#7254ba}.benefits li:before{color:#7b61c5}label{color:#425571}.auth-tabs button{color:#6a7890}.auth-tabs button.active{color:#6549ad;border-color:#8c6ece}.expired{color:#b13c5d}#notice{background:#f8faff;color:#354c6a;border-color:#c9d6e9;box-shadow:0 15px 40px #526b8a24}#notice.error{background:#fff0f4;border-color:#e4b4c5;color:#a52e53}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sidebar,.topbar,.panel,.metric,.platform-choice,.step,.glass,dialog{background:#f9fbff}}
@media(prefers-reduced-transparency:reduce){.sidebar,.topbar,.panel,.metric,.platform-choice,.step,.glass,dialog{background:#f9fbff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:800px){body{background-attachment:scroll}}
.member-entry{color:#654b9e!important;background:linear-gradient(120deg,#ece5fa,#e8edfc)!important;border-color:#d7ccee!important}.member-notice{color:#5c4882!important;background:#f0eafa!important;border-color:#d9cdef!important}.member-notice a{color:#3d6893!important}.member-entry+small{color:#63748c!important}
.phone-live-panel{margin-bottom:24px}.phone-live-screen{margin-top:18px;min-height:260px;max-height:660px;background:#e8eef8;border:1px solid #d5deed;border-radius:16px;overflow:hidden;display:grid;place-items:center}.phone-live-screen video{width:100%;max-height:640px;object-fit:contain;background:#172235}.phone-live-empty{text-align:center;padding:55px 25px;color:#536782;line-height:2}.phone-live-empty small{font-size:12px}.phone-live-screen [hidden]{display:none}.phone-live-status{white-space:nowrap}@media(max-width:600px){.phone-live-panel .panel-head{flex-wrap:wrap;gap:8px}.phone-live-panel .toolbar{flex-wrap:wrap}.phone-live-screen{min-height:220px}}

/* 0.5.40 workspace legibility and large-screen density. */
:root{font-size:16px}
main{width:calc(100% - 48px);max-width:1900px;padding:38px 42px 30px}.page-head h1{font-size:36px}.sub{font-size:15px}.eyebrow{font-size:11px}.panel-head h2{font-size:16px}.panel-body{padding:28px}.btn{font-size:14px;padding:12px 18px}.btn.small{font-size:13px;padding:9px 13px}.field,label.field,.switch{font-size:14px}.field small,.hint{font-size:12px}.row-title,.feed-item,.rules-reply,.product-body{font-size:14px}.row-sub,.feed-meta,.health{font-size:12px}.badge{font-size:12px;padding:6px 9px}.platform-cards{grid-template-columns:repeat(4,minmax(210px,1fr));gap:22px}.platform-choice{min-height:190px;padding:30px;display:grid;grid-template-columns:82px 1fr;grid-template-rows:auto auto auto;column-gap:20px;align-content:center}.platform-symbol{grid-row:1/4;width:82px;height:82px;display:grid;place-items:center}.platform-logo{width:72px;height:72px;border-radius:16px}.platform-choice b{font-size:20px}.platform-choice small{font-size:13px}.metric-label{font-size:14px}.metric small{font-size:12px}.metric strong{font-size:38px}.room-card h3{font-size:21px}.cards{grid-template-columns:repeat(4,minmax(240px,1fr));gap:22px}
@media(min-width:1900px){.sidebar{width:236px}.shell{margin-left:266px}main{padding-left:50px;padding-right:50px}.platform-cards{grid-template-columns:repeat(4,minmax(250px,1fr))}.preview{height:430px}.feed{height:405px}}
@media(max-width:1400px){.platform-cards{grid-template-columns:repeat(3,minmax(200px,1fr))}.cards{grid-template-columns:repeat(3,minmax(220px,1fr))}}
@media(max-width:1050px){main{width:100%;padding:28px 24px}.page-head h1{font-size:30px}.platform-cards,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-choice{grid-template-columns:68px 1fr}.platform-symbol{width:68px;height:68px}.platform-logo{width:60px;height:60px}}
@media(max-width:650px){.platform-cards,.cards{grid-template-columns:1fr}.platform-choice{min-height:150px}}

/* 0.5.43: raise every supporting label by roughly two to three pixels. */
.brand small{font-size:12px}.nav-label{font-size:13px}.sidebar-foot,.sidebar-foot small{font-size:13px}.breadcrumb,.local-badge{font-size:14px}.eyebrow{font-size:13px}.sub{font-size:16px}.btn{font-size:15px}.btn.small{font-size:14px}.field,label.field,.switch{font-size:15px}.field small,.hint,.row-sub,.feed-meta,.feed-meta time,.health,.section-label,.metric small{font-size:14px}.row-title,.feed-item,.rules-reply,.product-body,.notice,.empty{font-size:15px}.badge,.preview-label,.tabs,.feed-avatar,.row-number,.queue-count,.step,.step b,.checklist label,.kbd,.pill-count,.alert-status,.overlay-link{font-size:13px}.feature p,.code{font-size:14px}.platform-choice small{font-size:15px}.metric-label{font-size:15px}footer,footer b{font-size:13px}.phone-live-empty small,.member-entry+small{font-size:14px!important}
@media(max-width:800px){.breadcrumb{font-size:13px}.topbar .top-right .desktop-download{font-size:13px}}