[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{color:#edf8f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1720}body{background:#0d1720;margin:0}.hub{max-width:1080px;margin:auto;padding:24px 16px 48px}.hub a:not(.dk-btn){color:#89e4d2}.hub .hero{max-width:760px;margin:12px 0 32px}.hub p{margin:0 0 10px;line-height:1.55}.hub .muted{color:#a9bfc4;font-size:13px}.hub .device{color:#d8f3ee;background:#13303a;border:1px solid #2f5a66;border-radius:12px;padding:10px 14px}.hub .device:empty{display:none}.hub .offline-status{color:#c8dde0;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:14px;display:flex}.hub #offline-text{flex:220px;min-width:0}.hub .dot{background:#7d8f95;border-radius:50%;flex:none;width:10px;height:10px}.hub [data-state=ready] .dot{background:#4fd1a5}.hub :is([data-state=partial],[data-state=pending]) .dot{background:#f0c36a}.hub [data-state=off] .dot{background:#d77b7b}.hub .apps{gap:14px;margin:0 0 40px;padding:0;list-style:none;display:grid}.hub .app{background:#172832;border:1px solid #35505b;border-radius:16px;grid-template-columns:64px minmax(0,1fr);gap:14px 16px;padding:18px;display:grid}.hub .app img{border-radius:14px;width:64px;height:64px}.hub .info{min-width:0}.hub .blurb{color:#d6e6e8}.hub .offline{margin:0}.hub .actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.hub .panel{background:#172832;border:1px solid #35505b;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 0 40px;padding:22px;display:grid}.hub .kit-actions{justify-items:start;gap:8px;max-width:340px;display:grid}.hub #kit-meta{overflow-wrap:anywhere}.hub code{background:#0d1d26;border-radius:5px;padding:1px 5px}.hub .how{gap:8px;margin-bottom:28px;display:grid}.hub details{background:#13232c;border:1px solid #2f4a55;border-radius:12px;padding:10px 14px}.hub summary{cursor:pointer;min-height:24px;font-weight:700}.hub details p{color:#d6e6e8;margin:8px 0 2px}#qr-dialog{text-align:center;max-width:min(380px,100vw - 32px);padding:22px}#qr-dialog .qr-box{background:#fff;border-radius:12px;width:min(260px,100%);margin:12px auto;padding:10px}#qr-dialog .qr-box svg{width:100%;height:auto;display:block}#qr-dialog .qr-url{overflow-wrap:anywhere;font-size:13px}@media (width>=720px){.hub .app{grid-template-columns:64px minmax(0,1fr) auto;align-items:center}.hub .actions{grid-column:auto;justify-content:flex-end;max-width:440px}}@media (width<=640px){.hub .panel{grid-template-columns:1fr}}body[data-studio=apps] .hub{color:#dceaf4;max-width:1280px;padding:44px 28px 70px}body[data-studio=apps] .hub .hero{border-bottom:1px solid #2d4356;grid-template-columns:minmax(0,1fr) minmax(240px,370px);gap:0 60px;max-width:none;margin:0 0 26px;padding-bottom:24px;display:grid;position:relative}body[data-studio=apps] .hero>.dk-kicker{grid-column:1;justify-self:start}body[data-studio=apps] .hero h1{letter-spacing:-.05em;max-width:650px;margin:14px 0 16px;font-size:clamp(34px,4.5vw,58px);font-weight:650;line-height:1.08}body[data-studio=apps] .hero>.dk-lead{color:#9ab3c8;grid-column:1;max-width:670px;margin:0;font-size:14px;line-height:1.8}body[data-studio=apps] .hero .device{color:#a4c6da;background:#142b3c;border-color:#33556d;border-radius:8px;grid-area:2/2;align-self:end;margin:0;padding:16px 18px;font-size:12px;line-height:1.8}body[data-studio=apps] .offline-status{color:#93b6cc;grid-area:3/2;align-self:start;margin-top:14px;font-size:12px;line-height:1.7}body[data-studio=apps] .offline-status .dot{width:6px;height:6px}body[data-studio=apps] .hub-workflow{color:#8eb3cb;letter-spacing:.08em;align-items:center;gap:18px;padding:0 0 34px;font-size:12px;display:flex}body[data-studio=apps] .hub-workflow i{background:#37566c;flex:none;width:38px;height:1px}body[data-studio=apps] .hub-overline{letter-spacing:.14em;color:#799eb9;margin-bottom:8px;font-size:12px;font-weight:650;display:block}body[data-studio=apps] .hub-section-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px;display:flex}body[data-studio=apps] .hub-section-heading h2{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:650}body[data-studio=apps] .hub-search{color:#7b9bb4;background:#101f2e;border:1px solid #36526a;border-radius:7px;align-items:center;gap:10px;padding:9px 12px;display:flex}body[data-studio=apps] .hub-search svg{flex:none;width:16px;height:16px}body[data-studio=apps] .hub-search input{color:#d9e9f4;background:0 0;border:0;width:200px;min-width:0;padding:0;font:13px Manrope,system-ui,sans-serif}body[data-studio=apps] .hub-search:focus-within{border-color:#9dc6e8}body[data-studio=apps] .hub .apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:38px}body[data-studio=apps] .hub .app{background:#142536;border:1px solid #2d455b;border-radius:11px;grid-template-columns:35px minmax(0,1fr);align-content:start;gap:16px 12px;min-width:0;padding:0 20px 20px;display:grid;position:relative;overflow:hidden}body[data-studio=apps] .hub .app[hidden]{display:none!important}body[data-studio=apps] .hub-card-art{color:#75b5d5;background:radial-gradient(at 30% 0,#365b783e,#0000 70%),#102131;border-bottom:1px solid #2d455b;grid-column:1/-1;justify-content:center;align-items:center;height:137px;margin:0 -20px 2px;display:flex}body[data-studio=apps] .hub-card-art svg{opacity:.85;width:240px;max-width:100%;height:116px}body[data-studio=apps] .app[data-app=cinema] .hub-card-art{color:#8fbfda;background:#142432}body[data-studio=apps] .app[data-app=create] .hub-card-art{color:#c8aa71;background:#292a28}body[data-studio=apps] .app[data-app=video] .hub-card-art{color:#92aeff;background:#1c2841}body[data-studio=apps] .app[data-app=voice] .hub-card-art{color:#d7a5c6;background:#2b263b}body[data-studio=apps] .hub .app>img{object-fit:contain;background:#203448;border-radius:8px;grid-area:2/1;width:35px;height:35px;margin-top:24px}body[data-studio=apps] .hub .app>.info{grid-area:2/2}body[data-studio=apps] .hub .info .hub-overline{letter-spacing:.09em;margin-bottom:7px;font-size:12px}body[data-studio=apps] .hub .info h3{letter-spacing:-.025em;margin:0 0 12px;font-size:17px;font-weight:650}body[data-studio=apps] .hub .blurb{color:#a4bbce;min-height:90px;margin:0 0 10px;font-size:13px;line-height:1.75}body[data-studio=apps] .hub .offline{color:#6f96b0;min-height:40px;font-size:12px;line-height:1.6}body[data-studio=apps] .hub .actions{grid-column:1/-1;justify-content:flex-start;gap:6px;max-width:none;margin-top:6px;display:flex}body[data-studio=apps] .hub .actions .dk-btn{min-height:32px;padding:7px 10px;line-height:1.3;font-size:12px!important}body[data-studio=apps] .hub .actions .open{color:#e0f0fa!important;background:#335570!important;border-color:#719dbd!important}body[data-studio=apps] .hub .actions .phone,body[data-studio=apps] .hub .actions .share{font-size:12px!important}body[data-studio=apps] #included-workspaces{margin-bottom:40px}body[data-studio=apps] .hub-extra-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}body[data-studio=apps] .hub-extra{background:#132536;border:1px solid #304b60;border-radius:10px;grid-template-columns:155px 1fr;min-width:0;display:grid;overflow:hidden}body[data-studio=apps] .hub-extra[hidden]{display:none!important}body[data-studio=apps] .hub-extra>div:last-child{padding:22px}body[data-studio=apps] .hub-extra h3{letter-spacing:-.03em;color:#deedf7;margin:0 0 10px;font-size:19px}body[data-studio=apps] .hub-extra p{color:#9bb6cb;margin:0 0 18px;font-size:13px;line-height:1.7}body[data-studio=apps] .hub-extra-art{color:#8abbd3;background:linear-gradient(160deg,#224056,#142638);justify-content:center;align-items:center;display:flex}body[data-studio=apps] .hub-extra-art svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:210px;max-width:100%}body[data-studio=apps] .music-art{color:#72cbbb;background:linear-gradient(160deg,#203b40,#122a33)}body[data-studio=apps] .hub-extra a{min-height:32px;padding:8px 11px}body[data-studio=apps] .hub .kit{background:linear-gradient(120deg,#1a3044,#152536);border-color:#36546e;border-radius:10px;margin:0 0 38px;padding:27px}body[data-studio=apps] .hub .kit h2{letter-spacing:-.03em;margin-top:12px;font-size:23px}body[data-studio=apps] .hub .kit p{color:#9db7ca;font-size:13px;line-height:1.8}body[data-studio=apps] .hub .kit .muted{color:#7597b0;font-size:12px}body[data-studio=apps] .hub .kit-actions{max-width:300px}body[data-studio=apps] .hub .how{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}body[data-studio=apps] .hub details{color:#b2ccdf;background:#132536;border:1px solid #2b455b;border-radius:7px;padding:14px;font-size:13px}body[data-studio=apps] .hub details p{color:#8ba9bf;font-size:12px;line-height:1.8}body[data-studio=apps] .hub .privacy{color:#7498b2;border-top:1px solid #2b455b;padding-top:20px;font-size:12px;line-height:1.8}body[data-studio=apps] #studio-search-empty{color:#b0c9dc;padding:15px 0;font-size:13px}@media (width<=1050px){body[data-studio=apps] .hub .apps{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-studio=apps] .hub-extra{grid-template-columns:110px 1fr}body[data-studio=apps] .hub .hero{grid-template-columns:1.2fr 1fr;gap:0 30px}}@media (width<=700px){body[data-studio=apps] .hub{padding:28px 16px 44px}body[data-studio=apps] .hub .hero{margin-bottom:22px;display:block}body[data-studio=apps] .hero h1{margin:15px 0;font-size:36px}body[data-studio=apps] .hero>.dk-lead{font-size:13px}body[data-studio=apps] .hero .device{margin-top:22px;padding:12px}body[data-studio=apps] .offline-status{margin-top:12px}body[data-studio=apps] .hub-workflow{letter-spacing:0;justify-content:space-between;gap:8px;padding-bottom:28px;font-size:12px}body[data-studio=apps] .hub-workflow i{width:12px}body[data-studio=apps] .hub-section-heading{flex-direction:column;align-items:flex-start;gap:16px}body[data-studio=apps] .hub-search{box-sizing:border-box;width:100%}body[data-studio=apps] .hub-search input{width:100%}body[data-studio=apps] .hub .apps{grid-template-columns:1fr;gap:16px}body[data-studio=apps] .hub .app{grid-template-columns:40px 1fr;padding:0 20px 20px}body[data-studio=apps] .hub-card-art{height:130px}body[data-studio=apps] .hub .blurb,body[data-studio=apps] .hub .offline{min-height:0}body[data-studio=apps] .hub-extra-grid{grid-template-columns:1fr;gap:14px}body[data-studio=apps] .hub-extra{grid-template-columns:100px 1fr}body[data-studio=apps] .hub-extra>div:last-child{padding:18px}body[data-studio=apps] .hub .how{grid-template-columns:1fr}body[data-studio=apps] .hub .kit{grid-template-columns:1fr;padding:22px}}@media (prefers-reduced-motion:reduce){body[data-studio=apps] .hub .app{transition:none}}body[data-studio=apps] .hero>.dk-kicker{grid-area:1/1;place-self:start}body[data-studio=apps] .hero h1{grid-area:2/1}body[data-studio=apps] .hero>.dk-lead{grid-area:3/1}body[data-studio=apps] .hub .app>img{align-self:start}
