@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#ece9f2;background:#0e0c13;font-synthesis:none;--purple:#a970ff;--border:#2c2736;--muted:#9991a8;--panel:#16131d}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #bf94ff;outline-offset:4px}button:hover{filter:brightness(1.15)}.rail{width:74px;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;align-items:center;flex-direction:column;padding:24px 12px;gap:22px;background:#121017;z-index:10}.brand-mark{background:#a970ff;width:39px;height:39px;border-radius:11px;color:#190b2c;font-size:38px;line-height:32px;font-weight:700;box-shadow:3px 3px 0 #593687}.rail-links{margin-top:35px;display:flex;flex-direction:column;gap:15px;flex:1}.rail-btn{width:43px;height:43px;border-radius:9px;color:#92889f;font-size:23px}.rail-btn.selected{color:#bc94ff;background:#2c203f}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #5a3f79;background:#30213f;color:#d7b8ff;font-size:12px}.avatar.small{width:29px;height:29px}.shell{margin-left:74px}header{height:80px;border-bottom:1px solid var(--border);padding:0 39px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;letter-spacing:-1.2px}.wordmark span{color:#494150;font-weight:400;padding:0 16px}.wordmark small{font:13px 'DM Sans',sans-serif;color:#aca3b7;letter-spacing:0}.header-right{display:flex;gap:26px;align-items:center;font-size:12px}.private{color:#b4a9c1}.quiet{color:#aaa0b6;padding:8px;font-size:12px}.quiet span{margin-left:12px}main{max-width:1560px;margin:auto;padding:31px 39px 0}.breadcrumb{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#a49aaf}.breadcrumb span{padding:0 12px;color:#4e435d}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:19px 0 27px}.page-heading h1{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:32px;letter-spacing:-1.2px;margin:0 0 8px}.page-heading p{color:#9b92a7;font-size:13px;margin:0}.heading-actions{display:flex;gap:10px}.secondary,.twitch-btn,.primary,.danger{border-radius:7px;padding:11px 15px;font-size:12px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:8px}.secondary{border:1px solid #3c324b;background:#1b1723}.twitch-btn{background:#342146;color:#dec9ff;border:1px solid #60427d}.primary{background:#a970ff;color:#180b2a;box-shadow:0 2px 0 #7444b7}.danger{background:#492234;color:#ffc0d4}.full{width:100%;margin-top:10px;min-height:42px}.stream-bar{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(105deg,#21172f,#19151f 65%);border:1px solid #3b2a4c;border-radius:11px}.stream-avatar{display:grid;place-items:center;background:#61408b;border:1px solid #9872c4;border-radius:10px;width:44px;height:44px;color:#ebd9ff;font-size:17px;position:relative}.stream-avatar i{position:absolute;bottom:-3px;right:-3px;width:11px;height:11px;background:#bb8eff;border-radius:50%;border:2px solid #20162d}.stream-title{display:flex;flex-direction:column;gap:6px}.stream-title strong{font-size:13px;font-weight:600}.stream-title span{font-size:11px;color:#a99bb9}.stream-title b{margin:0 7px;color:#665773}.pill{font-size:8px;letter-spacing:.7px;white-space:nowrap;border:1px solid #51405e;border-radius:4px;padding:5px 7px}.purple{color:#c6a4f9;background:#30223f}.stream-current{border-left:1px solid #3d304c;margin-left:auto;padding-left:25px;display:flex;flex-direction:column;gap:7px}.stream-current>span{font-size:8px;letter-spacing:1.1px;color:#a395b0}.stream-current strong{font-size:12px;font-weight:500}.stream-current b{color:#635171;margin:0 5px}.checkpoint-strip{display:flex;border:1px solid #302938;border-radius:9px;margin:22px 0;overflow:hidden;background:#15121b}.checkpoint{flex:1;display:flex;align-items:center;gap:12px;position:relative;padding:18px 18px;text-align:left;border-right:1px solid #302938}.checkpoint:last-child{border:0}.checkpoint.active{background:#251b32}.step-number{color:#b4a7c4;background:#221c2b;border:1px solid #40344c;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:10px}.active .step-number{background:#a970ff;color:#160925;border-color:#a970ff}.checkpoint small{display:block;font-size:8px;color:#b4a7c4;letter-spacing:1px;margin-bottom:5px}.checkpoint strong{font-size:11px;font-weight:500;white-space:nowrap}.checkpoint em{font-style:normal;font-size:7px;letter-spacing:.7px;color:#c3a0f1;padding:4px;border:1px solid #544067;border-radius:3px;margin-left:auto}.target-dot{font-size:7px;color:#b98af7}.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:20px;align-items:start}.studio{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#131018}.studio-heading{height:55px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.studio-heading>div{display:flex;gap:10px;align-items:center}.studio-heading strong{font-size:12px;font-weight:500}.tiny-icon{color:#aa8fc8}.label{font-size:7px;padding:3px 5px;border-radius:3px;border:1px solid #3b3246;color:#91839f;letter-spacing:.7px}.studio-heading>span{font-size:9px;color:#8c8198}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #282230;background:#17131e}.file-tabs{display:flex}.file-tab{font-size:10px;padding:13px;border-right:1px solid #292231;color:#8b8099;display:flex;align-items:center;gap:7px;border-bottom:2px solid transparent}.file-tab.active{color:#e1d4ee;background:#1d1726;border-bottom:2px solid #a970ff}.file-icon{font-size:10px;color:#c29bfa}.file-icon.js{color:#dfbf7d;font-size:8px}.lock{font-size:10px;color:#a48abf}.protect{font-size:9px;color:#a596b7;padding:10px}.editor{height:245px;display:flex;padding:17px 0 0;background:#141019}.editor textarea{resize:none;background:transparent;border:0;color:#c2a7e8;font:11px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;flex:1;min-width:0;padding:0 15px 15px 0;tab-size:2;white-space:pre;outline-offset:-2px}.editor textarea:focus{outline:0;background:#17121e}#line-numbers{width:44px;flex-shrink:0;overflow:hidden;text-align:right;padding-right:16px;color:#b4a7c4;font:10px/2.09 ui-monospace,monospace;user-select:none}#line-numbers span{display:block}.editor-status{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#776b86;font-size:8px;border-bottom:1px solid var(--border)}.editor-status b{padding:0 7px;font-weight:400;color:#463a54}.preview-toolbar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#19151f}.preview-toolbar strong{font-size:11px;font-weight:500}.preview-toolbar strong span{color:#9987ae;margin-right:6px}.preview-url{font:8px ui-monospace,monospace;color:#b4a7c4;border:1px solid #302736;border-radius:4px;padding:5px 20px}.preview-wrap{height:390px;background:radial-gradient(ellipse at 50% 40%,#261936,#141018)}iframe{border:0;width:100%;height:100%;display:block}.preview-bottom{padding:10px 15px;font-size:8px;display:flex;justify-content:space-between;color:#8c7e9c;border-top:1px solid #282030}.recovery{background:linear-gradient(155deg,#21172e,#19141f 44%);border:1px solid #443052;border-radius:11px;overflow:hidden;position:sticky;top:18px}.recovery-top{display:flex;align-items:center;gap:9px;padding:18px 16px;border-bottom:1px solid #35253f}.recovery-top strong{font-size:11px;font-weight:500}.recovery-top .label{margin-left:auto;font-size:6px}.spark{color:#b98af7;font-size:20px}#recovery-content{padding:24px 24px 20px}.orbit{width:83px;height:75px;position:relative;display:grid;place-items:center;margin:3px 0 26px}.orbit:before{content:'';position:absolute;inset:0;border:1px solid #5b3b76;border-radius:50%;transform:rotate(-30deg) scaleX(1.16)}.orbit span{font-size:50px;color:#bd8fff;transform:rotate(-12deg);line-height:1;background:#332048;border:1px solid #7547a1;border-radius:15px;width:56px;height:55px;text-align:center;box-shadow:5px 5px 0 #21142e}.orbit i{position:absolute;color:#c49bf9;right:-7px;top:1px;font-size:19px;font-style:normal}.orbit b{position:absolute;left:-10px;bottom:7px;color:#8756af;font-weight:400}.eyebrow{font-size:8px;color:#b094cd;letter-spacing:1.4px;font-weight:600}h2{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:500;line-height:1.18;letter-spacing:-.8px;margin:14px 0}#recovery-content>p{font-size:11px;line-height:1.9;color:#a99bb8;margin-bottom:23px}.target-card{border:1px solid #483353;background:#2a1d36;padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin:22px 0}.target-card>span{font-size:7px;letter-spacing:1.2px;color:#ad93c4}.target-card strong{font-size:11px;font-weight:500;display:flex;gap:8px;align-items:center}.target-card i{font-style:normal;padding:4px 5px;border-radius:4px;background:#523371;color:#d7b9ff;font-size:8px}.target-card small{font-size:10px;color:#a18bac;line-height:1.6}.promise{display:flex;gap:10px;margin:20px 0}.promise>span{color:#bc8df0;font-size:22px}.promise strong{display:block;font-size:10px;font-weight:500;margin:2px 0 6px}.promise small{display:block;font-size:9px;line-height:1.6;color:#9e8aac}.fineprint{display:block;font-size:8px!important;color:#9b8ba9;line-height:1.8;text-align:center;margin-top:12px}.divider{border-top:1px solid #34263e;margin:24px 0 19px}.mini-title{font-size:7px;letter-spacing:1px;color:#8a769d;margin-bottom:10px}.text-row{padding:10px 0;font-size:10px;color:#baa8ca;text-align:left;width:100%;display:flex;justify-content:space-between}.recovery-foot{text-align:center;border-top:1px solid #34253e;color:#8e779f;font-size:9px;padding:15px}.bottom-note{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#93869f;margin:15px 0 30px}.bottom-note strong{color:#b1a3bd;font-weight:500;margin:0 8px}.bottom-note span span{padding:0 6px}footer{border-top:1px solid #2b2333;padding:19px 0 25px;color:#83768f;font-size:9px;display:flex;justify-content:space-between;gap:20px}footer b{font-size:20px;color:#aa76e5;margin-left:10px}.purple-dot{display:inline-block;width:5px;height:5px;background:#aa76e5;border-radius:50%;margin-right:6px}.muted{color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.guide-card{padding:28px;border:1px solid #3a2b48;border-radius:12px;background:#1a1422;margin-bottom:20px}.guide-card p{font-size:13px;line-height:1.9;color:#b2a3bf}.guide-card h2{font-size:25px}.info-banner{border:1px solid #473153;padding:18px;color:#c4a9d9;border-radius:9px;font-size:12px;line-height:1.8;margin:20px 0}.host-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:25px}.host-controls{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.link-button{display:inline-flex;cursor:pointer}.review-files{border:1px solid #473354;border-radius:8px;overflow:hidden;margin:24px 0}.review-files>div{display:flex;justify-content:space-between;padding:13px;font-size:11px;border-bottom:1px solid #3c2b46}.review-files small{color:#b79dcd;font-size:9px}.hint-box{padding:17px;border:1px solid #4c355d;background:#2a1c38;border-radius:8px;margin:20px 0}.hint-box strong{font-size:12px}.hint-box p{font-size:11px;line-height:1.8;color:#b7a3c8;margin-bottom:0}code{font:11px ui-monospace,monospace;color:#d2acf9}.review-label{font-size:8px;letter-spacing:1px;color:#bc94de}.diff{border:1px solid #493254;border-radius:7px;overflow:hidden;font:9px ui-monospace,monospace;margin:20px 0}.diff>div{padding:12px;background:#291c32;color:#c3afd5;font-size:10px}.diff>div span{float:right;font:8px 'DM Sans',sans-serif;color:#9780a8}.diff pre{white-space:pre-wrap;word-break:break-word;padding:12px;margin:0;line-height:1.8}.removed{background:#392031;color:#ef9fbd}.added{background:#2c2144;color:#cba9ff}.check-list{padding:0;list-style:none;font-size:10px;color:#baa6ce;line-height:2.6}.check-result{font-size:10px;line-height:1.8;color:#cdb2e7;border-top:1px solid #45314f;padding-top:14px}.success-orbit{font-size:44px;border:1px solid #704598;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;color:#c394ff;margin-bottom:25px}dialog{background:#211829;color:#eee5f6;border:1px solid #674581;border-radius:16px;max-width:490px;width:calc(100% - 32px);padding:32px;box-shadow:0 30px 130px #000a}dialog::backdrop{background:#08060dbd;backdrop-filter:blur(6px)}dialog p,dialog li{font-size:13px;line-height:1.8;color:#c1afce}dialog li{margin-bottom:12px}dialog label{font-size:12px;color:#c8b5d8;display:block;margin:18px 0}dialog input:not([hidden]),dialog textarea{display:block;background:#15101c;border:1px solid #624479;border-radius:7px;padding:12px;color:#eee;width:100%;margin-top:10px}dialog textarea{height:100px}.settings-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#39264b;color:#ecdaff;padding:14px 22px;max-width:90vw;border:1px solid #79539b;border-radius:9px;font-size:12px;z-index:100;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.overlay{margin:30px;background:#1e142c;border:2px solid #a970ff;border-radius:20px;padding:35px;max-width:700px}.brand{display:flex;align-items:center;gap:15px;font-size:25px}.brand b{color:#bb85ff}.overlay h1{font:36px 'Space Grotesk',sans-serif}.overlay p{color:#d3b0ff}.overlay small{color:#a394b2}@media(min-width:1500px){.work-layout{grid-template-columns:minmax(0,1fr) 370px}.editor{height:270px}.preview-wrap{height:410px}#recovery-content{padding:30px}.recovery h2{font-size:30px}.recovery p{font-size:12px!important}}@media(max-width:1150px){main{padding:25px 23px 0}header{padding:0 23px}.work-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.checkpoint{padding:15px 11px;gap:7px}.checkpoint em{display:none}.stream-current{padding-left:15px}.preview-url{display:none}.protect{font-size:0}.protect::first-letter{font-size:14px}.file-tab{padding:12px 9px}.bottom-note{line-height:1.8}.stream-bar>.pill{display:none}#recovery-content{padding:22px 20px}.page-heading h1{font-size:29px}}@media(max-width:900px){.rail{width:58px;padding:23px 7px}.shell{margin-left:58px}.work-layout{grid-template-columns:1fr}.recovery{position:static}.recovery #recovery-content{max-width:650px;margin:auto}.orbit{float:right;margin:10px 20px}.checkpoint strong{font-size:10px}.header-right .private{display:none}.page-heading{align-items:flex-start;gap:20px}.heading-actions{flex-direction:column}.stream-current{display:none}.guide-grid,.host-grid{grid-template-columns:1fr}.preview-wrap{height:410px}.bottom-note{align-items:flex-start}.bottom-note>span{max-width:70%}footer span:last-child{display:none}}@media(max-width:540px){main{padding:22px 14px 0}header{padding:0 15px;height:67px}.wordmark small,.wordmark span,.header-right .quiet{display:none}.page-heading{display:block}.page-heading h1{font-size:25px}.heading-actions{flex-direction:row;margin-top:19px}.heading-actions button{font-size:10px}.stream-bar{padding:14px 11px}.stream-title strong{font-size:11px}.stream-title span{font-size:9px}.stream-title b{margin:0 3px}.stream-avatar{display:none}.checkpoint{padding:12px 6px;flex-direction:column;align-items:flex-start;gap:8px}.checkpoint small{font-size:6px;letter-spacing:.4px}.checkpoint strong{font-size:8px;white-space:normal}.step-number{width:23px;height:23px;font-size:8px}.target-dot{position:absolute;right:7px;top:17px}.studio-heading{padding:0 10px}.studio-heading>span{font-size:7px}.file-tab{font-size:8px;padding:12px 7px;gap:4px}.editor textarea{font-size:10px}.editor-status{font-size:6px}.preview-bottom{font-size:7px;gap:10px}.bottom-note{font-size:8px}.preview-wrap{height:430px}.guide-card{padding:20px}dialog{padding:23px}.recovery-top strong{font-size:10px}.preview-toolbar .quiet{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.full-diff{font-size:10px;color:#c8afdf;margin:14px 0}.full-diff summary{cursor:pointer;padding:8px 0}.full-diff pre{white-space:pre-wrap;overflow-wrap:anywhere;font:9px/1.8 ui-monospace,monospace;background:#17101f;padding:12px;border-radius:6px}
.pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.pulse-grid>div{background:#2b1e38;border:1px solid #52366c;border-radius:10px;padding:16px 10px}.pulse-grid strong{display:block;color:#d9b8ff;font:30px 'Space Grotesk',sans-serif}.pulse-grid span{font-size:10px;color:#b7a2c9}.pulse-grid p{grid-column:1/-1}.host-welcome{max-width:650px;margin:30px auto;padding:45px}.host-welcome h2{font-size:34px}.check-label{display:flex!important;align-items:center;gap:10px;line-height:1.7}.check-label input{width:18px!important;height:18px;margin:0!important;accent-color:#a970ff}select{display:block;width:100%;margin-top:10px;border:1px solid #654281;border-radius:6px;background:#181020;color:#ecdef7;padding:12px;font:inherit}.consent-code{font:11px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto;padding:14px;background:#15101c;border-radius:7px}dialog details{font-size:12px;color:#c4acd8}dialog summary{cursor:pointer}.bottom-note>div{display:flex;flex-wrap:wrap;justify-content:flex-end}
/* Keyboard and low-vision support for the release review and import flows. */
input[type=file],select{max-width:100%;font:inherit;color:inherit;background:#211829;padding:10px;border:1px solid #9174aa;border-radius:6px}select:focus-visible,summary:focus-visible,pre:focus-visible{outline:2px solid #d9b8ff;outline-offset:3px}.editor textarea:focus-visible{outline:2px solid #cfa6ff;outline-offset:-3px}.consent-code,.full-diff pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;font:12px/1.6 ui-monospace,monospace}.check-label input[type=checkbox]{width:auto;display:inline-block;margin-right:8px}fieldset{border:1px solid #9174aa;border-radius:6px}.bottom-note{flex-wrap:wrap;gap:12px}.bottom-note>div{display:flex;flex-wrap:wrap}.fineprint{font-size:11px!important;color:#c0adce}.editor-status,.preview-bottom{font-size:10px;color:#b4a4c3}
