.build-studio{color:#eaf5ff;z-index:1;background:radial-gradient(at 15% 0,#16515040,#0000 40%),radial-gradient(at 90% 20%,#5e319133,#0000 45%),#080c19;min-height:100vh;padding:0 28px 80px;font:14px/1.6 Trebuchet MS,system-ui;position:relative}.build-studio *{box-sizing:border-box}.build-studio a{color:#a2efda;text-decoration:none}.build-top{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:auto;padding:25px 0;display:flex}.build-top a{align-items:center;gap:7px;font-size:12px;display:flex}.build-top img{width:160px}.build-heading{max-width:1400px;margin:35px auto}.build-heading>span{letter-spacing:.2em;color:#9eeed9;font-size:10px}.build-heading h1{letter-spacing:-.045em;margin:18px 0;font-size:clamp(32px,5vw,55px);line-height:1.1}.build-heading p{color:#a4b5cf}.build-heading>div,.build-save{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.build-studio button{color:#e2d8ff;font:inherit;cursor:pointer;background:#25203c;border:1px solid #a492d14d;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:12px;display:inline-flex}.build-studio button svg{width:16px;height:16px}.build-studio button:disabled{opacity:.5;cursor:not-allowed}.build-studio button:hover:enabled{background:#263d46;border-color:#9ff1da}.build-studio .primary{color:#101a2c;background:linear-gradient(120deg,#9beedc,#ba9fed);font-weight:800}.build-studio input,.build-studio select,.build-studio textarea{color:#e7f0ff;font:inherit;background:#0c1325;border:1px solid #8c9ab83b;border-radius:8px;min-width:0;padding:10px}.build-studio :is(a,button,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #a0ecd9}.build-login,.build-notice{max-width:1400px;margin:18px auto}.build-login{background:#b59aea10;border:1px solid #ad94df33;border-radius:14px;padding:16px}.build-login a{margin-right:20px}.build-notice{color:#b6f6e6;min-height:20px}.build-editor{background:#0e1525;border:1px solid #7fd9c529;border-radius:19px;max-width:1400px;margin:25px auto 55px;padding:22px}.build-editor fieldset{border:0;min-width:0;margin:0;padding:0}.build-editor header{justify-content:space-between;align-items:center;gap:12px;display:flex}.build-editor h2{margin:0 0 15px;font-size:21px}.build-editor h2 small{color:#99abc6;margin-left:9px;font-size:10px;font-weight:400;display:inline-block}.build-settings{grid-template-columns:1fr 1.3fr 1fr;gap:15px;margin:15px 0;display:grid}.build-settings label{color:#b3c3d9;flex-direction:column;gap:7px;font-size:12px;display:flex}.build-settings small{overflow-wrap:anywhere;font-size:9px}.build-privacy,.build-help{color:#8fa4c1;font-size:11px;line-height:1.6}.build-toolbar{flex-wrap:wrap;align-items:end;gap:9px;margin:20px 0 14px;display:flex}.build-toolbar label{flex-direction:column;gap:4px;font-size:10px;display:flex}.build-toolbar select{font-size:12px}.build-split{grid-template-columns:1.1fr 1fr;gap:15px;min-width:0;display:grid}.build-preview,.build-code{background:#090d19;border:1px solid #7186ab33;border-radius:11px;min-width:0;overflow:hidden}.build-preview>header{color:#c0d0e5;border-bottom:1px solid #7186ab22;height:44px;padding:10px 13px;font-size:11px}.build-preview header small{color:#8194b4;margin-left:auto;font-size:9px}.build-preview iframe{background:#fff;border:0;width:100%;height:560px;display:block}.build-preview iframe.mobile{max-width:390px;margin:auto}.build-code>div{align-items:center;gap:6px;height:44px;padding:6px 9px;display:flex}.build-code button{background:0 0;border-color:#0000;padding:6px 12px;font-size:11px}.build-code button[aria-selected=true]{color:#c9b5ff;background:#40345b}.build-code-label{color:#8093b1;padding:5px 14px;font-size:10px;display:block}.build-code textarea{resize:vertical;tab-size:2;white-space:pre;background:#080e1d;border:0;border-radius:0;width:100%;height:535px;padding:16px;font:12px/1.8 ui-monospace,monospace;overflow:auto}.build-share{overflow-wrap:anywhere;background:#64cbb30d;border-radius:10px;align-items:center;gap:12px;margin-top:17px;padding:15px;display:flex}.build-share a{flex:1;font-size:12px}.build-library{max-width:1400px;margin:auto}.build-library>header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.build-library>header>div{gap:7px;margin-right:auto;display:flex}.build-library .active{color:#c1ffed;background:#285447}.build-page-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.build-page-grid article{background:linear-gradient(140deg,#14232e,#17172c);border:1px solid #9ba0c42b;border-radius:15px;padding:23px}.build-page-grid article>span{color:#a3c4d3;font-size:9px}.build-page-grid h3{overflow-wrap:anywhere;margin:12px 0;font-size:21px}.build-page-grid small{color:#8294af;font-size:10px}.build-page-grid article>div{align-items:center;gap:20px;margin-top:20px;display:flex}.creation-view{color:#deebff;z-index:1;background:#090e1c;min-height:100vh;position:relative}.creation-view>header{justify-content:space-between;align-items:center;gap:25px;padding:17px 25px;display:flex}.creation-view header img{width:140px}.creation-view header>span{flex:1;font:600 15px system-ui}.creation-view header small{color:#a8b8cc;margin-top:5px;font-size:10px;font-weight:400;display:block}.creation-view a{color:#adf4dc}.creation-view>iframe{background:#0c1222;border:0;width:100%;height:900px;min-height:80vh;display:block}.creation-view>section{padding:60px 25px}.creation-view>footer{text-align:center;color:#9baac1;padding:20px;font-size:11px}.creation-disclosure{color:#c2d1e4;background:#253445;margin:0;padding:7px 25px;font-size:10px}@media (max-width:900px){.build-split{grid-template-columns:1fr}.build-code{order:2}.build-preview iframe{height:420px}.build-settings{grid-template-columns:1fr}.build-page-grid{grid-template-columns:1fr 1fr}.build-studio{padding:0 16px 50px}.build-editor{padding:15px}.build-code textarea{height:340px}.creation-view>header{flex-wrap:wrap;gap:15px}.creation-view>header>a:last-child{font-size:11px}}@media (max-width:500px){.build-page-grid{grid-template-columns:1fr}.build-top img{width:120px}.build-top{gap:9px}.build-top a{font-size:10px}.build-share{flex-wrap:wrap}.build-heading>div button{flex:1}.build-editor>header{align-items:start}.build-library>header input{width:100%}.build-editor h2 small{margin-left:0;display:block}}.build-code-errors{color:#ffc8d0;background:#34131e;border:1px solid #ee7183;border-radius:12px;margin:15px 0;padding:18px}.build-code-errors h3{margin:0 0 8px;font-size:16px}.build-code-errors>p{font-size:12px}.build-code-errors>button{text-align:left;color:#ffd0d6;background:#220e18;border-color:#9d4358;width:100%;margin:9px 0;padding:12px;display:block}.build-code-errors button>strong,.build-code-errors button>span,.build-code-errors button>code{display:block}.build-code-errors button>span{margin:5px 0;font-size:12px}.build-code-errors code{white-space:pre-wrap;overflow-wrap:anywhere}.build-code-errors mark{color:#fff;background:#8e283f;padding:2px 4px}.build-studio textarea[aria-invalid=true]{box-shadow:inset 3px 0 #ff647d}.build-studio textarea::selection{color:#fff;background:#99314c}.build-language{color:#a9bad1;align-items:center;gap:10px;padding:8px 12px;font-size:10px;display:flex}.build-language select{flex:1;font-size:11px}.build-isolation{color:#b4d8cf;background:#13302c55;border-left:3px solid #80d7be;padding:12px;font-size:12px}