.nav-create,.primary-link{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid #abd5ff;border-radius:8px;background:#91c8ff;color:#102f63!important;font-size:12px!important;font-weight:650}nav a[href="docs.html"],nav .nav-create{display:inline-flex}.hero-actions .primary-link{padding:16px 23px;font-size:14px!important}.your-pad>.primary-link{margin-left:auto}.docs-shell,.studio{max-width:1440px;margin:auto;padding:45px 4% 70px}.docs-shell{display:grid;grid-template-columns:230px minmax(0,780px);gap:80px;justify-content:center}.docs-sidebar{position:sticky;top:30px;align-self:start}.docs-sidebar>a{display:flex;gap:16px;padding:12px 0;font-size:10px;color:#8bb5ec;border-bottom:1px solid #8bb5ec20}.docs-sidebar>a span{font-size:12px;color:#e0edff}.docs-sidebar a:hover{color:white}.sidebar-status{margin-top:30px;color:#b7d3f9;font-size:11px}.sidebar-status i,.preview-toolbar i{display:inline-block;width:6px;height:6px;background:#91c8ff;border-radius:100%;margin-right:7px}.sidebar-status small{display:block;color:#8db0dd;font-size:9px;margin-top:6px}.doc-section{padding:15px 0 48px;margin-bottom:25px;border-bottom:1px solid #719cd43a;scroll-margin-top:30px}.doc-section h2{font-size:36px;line-height:1.2;letter-spacing:-1.4px;color:#f1f6ff;margin:0 0 24px}.doc-section h3{font-size:17px;margin:28px 0 10px;color:#e5efff}.doc-section p,.doc-section li{font-size:14px;line-height:1.9;color:#bfd5f3}.doc-section .lead{font-size:18px;color:#e4efff}.doc-section a:not(.primary-link){color:#9dceff;text-decoration:underline;text-underline-offset:4px}.note{background:#2863b032;border:1px solid #85b7ff45;border-left:3px solid #91c8ff;padding:22px 25px;margin:25px 0;border-radius:0 10px 10px 0}.note b{color:#e5f1ff;font-size:13px}.note p{margin-bottom:0;font-size:13px}.doc-steps{padding-left:23px}.doc-steps li{padding:8px 0 8px 10px}.doc-steps p{margin:6px 0}.status-row{padding:18px 0;display:grid;grid-template-columns:155px 1fr;gap:20px;border-bottom:1px solid #729ed32a;font-size:12px}.status-row span{color:#afc9ed}details{padding:18px 0;border-bottom:1px solid #729ed32a}summary{cursor:pointer;font-weight:550;font-size:14px}footer>a{font-size:11px;color:#b7d3f9}
.studio-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.studio-title h1{font-size:35px;letter-spacing:-1.4px;line-height:1.25;margin:0}.studio-title h1 span{color:#93beef}.studio-title p:not(.eyebrow){font-size:12px;color:#aac8ef;margin-bottom:0}.draft-badge{white-space:nowrap;color:#aed2ff;border:1px solid #6492ce55;padding:8px 12px;border-radius:30px;font-size:9px;letter-spacing:1px}.studio-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:30px;align-items:start}.studio-controls{padding:25px;background:#12366c;border:1px solid #5d91d34a;border-radius:14px}.control-heading{display:flex;align-items:center;gap:12px;margin:5px 0 22px}.control-heading:not(:first-child){margin-top:28px;padding-top:23px;border-top:1px solid #7ba5df33}.control-heading>span{font-size:10px;color:#87b8ef}.control-heading h2{font-size:17px;margin:0;letter-spacing:-.3px}.studio-controls label{display:block;font-size:11px;color:#d5e6ff;margin:16px 0}.studio-controls input:not([type=color]),.studio-controls textarea,.studio-controls select{display:block;width:100%;background:#0d2a58;border:1px solid #537fb65c;border-radius:7px;padding:11px;color:#e9f3ff;font:12px Sora,Arial;margin-top:7px}.studio-controls textarea{resize:vertical;min-height:85px}.studio-controls input:focus,.studio-controls textarea:focus,.studio-controls select:focus{outline:2px solid #91c8ff;outline-offset:2px}.studio-controls small{display:block;font-size:9px;color:#9cbde5;margin-top:6px;line-height:1.6}.handle-field{display:flex;align-items:center;gap:8px}.handle-field>span{color:#87b8ef}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color-field{display:flex;align-items:center;gap:9px;margin-top:7px;height:39px}.color-field input{width:35px;height:35px;padding:0;border:0;background:none;cursor:pointer}.color-field output{font-size:10px}.text-button{padding:0;background:none;border:0;color:#98c8ff;font-size:10px;cursor:pointer}.network-note{display:grid;gap:5px;padding:16px;border:1px solid #789ed133;border-radius:8px;margin:16px 0 22px}.network-note>span{font-size:8px;letter-spacing:1.4px;color:#9bbde6}.network-note b{font-size:13px}.save-actions{display:grid;gap:10px}.save-actions button{cursor:pointer;font-size:11px;padding:13px 9px}.secondary-button{background:transparent;color:#c8e1ff;border-color:#5d8cc2}#save-status{font-size:10px;color:#aecff4;line-height:1.7;margin-bottom:0}.studio-preview{min-width:0;position:sticky;top:25px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0 17px;font-size:8px;letter-spacing:1px;color:#b4d3fa}.view-options{display:flex;border:1px solid #628ec659;border-radius:7px;overflow:hidden}.view-options button{border:0;border-radius:0;background:none;color:#b2cae9;font-size:9px;padding:7px 12px;cursor:pointer}.view-options button[aria-pressed=true]{background:#2c5c9c;color:white}.preview-site{--brand:#91c8ff;--brand-ink:#102b50;background:#0b2042;border:1px solid #6c9dda66;border-radius:13px;overflow:hidden;width:100%;margin:auto;transition:max-width .2s}.preview-site.mobile{max-width:375px}.preview-nav{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #93bfff22;gap:10px}.preview-nav>div{display:flex;align-items:center;gap:8px;min-width:0}.preview-nav b{font-size:12px;overflow-wrap:anywhere}.preview-nav img{width:29px;height:29px;object-fit:contain}.preview-site button{background:var(--brand);color:var(--brand-ink);border:0;font-size:9px;padding:10px 12px;white-space:nowrap}.preview-nav button{background:#c3dbff10;color:#c3dbff;border:1px solid #a0c5f533;font-size:8px}.preview-hero{padding:46px 28px;background:radial-gradient(ellipse at top right,#6392d422,transparent 65%)}.preview-kicker{font-size:8px;letter-spacing:1px;color:var(--brand);overflow-wrap:anywhere}.preview-hero h2{font-size:36px;line-height:1.18;letter-spacing:-1.3px;margin:18px 0;overflow-wrap:anywhere;color:#eff5ff}.preview-hero p{font-size:11px;color:#aac1e0;max-width:380px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-line}.preview-hero button{margin-top:12px}.preview-list-heading{display:flex;justify-content:space-between;align-items:center;padding:5px 23px 17px;gap:12px}.preview-list-heading b{font-size:12px}.preview-list-heading span{font-size:7px;letter-spacing:1px;color:#90afd5}.preview-tokens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 20px 30px}.preview-tokens article{padding:16px 12px;border:1px solid #7095c338;border-radius:9px;background:#122d52}.sample-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--brand);color:var(--brand-ink);font-size:25px}.preview-tokens h3{font-size:10px;margin:15px 0 5px}.preview-tokens p{font-size:7px;color:#9bb7da;margin:0}.sample-tag{display:block;font-size:7px;color:var(--brand);margin-top:13px;letter-spacing:1px}.preview-tokens.list,.mobile .preview-tokens{grid-template-columns:1fr}.preview-tokens.list article{display:flex;align-items:center;gap:12px}.preview-tokens.list h3{margin:0 0 5px}.preview-tokens.list .sample-tag{margin:0 0 0 auto}.preview-footer{padding:16px 20px;border-top:1px solid #8bb7f322;font-size:7px;color:#829fc5;display:flex;justify-content:space-between;gap:10px}.mobile .preview-hero h2{font-size:29px}.mobile .preview-nav{padding:15px}.preview-caption{display:flex;justify-content:space-between;gap:15px;margin:17px 0;color:#a3c1e8;font-size:9px;line-height:1.7}.preview-caption a{white-space:nowrap;color:#b9dcff}.next-step{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #80a8dc38;margin-top:28px;padding-top:23px}.next-step b{font-size:12px}.next-step p{font-size:10px;color:#a5c3e9}.next-step button{font-size:9px;background:#224d87;color:#9dbcdf;border-color:#6390c53b}
@media(max-width:1100px){.studio-grid{grid-template-columns:300px minmax(0,1fr);gap:20px}.studio-controls{padding:20px}.preview-tokens{grid-template-columns:1fr}.preview-tokens article{display:flex;align-items:center;gap:12px}.preview-tokens h3{margin:0 0 5px}.sample-tag{margin:0 0 0 auto}.next-step{align-items:flex-start;flex-direction:column}.docs-shell{gap:40px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:850px){.studio-grid{grid-template-columns:1fr}.studio-preview{position:static}.studio-title h1{font-size:29px}.docs-shell{grid-template-columns:1fr;gap:25px}.docs-sidebar{position:static;display:flex;gap:15px;flex-wrap:wrap}.docs-sidebar .eyebrow,.sidebar-status{width:100%}.docs-sidebar>a{padding:5px 0}.sidebar-status{display:none}.doc-section h2{font-size:30px}.studio-title{align-items:flex-start}.draft-badge{display:none}}
@media(max-width:540px){header{gap:12px;flex-wrap:wrap}header nav{gap:14px}.nav-create{font-size:10px!important;padding:10px}.studio,.docs-shell{padding:30px 18px 45px}.studio-title h1 span{display:block}.studio-title h1{font-size:28px}.preview-hero{padding:35px 20px}.preview-hero h2{font-size:29px}.preview-caption{flex-direction:column;gap:6px}.status-row{grid-template-columns:1fr;gap:8px}.doc-section p{font-size:13px}.hero-actions .primary-link{font-size:12px!important}.your-pad>.primary-link{margin-left:0}}