:root{color:#27373b;font-synthesis:none;background:#eeeae1;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #e2bd7e}[hidden]{display:none!important}.site{background:radial-gradient(at 10% 5%,#d5e1d7,#0000 60%),#f2efe7;min-height:100vh;padding:130px max(6vw,24px) 100px;position:relative}.xcast-credit{color:#68697a;letter-spacing:-.025em;font-size:16px;font-weight:700;text-decoration:none;transition:color .2s;position:absolute;bottom:30px;right:max(6vw,24px)}.xcast-credit span{color:#f04d73;margin:0 4px}.xcast-credit:hover{color:#303641}.site header{border-bottom:1px solid #acb4ab;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.brand{letter-spacing:-.05em;font-size:28px;font-weight:750}.site nav{gap:28px;font-size:13px;display:flex}.site h1{letter-spacing:-.07em;margin:80px 0 25px;font-size:clamp(52px,7vw,100px);line-height:1.02}.site p{color:#63716e;max-width:530px;font-size:17px;line-height:1.7}.cta{color:#fff;background:#29423e;border-radius:40px;margin-top:20px;padding:15px 22px;font-size:13px;display:inline-block}.tiles{gap:18px;margin-top:75px;display:flex}.tile{color:#61716a;border-top:1px solid #b6bcb2;flex:1;padding:28px 0;font-size:14px}.studio-bar{z-index:2147483001;color:#e2e8e8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#10171dea;border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;gap:16px;padding:18px 27px;display:flex;position:fixed;top:0;left:0;right:0}.studio-brand{white-space:nowrap;align-items:center;gap:11px;font-size:15px;font-weight:650;display:flex}.mark{color:#d8c096;flex:none;width:25px;height:25px}.studio-brand small{letter-spacing:.12em;color:#7e939d;margin-left:6px;font:9px ui-monospace,monospace}.studio-actions{align-items:center;gap:12px;display:flex}.studio-actions label{color:#92a2aa;align-items:center;gap:8px;font-size:10px;display:flex}.studio-actions select{color:#d7e1e3;background:#202b32;border:0;border-radius:5px;padding:7px;font-size:11px}.studio-bar button,.studio-bar .github-link{color:#c8d4d7;white-space:nowrap;background:0 0;border:1px solid #ffffff25;border-radius:6px;padding:9px 13px;font-size:11px;text-decoration:none}.studio-bar .github-link:hover{color:#fff;border-color:#fff5}#studio-menu{display:none}.studio-bar #configure{color:#232a2c;background:#d3c19e;border-color:#d3c19e}.studio-bar #install,.studio-bar #get-extension{color:#e5d8bf;border-color:#d3c19e66}.studio-bar #configure span{padding-left:15px}#panel{z-index:2147483002;color:#d6e0e5;scrollbar-width:thin;scrollbar-color:#52616b transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#152028f5;border:1px solid #b8ced126;border-radius:12px;width:330px;padding:24px;position:fixed;top:82px;bottom:16px;right:16px;overflow:auto;box-shadow:0 20px 80px #0007}.panel-heading{letter-spacing:.15em;color:#a89c83;justify-content:space-between;align-items:center;font-size:9px;display:flex}.panel-heading button{color:#a6b5bf;background:0 0;border:0;font-size:23px}#panel h1{letter-spacing:-.045em;margin:14px 0 8px;font-size:25px;font-weight:500}.intro{color:#8f9fa9;margin-bottom:22px;font-size:11px}.tabs{border:1px solid #ffffff18;border-radius:6px;margin-bottom:22px;display:flex;overflow:hidden}.tabs button{color:#9babb5;background:0 0;border:0;flex:1;padding:10px;font-size:11px}.tabs .selected{color:#ece8dc;background:#34424a}.section-label{letter-spacing:.12em;color:#a99f8a;border-top:1px solid #ffffff14;margin:26px 0 17px;padding-top:20px;font:9px ui-monospace,monospace}.field{color:#aab9c0;margin:14px 0;font-size:11px;display:block}.field input,.field select{color:#e0e6e8;background:#202e37;border:1px solid #ffffff1c;border-radius:5px;width:100%;margin-top:8px;padding:9px;font-size:11px;display:block}.button-row{gap:8px;display:flex}.button-row button{color:#b9c9d0;background:#23343f;border:1px solid #ffffff1c;border-radius:5px;flex:1;padding:9px 5px;font-size:10px}.slider{margin:17px 0;display:block}.slider span{color:#b2c0c8;justify-content:space-between;font-size:11px;display:flex}.slider output{color:#d9c39c;font:10px ui-monospace,monospace}.slider input{accent-color:#d4c19e;width:100%;height:3px;margin:12px 0 0}.check{color:#a7b7bf;align-items:center;gap:8px;margin-top:13px;font-size:11px;display:flex}.check input{accent-color:#d4c19e}.footnote{color:#778c98;font-size:10px;line-height:1.7}#feedback{color:#d4c19e;margin-top:10px;font-size:11px;display:block}#install-dialog,.install-dialog{color:#dce5e8;background:#152028;border:1px solid #b8ced12e;border-radius:18px;width:min(620px,100vw - 32px);padding:0;box-shadow:0 35px 120px #000c}#install-dialog::backdrop,.install-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081015b8}.install-heading{justify-content:space-between;gap:24px;padding:30px 32px 20px;display:flex}.install-kicker{color:#b9a987;letter-spacing:.14em;font:9px ui-monospace,monospace}.install-heading h2{letter-spacing:-.045em;margin:9px 0 0;font-size:clamp(25px,5vw,36px);font-weight:540;line-height:1.08}#install-close,.install-close{color:#a9b6bc;background:0 0;border:0;align-self:flex-start;font-size:25px}.install-intro{color:#94a5ad;max-width:540px;margin:0;padding:0 32px 23px;font-size:13px;line-height:1.65}.install-steps{grid-template-columns:1fr 1fr;gap:1px;margin:0;padding:0 32px;list-style-position:inside;display:grid}.install-steps li{color:#d9e1e4;background:#1d2a32;padding:16px;font-size:12px}.install-steps span{color:#84969f;margin:5px 0 0 18px;font-size:10px;display:block}.install-code{background:#0e171d;border:1px solid #ffffff14;border-radius:9px;align-items:flex-start;gap:12px;margin:16px 32px 0;padding:15px;display:flex}.install-code code{overflow-wrap:anywhere;color:#c5d2d7;-webkit-user-select:all;user-select:all;flex:1;font:11px/1.6 ui-monospace,monospace}.install-code button,.install-actions button{color:#cbd7dc;background:#22323c;border:1px solid #ffffff20;border-radius:6px;padding:8px 11px;font-size:10px}#install-feedback{color:#d4c19e;min-height:17px;margin:7px 32px 0;font-size:10px;display:block}.install-actions{justify-content:flex-end;gap:9px;padding:8px 32px 0;display:flex}#download-embed,#download-extension{color:#20292d;background:#d3c19e;border-radius:7px;padding:10px 16px;font-size:11px;font-weight:650;text-decoration:none}.install-steps.extension-steps{grid-template-columns:repeat(3,1fr);margin-bottom:20px}.install-note{color:#788b94;border-top:1px solid #ffffff12;margin:22px 0 0;padding:16px 32px 20px;font-size:10px;line-height:1.6}.install-note code{color:#aebcc2}@media (width<=1120px){.studio-bar{gap:7px;padding:12px 14px}.studio-brand{font-size:13px}.studio-brand small{font-size:8px}.studio-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#10171df5;border:1px solid #ffffff18;border-radius:10px;flex-wrap:wrap;gap:8px;width:min(310px,100vw - 20px);padding:14px;display:none;position:absolute;top:calc(100% + 8px);right:10px;box-shadow:0 18px 60px #0008}.studio-actions.open{display:flex}.studio-actions label{justify-content:space-between;gap:4px;width:calc(50% - 4px);font-size:9px}.studio-actions button{padding:7px 8px;font-size:10px}.studio-actions button,.studio-actions .github-link{text-align:center;flex:calc(50% - 4px)}#studio-menu{place-content:center;gap:4px;width:38px;height:36px;margin-left:auto;padding:9px;display:grid}#studio-menu span{background:#d8e1e4;width:17px;height:1px;transition:transform .2s,opacity .2s;display:block}#studio-menu[aria-expanded=true] span:first-child{transform:translateY(5px)rotate(45deg)}#studio-menu[aria-expanded=true] span:nth-child(2){opacity:0}#studio-menu[aria-expanded=true] span:last-child{transform:translateY(-5px)rotate(-45deg)}.studio-actions #install,.studio-actions #get-extension{order:5}.studio-actions #configure span{display:none}}@media (width<=700px){.xcast-credit{text-align:center;width:max-content;left:50%;right:auto;transform:translate(-50%)}#panel{width:min(330px,100vw - 24px);top:68px;right:12px}.site nav{display:none}.tiles{flex-direction:column}.site h1{margin-top:60px}.install-heading,.install-intro{padding-left:22px;padding-right:22px}.install-steps,.install-steps.extension-steps{grid-template-columns:1fr;padding:0 22px}.install-code{flex-direction:column;margin-left:22px;margin-right:22px}.install-actions{padding-left:22px;padding-right:22px}}.tabs a{text-align:center;color:#cabb9f;flex:1;padding:10px;font-size:11px;text-decoration:none}
