.embed-page-body{--studio-side:274px;background:radial-gradient(circle at 78% 18%,#1c4d4b36,transparent 25%),#081b20!important}
.embed-page-body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 20%,#000)}
.embed-sidebar{position:fixed;z-index:85;inset:0 auto 0 0;width:var(--studio-side);padding:25px 18px 18px;display:flex;flex-direction:column;border-right:1px solid #345157;background:linear-gradient(180deg,#102e33f5,#0b2429f5);backdrop-filter:blur(22px);box-shadow:18px 0 45px #02101342;color:#f8f5e9}
.embed-side-brand{display:flex;align-items:center;gap:13px;padding:4px 8px 25px;color:inherit;text-decoration:none}.embed-side-brand img{object-fit:contain;filter:drop-shadow(0 9px 15px #0007)}.embed-side-brand span{display:grid}.embed-side-brand strong{font:700 18px Silkscreen,monospace;letter-spacing:1px}.embed-side-brand small{margin-top:4px;color:#92aaa8;font:700 8px Silkscreen,monospace;letter-spacing:1px}
.embed-side-label{padding:14px 12px 9px;color:#829d9b;font:700 9px Silkscreen,monospace;letter-spacing:1.4px}.embed-sidebar nav{display:grid;gap:7px}.embed-sidebar nav a{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;gap:2px 10px;padding:12px;border:1px solid transparent;border-radius:13px;color:#a9bfbc;text-decoration:none;transition:.2s}.embed-sidebar nav a>span{grid-row:1/3;width:35px;height:35px;display:grid;place-items:center;border:1px solid #39575c;border-radius:10px;background:#16353a;color:#e5b761;font:700 12px Silkscreen,monospace}.embed-sidebar nav b{align-self:end;font-size:14px}.embed-sidebar nav small{font-size:10px;color:#7f9996}.embed-sidebar nav a:hover,.embed-sidebar nav a.is-active{border-color:#e2b55757;background:linear-gradient(90deg,#e2b55718,transparent);color:#fff5df;transform:translateX(2px)}
.embed-side-bottom{display:grid;gap:13px;margin-top:auto;padding-top:18px;border-top:1px solid #365057}.embed-side-bottom>span{padding:0 8px;color:#89a19f;font:700 9px/1.7 Silkscreen,monospace}.embed-side-bottom>a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;border:1px solid #6f78c6;border-radius:12px;background:#5865a933;color:#e5e8ff;text-decoration:none;font-size:12px;font-weight:800}.embed-side-bottom img{width:20px;height:20px;object-fit:contain}
.embed-page-body .topbar{left:var(--studio-side)!important;width:calc(100% - var(--studio-side))!important}.embed-page{width:auto!important;max-width:1500px;margin:0 24px 0 calc(var(--studio-side) + 24px)!important;padding-top:112px!important}.embed-intro{position:relative;min-height:270px;padding:42px 46px;margin-bottom:26px!important;overflow:hidden;border:1px solid #466165;border-radius:22px;background:linear-gradient(115deg,#153a3ed9,#0c262bd9 60%,#18383cd9);box-shadow:0 24px 65px #020d1057}.embed-intro:before{content:"";position:absolute;inset:-50% -10% auto auto;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#e9b85a2b,transparent 65%)}.embed-intro h1{max-width:800px;margin:13px 0!important;font-size:clamp(33px,4vw,58px)!important;line-height:1.16!important}.embed-intro p{max-width:690px;line-height:1.7}.embed-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.embed-hero-pills span{padding:7px 10px;border:1px solid #4a6669;border-radius:999px;background:#071d227d;color:#b7cfca;font-size:10px;font-weight:800}.embed-intro-mark{position:absolute;right:45px;bottom:36px;width:105px!important;height:105px!important;display:grid!important;align-content:center!important;gap:6px!important;border-radius:28px!important;transform:rotate(3deg)}.embed-intro-mark span{font:700 34px Silkscreen,monospace}.embed-intro-mark b{font:700 8px Silkscreen,monospace;letter-spacing:1px}
.embed-layout{grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr)!important;gap:22px!important}.embed-tool-rail{grid-column:1/-1}.embed-tool-shell{border-radius:17px!important;background:#102d32e8!important;box-shadow:0 12px 35px #020c0e3d}.embed-editor-card,.embed-load-card{background:linear-gradient(145deg,#133337e8,#0f292de8)!important;backdrop-filter:blur(14px)}.embed-editor-card{border-color:#3c5d61!important}.embed-mode-switch button{min-height:76px!important;border-radius:15px!important}.embed-discord-window{box-shadow:0 22px 55px #0008!important}.embed-preview-sticky{top:92px!important}.embed-connect{background:linear-gradient(105deg,#4d57aa3d,#102e33 68%)!important}
html[data-theme=light] .embed-page-body{background:#edf2ed!important}.embed-page-body[data-theme=light]:before{opacity:.25}html[data-theme=light] .embed-sidebar{background:#f5f7f2f5;color:#173b3f}html[data-theme=light] .embed-sidebar nav a:hover,html[data-theme=light] .embed-sidebar nav a.is-active{color:#173b3f}
@media(max-width:1120px){.embed-page-body{--studio-side:238px}.embed-layout{grid-template-columns:1fr!important}.embed-preview-sticky{position:static!important}.embed-intro-mark{opacity:.35}.embed-intro>div:first-child{position:relative;z-index:1}}
@media(max-width:820px){.embed-sidebar{display:none}.embed-page-body .topbar{left:0!important;width:100%!important}.embed-page{margin:0 16px!important;padding-top:100px!important}.embed-intro{padding:30px 24px;min-height:0}.embed-intro-mark{display:none!important}}
@media(max-width:520px){.embed-page{margin:0 12px!important}.embed-intro{border-radius:17px}.embed-hero-pills{display:none}}
@media(prefers-reduced-motion:reduce){.embed-sidebar nav a{transition:none}}