@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#000;--panel:#0c0c0c;--panel-hover:#121212;--line:#232323;--text:#efefef;--muted:#898989;--subtle:#575757;--accent:#fff;--font-sans:"DM Sans", Arial, sans-serif;--font-display:"Manrope", "DM Sans", Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:not-allowed}button,input,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{background:0 0;border:0}button,a{touch-action:manipulation}::selection{color:#121212;background:#fff}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:500}svg{flex-shrink:0}input[type=range]{accent-color:var(--accent);cursor:pointer}input[type=color]{cursor:pointer;background:0 0;border:0;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #ffffff18;border-radius:5px}select{cursor:pointer}pre{white-space:pre;margin:0;overflow:auto}code,pre{font-family:var(--font-mono)}code{font-size:.9em}p{line-height:1.75}dialog{color:var(--text)}.ds-container{width:min(1240px,100% - 112px);margin-inline:auto}.ds-mono{font-family:var(--font-mono);letter-spacing:1px;font-size:12px}.ds-eyebrow{font-family:var(--font-mono);letter-spacing:1.6px;color:#a4a4a4;align-items:center;gap:10px;font-size:12px;font-weight:400;line-height:1.6;display:flex}.ds-status-dot{background:var(--accent);border-radius:50%;flex:0 0 5px;width:5px;height:5px;display:inline-block;box-shadow:0 0 10px #ffffff28}.ds-skip{z-index:100;background:var(--accent);color:#000;padding:12px;position:fixed;top:-100px;left:20px}.ds-skip:focus{top:10px}.ds-header{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000d;border-bottom:1px solid #ffffff0b;height:88px;position:sticky;top:0}.ds-header-inner{align-items:center;gap:68px;width:min(1380px,100% - 80px);height:100%;margin:auto;display:flex}.ds-brand{font-family:var(--font-display);letter-spacing:-1.7px;align-items:center;font-size:31px;font-weight:750;line-height:1;display:inline-flex}.ds-brand-period{color:var(--accent)}.ds-mark{grid-template-columns:repeat(3,4px);gap:3px;margin-right:11px;display:grid;transform:rotate(-8deg)}.ds-mark i{background:var(--text);border-radius:50%;width:4px;height:4px}.ds-mark i:first-child,.ds-mark i:last-child{opacity:.35}.ds-mark i:nth-child(3){opacity:.6}.ds-nav{color:var(--muted);align-items:center;gap:32px;font-size:14px;display:flex}.ds-nav a{align-items:center;gap:7px;transition:color .2s;display:flex}.ds-nav a:hover,.ds-nav a[aria-current=page]{color:var(--text)}.ds-tiny-badge{letter-spacing:.7px;color:var(--accent);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff35;border-radius:4px;flex-shrink:0;align-items:center;padding:3px 6px;font-size:11px;line-height:1.4;display:inline-flex}.ds-header-actions{align-items:center;gap:25px;margin-left:auto;display:flex}.ds-version{font-family:var(--font-mono);color:var(--muted);font-size:12px}.ds-version span{color:var(--subtle);margin-left:4px}.ds-actions{align-items:center;gap:12px;display:flex}.ds-button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:0 22px;font-size:14px;font-weight:550;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.ds-button:hover{transform:translateY(-1px)}.ds-button-accent{background:var(--accent);color:#1e1e1e}.ds-button-accent:hover{background:#e6e6e6}.ds-button-ghost{border-color:var(--line);background:#ffffff04}.ds-button-ghost:hover{background:#ffffff08;border-color:#4e4e4e}.ds-button-small{gap:9px;min-height:35px;padding:0 14px;font-size:13px}.ds-text-link{color:#c6c6c6;white-space:nowrap;align-items:center;gap:9px;font-size:14px;display:inline-flex}.ds-text-link:hover{color:var(--accent)}.ds-icon-button{width:30px;height:30px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.ds-icon-button:hover,.ds-icon-button.is-active{color:var(--text);background:#ffffff09}.ds-menu-button{display:none}.ds-footnote{color:var(--muted);margin-top:18px;font-size:13px;display:block}.ds-hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:24px;min-height:638px;padding-top:20px;padding-bottom:52px;display:grid}.ds-hero-copy{z-index:1;position:relative}.ds-hero-copy .ds-eyebrow{margin-bottom:30px}.ds-hero h1{letter-spacing:-3.8px;white-space:nowrap;font-size:clamp(44px,4.7vw,72px);font-weight:500;line-height:1.11}.ds-hero h1 span{color:#9a9a9a}.ds-hero-copy>p{color:var(--muted);margin-top:27px;font-size:17px;line-height:1.8}.ds-hero .ds-actions{margin-top:32px}.ds-install-line{color:#a8a8a8;align-items:center;gap:13px;margin-top:30px;font-size:13px;display:inline-flex}.ds-command-symbol{color:var(--subtle);font-family:var(--font-mono)}.ds-preview-label{letter-spacing:.7px;color:#888;border:1px solid #ffffff15;border-radius:3px;padding:3px 5px;font-size:11px}.ds-hero-copy>.ds-install-note{color:#727272;margin-top:7px;font-size:11px}.ds-hero-art{min-width:0;padding:20px 0 0;position:relative}.ds-hero-canvas{background-image:radial-gradient(circle,#b4b4b412 .7px,#0000 .7px);background-size:21px 21px;width:100%;height:420px;-webkit-mask-image:radial-gradient(#000 40%,#000b 64%,#0000 80%);mask-image:radial-gradient(#000 40%,#000b 64%,#0000 80%)}.ds-orbit-cross{color:#747474;font:16px var(--font-mono);position:absolute}.ds-cross-one{top:69px;left:12px}.ds-cross-two{bottom:118px;right:4px}.ds-art-caption{color:#8e8e8e;font:11px var(--font-mono);letter-spacing:1.4px;justify-content:space-between;align-items:center;margin-top:0;padding:0 35px;display:flex}.ds-art-caption>span{align-items:center;gap:10px;display:flex}.ds-art-caption .ds-status-dot{flex-basis:4px;width:4px;height:4px}.ds-shape-switcher{justify-content:center;align-items:center;gap:5px;margin-top:17px;display:flex}.ds-shape-switcher button{color:#757575;border:1px solid #0000;border-radius:5px;padding:7px 13px;font-size:12px;transition:color .2s,background .2s}.ds-shape-switcher button.is-active{color:#dfdfdf;background:#ffffff09;border-color:#ffffff25}.ds-shape-switcher button:hover{color:var(--accent)}.ds-proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8c8c8c;justify-content:space-between;align-items:center;padding:25px 0;font-size:13px;display:flex}.ds-proof-strip>span{align-items:center;gap:11px;display:flex}.ds-proof-strip svg{color:#757575}.ds-section{padding-top:100px;padding-bottom:100px}.ds-section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.ds-section-heading h2{letter-spacing:-1.4px;margin-top:16px;font-size:34px}.ds-section-heading p{color:var(--muted);margin-top:12px;font-size:15px}.ds-section-heading>.ds-text-link{padding-bottom:4px}.ds-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ds-shape-card{background:var(--panel);border:1px solid #1f1f1f;border-radius:11px;transition:background .25s,border-color .25s;position:relative;overflow:hidden}.ds-shape-card:hover{background:#141414;border-color:#5f5f5f}.ds-card-top{color:#5b5b5b;z-index:1;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:18px;right:18px}.ds-card-top svg{color:#626262;transition:color .2s}.ds-shape-card:hover .ds-card-top svg{color:var(--accent)}.ds-card-top .ds-mono{font-size:11px}.ds-card-canvas{height:210px;padding:18px 20px 0}.ds-card-bottom{justify-content:space-between;align-items:center;gap:8px;padding:7px 20px 20px;display:flex}.ds-card-bottom h3{font-family:var(--font-sans);font-size:14px;font-weight:500}.ds-card-bottom>span{color:#717171;font-size:11px}.ds-card-description{color:#878787;padding:0 20px 20px;font-size:12px;line-height:1.6}.ds-studio-promo{background:radial-gradient(at 90% 100%,#ffffff0b,#0000 60%),#0c0c0c;border:1px solid #343434;border-radius:15px;grid-template-columns:.9fr 1fr;gap:65px;padding:64px 62px 0;display:grid;overflow:hidden}.ds-promo-copy{padding-bottom:55px}.ds-promo-copy h2{letter-spacing:-2.3px;margin-top:22px;font-size:49px;line-height:1.13}.ds-promo-copy h2 span{color:silver}.ds-promo-copy p{color:#949494;max-width:330px;margin:22px 0 26px;font-size:15px;line-height:1.8}.ds-studio-mini{background:#060606;border:1px solid #3e3e3e;border-bottom:0;border-radius:9px 9px 0 0;align-self:end;min-width:0;transform:translateY(12px);box-shadow:0 0 45px #ffffff05}.ds-mini-toolbar{color:#787878;border-bottom:1px solid #2e2e2e;justify-content:space-between;align-items:center;padding:15px 16px;font-size:11px;display:flex}.ds-mini-toolbar>span:first-child{gap:5px;display:flex}.ds-mini-toolbar i{background:#3d3d3d;border-radius:50%;width:5px;height:5px}.ds-mini-canvas{background-image:radial-gradient(#ffffff10 .7px,#0000 .7px);background-size:16px 16px;height:250px;position:relative}.ds-mini-tag{font:11px var(--font-mono);letter-spacing:1px;color:#6f6f6f;position:absolute;bottom:14px;left:17px}.ds-mini-timeline{border-top:1px solid #2e2e2e;gap:8px;padding:16px;display:flex}.ds-mini-timeline>div{color:#7f7f7f;border:1px solid #2f2f2f;border-radius:4px;flex:1;padding:15px 9px;font-size:12px}.ds-mini-timeline>div span{font:11px var(--font-mono);color:#5e5e5e;margin-bottom:17px;display:block}.ds-mini-timeline>div.is-active{color:var(--accent);background:#ffffff09;border-color:#aeaeae}.ds-integration{grid-template-columns:.9fr 1.1fr;align-items:center;gap:85px;display:grid}.ds-integration h2{letter-spacing:-2px;margin-top:21px;font-size:45px;line-height:1.15}.ds-integration p{color:var(--muted);max-width:310px;margin:20px 0 26px;font-size:15px}.ds-code-window{border:1px solid var(--line);background:#0a0a0a;border-radius:9px;min-width:0;overflow:hidden}.ds-code-heading{border-bottom:1px solid var(--line);font:12px var(--font-mono);color:#787878;justify-content:space-between;align-items:center;gap:16px;padding:14px 19px;display:flex}.ds-copy{font:12px var(--font-sans);color:#9b9b9b;border:0;align-items:center;gap:6px;display:flex}.ds-copy:hover{color:var(--accent)}.ds-code-window pre{color:#cecece;tab-size:2;padding:26px 24px;font-size:14px;line-height:1.9}.ds-code-foot{color:#757575;border-top:1px solid #1f1f1f;align-items:center;gap:8px;padding:15px 20px;font-size:11px;display:flex}.ds-code-foot .ds-status-dot{flex-basis:4px;width:4px;height:4px}.ds-faq{grid-template-columns:.9fr 1.1fr;gap:85px;padding-top:25px;padding-bottom:70px;display:grid}.ds-faq h2{letter-spacing:-1px;margin-top:15px;font-size:29px}.ds-faq details{border-bottom:1px solid var(--line)}.ds-faq summary{cursor:pointer;justify-content:space-between;align-items:center;padding:22px 0;font-size:15px;list-style:none;display:flex}.ds-faq summary::-webkit-details-marker{display:none}.ds-faq summary span{color:#858585;font-size:19px;font-weight:300}.ds-faq details[open] summary span{transform:rotate(45deg)}.ds-faq details p{color:var(--muted);padding:0 22px 22px 0;font-size:14px}.ds-final-cta{text-align:center;border-top:1px solid var(--line);padding:75px 0 95px}.ds-final-cta .ds-eyebrow{justify-content:center}.ds-final-cta h2{letter-spacing:-2.2px;margin:20px 0 30px;font-size:47px}.ds-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;width:min(1380px,100% - 80px);margin:auto;padding:34px 0 40px;display:flex}.ds-footer .ds-brand{font-size:24px}.ds-footer .ds-mark{margin-right:6px;transform:scale(.8)rotate(-8deg)}.ds-footer p{color:#6b6b6b;margin-top:12px;font-size:12px}.ds-footer nav{color:#919191;flex-wrap:wrap;gap:23px;font-size:13px;display:flex}.ds-footer nav a:hover{color:var(--accent)}.ds-footer>.ds-mono{color:#5c5c5c;font-size:11px}.ds-page-intro{padding:73px 0 46px}.ds-page-intro h1{letter-spacing:-2.5px;margin:20px 0 17px;font-size:52px;line-height:1.2}.ds-page-intro p{color:var(--muted);font-size:16px}.ds-library{padding-bottom:90px}.ds-library-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.ds-filter-tabs{flex-wrap:wrap;gap:4px;display:flex}.ds-filter-tabs button{color:#898989;border:1px solid #0000;border-radius:5px;padding:9px 12px;font-size:13px}.ds-filter-tabs button.is-active{color:var(--accent);background:#ffffff0c;border-color:#fff2}.ds-library-search{color:#7b7b7b;align-items:center;gap:9px;min-width:0;min-height:40px;padding-inline:8px;display:flex}.ds-library-search input{width:145px;color:var(--text);background:0 0;border:0;font-size:13px}.ds-library-count{color:#696969;margin:24px 0 20px;font-size:11px}.ds-library-grid{row-gap:18px}.ds-library-grid .ds-card-bottom{padding-bottom:9px}.ds-library-grid .ds-card-canvas{height:220px}.ds-empty{text-align:center;color:var(--muted);padding:90px 0}.ds-empty button{margin-top:20px}.ds-studio-page{width:min(1500px,100%);margin:auto;padding:0 25px 35px}.ds-studio-titlebar{justify-content:space-between;align-items:center;gap:20px;padding:29px 0 25px;display:flex}.ds-studio-titlebar .ds-eyebrow{letter-spacing:1.3px;margin-bottom:9px;font-size:11px}.ds-studio-titlebar input{font-family:var(--font-display);letter-spacing:-.6px;width:300px;color:var(--text);background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 3px;font-size:22px;font-weight:500}.ds-studio-titlebar input:hover,.ds-studio-titlebar input:focus{border-color:var(--line)}.ds-local-note{color:#6c6c6c;margin-right:13px;font-size:12px}.ds-studio-layout{border:1px solid var(--line);background:#090909;border-radius:10px;grid-template-columns:270px minmax(0,1fr) 235px;align-items:stretch;display:grid;overflow:hidden}.ds-studio-left,.ds-studio-right{min-width:0;padding:20px 16px}.ds-studio-left{border-right:1px solid var(--line);flex-direction:column;display:flex}.ds-studio-right{border-left:1px solid var(--line)}.ds-segmented{border:1px solid var(--line);background:#ffffff03;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.ds-segmented>button{color:#818181;white-space:nowrap;border-radius:4px;flex:1 0 auto;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:6px 10px;font-size:13px;display:inline-flex}.ds-segmented>button span{font-variant-numeric:tabular-nums;color:#999;flex-shrink:0;margin-left:0;font-size:11px}.ds-segmented>button.is-active{color:#e4e4e4;background:#2c2c2c;box-shadow:0 1px 4px #0003}.ds-panel-label{font:11px var(--font-mono);letter-spacing:1.25px;color:#7f7f7f;justify-content:space-between;align-items:center;line-height:1.6;display:flex}.ds-studio-left>.ds-panel-label{margin-top:26px;margin-bottom:12px}.ds-preset-list{flex-direction:column;gap:5px;display:flex}.ds-preset-list>button{text-align:left;border:1px solid #0000;border-radius:5px;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 6px;display:flex}.ds-preset-list>button:hover,.ds-preset-list>button.is-active{background:#ffffff07;border-color:#3f3f3f}.ds-preset-thumb{flex:0 0 36px;width:36px;height:36px}.ds-preset-thumb svg{width:100%;height:100%}.ds-preset-list>button>span:nth-child(2){flex:1;min-width:0}.ds-preset-list strong{font-size:12px;font-weight:500;line-height:1.4;display:block}.ds-preset-list small{color:#838383;margin-top:4px;font-size:11px;line-height:1.5;display:block}.ds-preset-list>button>svg{color:#616161}.ds-panel-note{color:#878787;font-size:12px;line-height:1.8}.ds-import-preset{color:#9a9a9a;align-items:center;gap:7px;margin-bottom:20px;padding:13px 0;font-size:12px;display:flex}.ds-saved-list>div{border-bottom:1px solid #212121;justify-content:space-between;align-items:center;display:flex}.ds-saved-list button{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;padding:11px 0;font-size:12px;display:flex;overflow:hidden}.ds-saved-list button:last-child{color:#777;flex-shrink:0;justify-content:center;width:20px}.ds-svg-panel{border-top:1px solid var(--line);margin-top:auto;padding-top:18px}.ds-svg-panel p{color:#969696;margin-top:9px;margin-bottom:13px;font-size:12px}.ds-svg-panel .ds-button{width:100%;min-height:35px;margin-top:10px;font-size:12px}.ds-svg-panel small{text-align:center;color:#666;margin-top:10px;font-size:11px;display:block}.ds-workspace{flex-direction:column;height:calc(100vh - 383px);min-height:440px;max-height:700px;display:flex;position:relative;overflow:hidden}.ds-workspace.has-grid{background-image:radial-gradient(circle,#ffffff12 .65px,#0000 .65px);background-size:20px 20px}.ds-workspace-top{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:20px;left:22px;right:22px}.ds-workspace-top>.ds-mono{color:#757575;background:#0009;border-radius:3px;padding:5px;font-size:11px}.ds-workspace-label{color:#cecece;text-overflow:ellipsis;white-space:nowrap;background:#0009;border:1px solid #ffffff12;border-radius:4px;align-items:center;gap:7px;max-width:65%;padding:6px 9px;font-size:12px;display:flex;overflow:hidden}.ds-workspace-canvas{position:absolute;inset:20px 12px 28px}.ds-workspace-bottom{color:#7a7a7a;justify-content:space-between;align-items:center;gap:15px;font-size:11px;display:flex;position:absolute;bottom:12px;left:21px;right:17px}.ds-workspace-bottom>span{background:#0009;border-radius:4px;padding:5px 8px}.ds-mouse-hint{margin-right:6px}.ds-sequence{border-top:1px solid var(--line);background:#0d0d0d;padding:17px 20px 12px}.ds-sequence-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ds-sequence-heading>div:first-child{align-items:center;gap:16px;display:flex}.ds-sequence-heading>div>span:nth-child(2){color:#5f5f5f;font-size:11px}.ds-sequence-actions{align-items:center;gap:4px;display:flex}.ds-play-button{color:var(--accent);background:#ffffff08;border:1px solid #414141;border-radius:5px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.ds-sequence-track{scrollbar-width:thin;scrollbar-color:#414141 #131313;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.ds-sequence-step{background:#0b0b0b;border:1px solid #2f2f2f;border-radius:6px;flex:0 0 88px;min-width:88px;overflow:hidden}.ds-sequence-step.is-active{background:#ffffff08;border-color:#b5b5b5}.ds-step-select{flex-direction:column;align-items:center;gap:6px;width:100%;padding:10px 6px 8px;display:flex;position:relative}.ds-step-number{font:11px var(--font-mono);color:#6a6a6a;position:absolute;top:6px;left:7px}.ds-step-select>svg{color:#c3c3c3;width:40px;height:40px}.ds-step-select>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.ds-step-actions{border-top:1px solid #3c3c3c55;justify-content:space-between;padding:2px 5px;display:flex}.ds-step-actions button{color:#7f7f7f;padding:3px;display:flex}.ds-step-actions button:hover{color:var(--accent)}.ds-add-step{color:#898989;border:1px dashed #424242;border-radius:6px;flex-direction:column;flex:0 0 73px;justify-content:center;align-items:center;gap:13px;font-size:11px;display:flex}.ds-add-step:hover{color:var(--accent);background:#ffffff07}.ds-sequence-bottom{color:#727272;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font-size:11px;display:flex}.ds-sequence-bottom label{white-space:nowrap;align-items:center;gap:8px;display:flex}.ds-sequence-bottom select{color:#b8b8b8;background:#161616;border:1px solid #373737;border-radius:4px;padding:3px 5px;font-size:11px}.ds-color-section{color:#a5a5a5;margin-top:24px;font-size:13px}.ds-swatches{gap:8px;margin:13px 0;display:flex}.ds-swatches button{border:3px solid #090909;border-radius:50%;outline:1px solid #0000;width:20px;height:20px}.ds-swatches button.is-active{outline-color:#bababa}.ds-color-input{font:11px var(--font-mono);color:#9c9c9c;border:1px solid #333;border-radius:5px;align-items:center;gap:10px;padding:7px 9px;display:flex}.ds-color-input input{width:16px;height:16px}.ds-background-control{color:#a5a5a5;justify-content:space-between;align-items:center;margin:20px 0;font-size:13px;display:flex}.ds-background-control input{width:28px;height:22px}.ds-control{margin:22px 0;display:block}.ds-control>span{color:#a5a5a5;justify-content:space-between;align-items:center;font-size:13px;display:flex}.ds-control output{font:11px var(--font-mono);color:#c9c9c9}.ds-control input{width:100%;height:3px;margin-top:17px;display:block}.ds-panel-divider{border-top:1px solid var(--line);margin:25px 0}.ds-select-control{color:#a5a5a5;flex-direction:column;gap:10px;margin:24px 0;font-size:13px;display:flex}.ds-select-control select{color:#c9c9c9;background:#181818;border:1px solid #363636;border-radius:5px;width:100%;min-height:40px;padding:10px 12px;font-size:11px}.ds-switch-control{color:#a5a5a5;justify-content:space-between;align-items:center;margin:21px 0;font-size:12px;display:flex}.ds-switch-control input{appearance:none;cursor:pointer;background:#2e2e2e;border:1px solid #484848;border-radius:20px;width:26px;height:15px;margin:0;position:relative}.ds-switch-control input:after{content:"";background:#707070;border-radius:50%;width:9px;height:9px;transition:transform .15s;position:absolute;top:2px;left:2px}.ds-switch-control input:checked{background:#fff;border-color:#fff}.ds-switch-control input:checked:after{background:#3e3e3e;transform:translate(11px)}.ds-reset{color:#9d9d9d;align-items:center;gap:7px;padding:20px 0 0;font-size:12px;display:flex}.ds-studio-foot{font:11px var(--font-mono);letter-spacing:.7px;color:#636363;justify-content:space-between;align-items:center;gap:20px;padding:15px 4px;display:flex}.ds-studio-foot>span:first-child{align-items:center;gap:7px;display:flex}.ds-studio-foot>span:last-child{font:11px var(--font-sans);letter-spacing:0}.ds-shape-search{width:100%;color:var(--text);background:#141414;border:1px solid #373737;border-radius:7px;min-height:40px;margin:20px 0 12px;padding:10px 12px;font-size:12px}.ds-shape-picker{scrollbar-width:thin;scrollbar-color:#434343 #101010;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;max-height:348px;margin:16px 0 20px;display:grid;overflow:auto}.ds-shape-picker button{color:#acacac;border:1px solid #2a2a2a;border-radius:5px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 6px;display:flex}.ds-shape-picker button.is-active{background:#ffffff0b;border-color:#bfbfbf}.ds-shape-picker svg{width:36px;height:36px}.ds-shape-picker span{text-align:center;font-size:11px;line-height:1.4}.ds-toast{color:#eaeaea;z-index:80;background:#262626;border:1px solid #626262;border-radius:7px;align-items:center;gap:20px;max-width:min(620px,100% - 30px);padding:14px 17px;font-size:14px;line-height:1.5;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0008}.ds-toast button{color:#c5c5c5;padding:0;display:flex}.ds-spin{animation:1s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-export-dialog{background:#0f0f0f;border:1px solid #4e4e4e;border-radius:12px;width:min(720px,100% - 32px);max-height:85vh;padding:28px;box-shadow:0 20px 100px #000c}.ds-export-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c}.ds-dialog-heading{justify-content:space-between;gap:15px;display:flex}.ds-dialog-heading h2{letter-spacing:-.9px;margin-top:9px;font-size:26px}.ds-export-dialog>p{color:#9f9f9f;max-width:540px;margin:16px 0 22px;font-size:14px}.ds-export-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.ds-export-toolbar .ds-segmented{width:200px}.ds-export-dialog pre{color:#d2d2d2;background:#060606;border:1px solid #353535;border-radius:6px;max-height:42vh;padding:20px;font-size:13px;line-height:1.8}.ds-dialog-footer{color:#858585;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:12px;display:flex}.ds-docs{grid-template-columns:180px minmax(0,780px);justify-content:start;gap:70px;padding-top:55px;padding-bottom:95px;display:grid}.ds-docs-nav{flex-direction:column;align-self:start;gap:15px;display:flex;position:sticky;top:126px}.ds-docs-nav .ds-panel-label{margin:9px 0 6px}.ds-docs-nav .ds-panel-label:not(:first-child){margin-top:20px}.ds-docs-nav a{color:#949494;border-left:1px solid #313131;padding-left:10px;font-size:13px}.ds-docs-nav a:hover{color:var(--accent);border-color:var(--accent)}.ds-docs article{min-width:0}.ds-docs article>section{border-bottom:1px solid var(--line);margin-bottom:42px;padding:0 0 57px;scroll-margin-top:117px}.ds-docs h1{letter-spacing:-2.5px;margin:20px 0;font-size:53px;line-height:1.15}.ds-docs h2{letter-spacing:-.9px;margin:18px 0;font-size:28px}.ds-docs .ds-docs-lead{color:#aaa;max-width:660px;font-size:18px;line-height:1.8}.ds-docs p{color:#9f9f9f;margin:20px 0;font-size:15px}.ds-docs p code{color:#dcdcdc;background:#232323;border-radius:3px;padding:2px 4px}.ds-docs-badges{color:#9d9d9d;gap:20px;margin-top:26px;font-size:12px;display:flex}.ds-docs-badges>span{align-items:center;gap:6px;display:flex}.ds-notice{background:#1c1c1c;border:1px solid #3f3f3f;border-radius:6px;align-items:flex-start;gap:10px;margin:22px 0;padding:15px 20px;display:flex}.ds-notice>.ds-status-dot{margin-top:7px}.ds-notice p{color:#b6b6b6;margin:0;font-size:13px;line-height:1.8}.ds-notice strong{color:#dedede;font-weight:500}.ds-doc-detail{margin-top:25px}.ds-doc-detail summary{color:#bfbfbf;cursor:pointer;margin-bottom:16px;font-size:14px}.ds-props-table{border-collapse:collapse;text-align:left;width:100%;min-width:580px;font-size:13px}.ds-props-table th{color:#747474;font:11px var(--font-mono);border-bottom:1px solid #434343;padding:13px 15px}.ds-props-table td{color:#a5a5a5;vertical-align:top;border-bottom:1px solid #282828;padding:17px 15px;line-height:1.8}.ds-props-table td:first-child{color:#dfdfdf;white-space:nowrap}.ds-props-table td:nth-child(2){color:#b4b4b4;white-space:nowrap}.ds-table-scroll{margin-top:24px;overflow:auto}.ds-shape-tokens{flex-wrap:wrap;gap:8px;margin:23px 0;display:flex}.ds-shape-tokens a{color:#b6b6b6;background:#111;border:1px solid #3d3d3d;border-radius:4px;align-items:center;gap:10px;padding:8px 11px;font-size:13px;display:flex}.ds-shape-tokens a:hover{border-color:var(--accent);color:var(--accent)}.ds-pro-page{padding-bottom:85px}.ds-pro-hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:65px 0 75px;display:grid}.ds-pro-hero h1{letter-spacing:-3px;margin:24px 0;font-size:67px;line-height:1.06}.ds-pro-hero h1 span{color:#bebebe}.ds-pro-hero p{color:#9a9a9a;max-width:420px;margin:23px 0 29px;font-size:16px}.ds-pro-art{background:radial-gradient(#ffffff06,#0000 68%);height:400px;position:relative}.ds-pro-art>button{position:absolute;bottom:5px;right:20px}.ds-plans{grid-template-columns:1fr 1fr;align-items:stretch;gap:22px;max-width:1000px;margin:auto;display:grid}.ds-plan{background:#0b0b0b;border:1px solid #303030;border-radius:12px;flex-direction:column;padding:40px;display:flex;position:relative}.ds-plan h2{letter-spacing:-1px;margin-top:14px;font-size:27px}.ds-plan-price{font-family:var(--font-display);letter-spacing:-1.8px;margin-top:28px;font-size:37px}.ds-plan-price span{letter-spacing:0;font:13px var(--font-sans);color:#909090;margin-top:10px;display:block}.ds-plan>p{color:#a7a7a7;margin-top:24px;font-size:14px}.ds-plan ul{flex-direction:column;gap:17px;margin:25px 0 30px;padding:0;list-style:none;display:flex}.ds-plan li{color:#bdbdbd;align-items:center;gap:10px;font-size:14px;display:flex}.ds-plan li svg{color:#b8b8b8}.ds-plan>.ds-button{margin-top:auto}.ds-plan-pro{background:linear-gradient(145deg,#1e1e1e,#0c0c0c 75%);border-color:#cacaca}.ds-plan-banner{color:#262626;background:var(--accent);font:11px var(--font-mono);letter-spacing:1px;border-radius:4px;padding:6px 11px;position:absolute;top:-12px;right:27px}.ds-plan>small{color:#949494;text-align:center;margin-top:13px;font-size:11px}.ds-pro-features{grid-template-columns:repeat(4,1fr);gap:35px;padding-top:13px;display:grid}.ds-pro-features svg{color:#bbb}.ds-pro-features h3{letter-spacing:-.3px;margin:21px 0 14px;font-size:17px}.ds-pro-features p{color:#919191;font-size:14px;line-height:1.8}.ds-pro-note{background:#0e0e0e;border:1px solid #363636;border-radius:7px;gap:13px;padding:21px 25px;display:flex}.ds-pro-note .ds-status-dot{margin-top:7px}.ds-pro-note p{color:#989898;font-size:13px;line-height:1.8}.ds-not-found{min-height:65vh;padding:130px 0}.ds-not-found h1{letter-spacing:-2px;margin:25px 0 35px;font-size:43px}@media (min-width:1600px){.ds-hero{min-height:705px}.ds-hero-canvas{height:470px}.ds-hero h1{font-size:73px}.ds-header-inner{gap:100px}}@media (max-width:1150px){.ds-container{width:calc(100% - 72px)}.ds-header-inner,.ds-footer{width:calc(100% - 60px)}.ds-header-inner{gap:44px}.ds-hero{gap:10px;min-height:590px}.ds-hero h1{letter-spacing:-2.8px;font-size:53px}.ds-hero-canvas{height:360px}.ds-hero-copy>p{font-size:15px}.ds-install-line{gap:8px;font-size:11px}.ds-card-canvas{height:190px}.ds-studio-promo{gap:35px;padding:45px 38px 0}.ds-promo-copy h2{font-size:42px}.ds-integration,.ds-faq{gap:55px}.ds-footer>.ds-mono{display:none}.ds-studio-page{padding:0 16px 25px}.ds-studio-layout{grid-template-columns:260px minmax(0,1fr) 200px}.ds-studio-left,.ds-studio-right{padding:18px 12px}.ds-preset-thumb{flex-basis:29px;width:29px}.ds-preset-list>button{gap:6px;padding:8px 4px}.ds-preset-list small,.ds-preset-list strong{font-size:11px}.ds-swatches{gap:5px}.ds-swatches button{width:20px}.ds-local-note{display:none}.ds-workspace{min-height:440px}.ds-sequence-heading>div:first-child{gap:8px}.ds-sequence-heading>div>span:nth-child(2),.ds-sequence-bottom>span{display:none}.ds-sequence-bottom{justify-content:flex-end}.ds-docs{grid-template-columns:150px minmax(0,1fr);gap:45px}.ds-pro-hero h1{font-size:57px}}@media (max-width:900px){.ds-container{width:calc(100% - 48px)}.ds-header{height:74px}.ds-header-inner,.ds-footer{width:calc(100% - 48px)}.ds-header-inner{gap:30px}.ds-nav{gap:19px}.ds-version{display:none}.ds-hero{grid-template-columns:1fr 1fr;min-height:auto;padding:65px 0 44px}.ds-hero h1{letter-spacing:-2.3px;font-size:42px}.ds-hero-art{margin-left:-15px;padding-top:0}.ds-hero-canvas{height:320px}.ds-hero-copy .ds-eyebrow{letter-spacing:1px;margin-bottom:25px;font-size:11px}.ds-hero-copy>p{font-size:14px}.ds-hero .ds-actions{gap:8px;margin-top:25px}.ds-hero .ds-button{gap:8px;min-height:40px;padding:0 12px;font-size:12px}.ds-install-line{gap:6px;font-size:11px}.ds-preview-label{display:none}.ds-shape-switcher{gap:0}.ds-shape-switcher button{padding:6px 8px;font-size:11px}.ds-proof-strip{flex-wrap:wrap;gap:18px;padding:23px 0;font-size:12px}.ds-proof-strip>span{gap:7px}.ds-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ds-section{padding-top:70px;padding-bottom:70px}.ds-section-heading h2{font-size:29px}.ds-section-heading p{max-width:380px;font-size:14px}.ds-section-heading>.ds-text-link{font-size:12px}.ds-studio-promo{gap:22px;padding:37px 30px 0}.ds-promo-copy h2{font-size:37px}.ds-promo-copy p{font-size:13px}.ds-promo-copy>.ds-eyebrow{letter-spacing:1px;font-size:11px}.ds-mini-canvas{height:240px}.ds-mini-timeline>div{padding:12px 6px;font-size:11px}.ds-integration,.ds-faq{gap:35px}.ds-integration h2{font-size:38px}.ds-code-window pre{padding:22px 18px;font-size:12px}.ds-code-foot{font-size:11px;line-height:1.6}.ds-faq h2{font-size:24px}.ds-faq summary{font-size:13px}.ds-footer nav{gap:18px}.ds-library-toolbar{flex-direction:column;align-items:flex-start;gap:15px}.ds-library-search{width:100%}.ds-library-search input{flex:1}.ds-studio-layout{grid-template-columns:250px minmax(0,1fr)}.ds-studio-right{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 25px;padding:24px;display:grid}.ds-studio-right>.ds-panel-label{grid-column:1/-1}.ds-studio-right .ds-panel-divider{display:none}.ds-studio-right .ds-color-section,.ds-studio-right .ds-background-control,.ds-studio-right .ds-control,.ds-studio-right .ds-select-control,.ds-studio-right .ds-switch-control{margin:4px 0 12px}.ds-studio-right .ds-panel-note{grid-column:1/3}.ds-studio-right .ds-reset{align-self:start;padding-top:0}.ds-workspace{min-height:420px}.ds-pro-hero{gap:20px}.ds-pro-hero h1{font-size:51px}.ds-plan{padding:28px}.ds-plan-price{font-size:30px}.ds-pro-features{grid-template-columns:repeat(2,1fr);gap:35px 55px}.ds-docs{grid-template-columns:135px minmax(0,1fr);gap:30px}.ds-docs h1{font-size:44px}.ds-docs h2{font-size:25px}}@media (max-width:640px){.ds-container,.ds-header-inner,.ds-footer{width:calc(100% - 36px)}.ds-header{height:68px}.ds-header-inner{gap:15px}.ds-brand{font-size:28px}.ds-header-actions{gap:7px}.ds-header-actions>.ds-button{gap:8px;min-height:32px;padding:0 11px;font-size:12px}.ds-menu-button{display:inline-flex}.ds-nav{border-bottom:1px solid var(--line);background:#0a0a0a;flex-direction:column;align-items:flex-start;gap:23px;padding:22px;font-size:16px;display:none;position:absolute;top:67px;left:0;right:0}.ds-nav.is-open{display:flex}.ds-hero{grid-template-columns:1fr;gap:0;padding-top:53px;padding-bottom:30px}.ds-hero h1{letter-spacing:-2px;white-space:normal;font-size:clamp(37px,8.8vw,54px);line-height:1.13}.ds-hero-copy .ds-eyebrow{letter-spacing:1.1px;margin-bottom:24px;font-size:11px}.ds-hero-copy>p{max-width:350px;margin-top:22px;font-size:15px}.ds-desktop-break{display:none}.ds-hero .ds-actions{gap:10px;margin-top:25px}.ds-hero .ds-button{min-height:43px;padding:0 16px;font-size:13px}.ds-install-line{gap:10px;margin-top:24px;font-size:12px}.ds-hero-copy>.ds-install-note{font-size:11px}.ds-hero-art{margin:15px 0 0;padding:0}.ds-hero-canvas{height:320px}.ds-cross-one{top:44px}.ds-cross-two{bottom:99px}.ds-art-caption{margin-top:-8px;padding:0 14px;font-size:11px}.ds-shape-switcher{margin-top:8px}.ds-shape-switcher button{padding:7px 12px;font-size:12px}.ds-proof-strip{grid-template-columns:1fr 1fr;gap:19px;padding:24px 3px;font-size:11px;display:grid}.ds-proof-strip svg{width:13px;height:13px}.ds-section{padding-top:55px;padding-bottom:55px}.ds-section-heading{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:25px}.ds-section-heading h2{letter-spacing:-1.2px;margin-top:15px;font-size:28px}.ds-section-heading p{max-width:300px;font-size:14px;line-height:1.8}.ds-eyebrow{letter-spacing:1.25px;font-size:11px}.ds-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ds-card-canvas,.ds-library-grid .ds-card-canvas{height:166px;padding:19px 8px 0}.ds-card-top{top:12px;left:12px;right:12px}.ds-card-top .ds-mono{font-size:11px}.ds-card-top svg{width:12px}.ds-card-bottom{flex-direction:column;align-items:flex-start;gap:6px;padding:6px 12px 15px}.ds-card-bottom h3{font-size:13px}.ds-card-bottom>span{font-size:11px}.ds-card-description{display:none}.ds-studio-promo{grid-template-columns:1fr;gap:20px;padding:30px 25px 0}.ds-promo-copy{padding-bottom:0}.ds-promo-copy h2{margin-top:20px;font-size:39px}.ds-promo-copy p{max-width:290px;margin:19px 0 22px;font-size:14px}.ds-promo-copy .ds-button{min-height:42px;font-size:13px}.ds-footnote{font-size:12px}.ds-studio-mini{width:100%;margin-top:10px;transform:translateY(8px)}.ds-mini-canvas{height:210px}.ds-mini-timeline{padding:12px}.ds-mini-timeline>div{padding:12px 8px}.ds-integration{grid-template-columns:1fr;gap:28px}.ds-integration h2{font-size:37px}.ds-integration p{margin:20px 0;font-size:14px}.ds-code-window pre{padding:22px 16px;font-size:13px}.ds-code-heading{padding:13px 15px;font-size:11px}.ds-faq{grid-template-columns:1fr;gap:20px;padding-top:0;padding-bottom:50px}.ds-faq h2{font-size:27px}.ds-faq summary{padding:19px 0;font-size:14px}.ds-final-cta{padding:55px 0 60px}.ds-final-cta h2{letter-spacing:-1.6px;margin:20px 0 25px;font-size:34px}.ds-final-cta .ds-eyebrow{font-size:11px}.ds-footer{flex-direction:column;align-items:flex-start;gap:27px;padding:27px 0 35px}.ds-footer nav{gap:24px;font-size:13px}.ds-page-intro{padding:44px 0 32px}.ds-page-intro h1{letter-spacing:-1.8px;font-size:36px}.ds-page-intro p{font-size:14px}.ds-filter-tabs{gap:2px}.ds-filter-tabs button{padding:8px 9px;font-size:12px}.ds-library-count{font-size:11px}.ds-library{padding-bottom:55px}.ds-library-grid .ds-card-bottom{padding-bottom:15px}.ds-studio-page{padding:0 12px 20px}.ds-studio-titlebar{align-items:flex-start;gap:10px;padding:21px 0}.ds-studio-titlebar input{width:175px;font-size:19px}.ds-studio-titlebar .ds-eyebrow{letter-spacing:1px;gap:7px;font-size:11px}.ds-studio-titlebar .ds-tiny-badge{font-size:11px}.ds-studio-titlebar>.ds-actions{gap:6px}.ds-studio-titlebar .ds-button{gap:5px;min-height:31px;padding:0 9px;font-size:11px}.ds-studio-titlebar .ds-button svg{width:12px}.ds-studio-titlebar .ds-button-ghost{gap:0;font-size:0}.ds-studio-titlebar .ds-button-ghost svg{width:14px}.ds-studio-layout{border-radius:8px;flex-direction:column;display:flex}.ds-studio-center{order:0}.ds-studio-left{border-right:0;border-top:1px solid var(--line);order:1;padding:20px}.ds-studio-right{order:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px}.ds-workspace{height:380px;min-height:0}.ds-workspace-canvas{inset:25px 7px 20px}.ds-workspace-top{top:15px;left:15px;right:15px}.ds-workspace-top>.ds-mono{font-size:11px}.ds-workspace-bottom{font-size:11px;left:10px}.ds-workspace-label{font-size:11px}.ds-sequence{padding:15px 13px 11px}.ds-sequence-heading>div>span:nth-child(2){font-size:11px;display:block}.ds-sequence-step{flex-basis:80px;min-width:80px}.ds-add-step{flex-basis:62px}.ds-preset-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ds-preset-list>button{gap:8px;padding:9px 5px}.ds-preset-list strong{font-size:12px}.ds-preset-list small{font-size:11px}.ds-preset-list>button>svg{display:none}.ds-preset-thumb{flex-basis:30px;width:30px}.ds-panel-note{font-size:13px}.ds-svg-panel{margin-top:0}.ds-svg-panel p{font-size:13px}.ds-studio-left>.ds-panel-label{margin-top:22px}.ds-svg-panel .ds-button{max-width:none}.ds-shape-picker{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:265px}.ds-shape-picker span{font-size:11px}.ds-studio-right .ds-panel-note,.ds-studio-right .ds-reset{grid-column:1/-1}.ds-studio-foot{flex-direction:column;align-items:flex-start;gap:10px;font-size:11px}.ds-studio-foot>span:last-child{font-size:11px}.ds-export-dialog{padding:21px}.ds-dialog-heading h2{font-size:22px}.ds-export-dialog>p{font-size:13px}.ds-export-dialog pre{padding:14px;font-size:12px}.ds-dialog-footer{gap:10px;font-size:11px}.ds-dialog-footer .ds-button{padding:0 10px;font-size:12px}.ds-docs{padding-top:35px;display:block}.ds-docs-nav{border-bottom:1px solid var(--line);white-space:nowrap;scrollbar-width:thin;flex-direction:row;gap:18px;margin-bottom:40px;padding-bottom:20px;display:flex;position:static;overflow-x:auto}.ds-docs-nav .ds-panel-label{display:none}.ds-docs-nav a{border:0;padding:0;font-size:12px}.ds-docs h1{font-size:41px}.ds-docs .ds-docs-lead{font-size:16px}.ds-docs h2{font-size:25px;line-height:1.25}.ds-docs p{font-size:14px}.ds-docs-badges{gap:16px;font-size:11px}.ds-docs article>section{margin-bottom:34px;padding-bottom:35px}.ds-notice{padding:13px 14px}.ds-notice p,.ds-docs .ds-code-window pre{font-size:12px}.ds-pro-hero{grid-template-columns:1fr;gap:0;padding:45px 0 35px}.ds-pro-hero h1{margin-top:22px;font-size:53px}.ds-pro-hero p{font-size:15px}.ds-pro-art{height:300px}.ds-plans{grid-template-columns:1fr;gap:30px}.ds-plan{padding:30px}.ds-plan-price{font-size:34px}.ds-pro-features{gap:30px 25px}.ds-pro-features h3{font-size:15px}.ds-pro-features p{font-size:13px}.ds-pro-note{padding:17px}.ds-pro-note p{font-size:12px}.ds-not-found{padding:85px 0}.ds-not-found h1{font-size:34px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ds-button:hover{transform:none}}.ds-showcase{grid-template-rows:48px minmax(0,1fr) 86px;height:clamp(600px,100svh - 88px,960px);padding-top:16px;padding-bottom:24px;display:grid}.ds-showcase-heading,.ds-home-section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.ds-showcase-heading h1{letter-spacing:-.3px;color:#ababab;font-size:17px}.ds-showcase-index{color:#787878;font:12px var(--font-mono);letter-spacing:.5px;align-items:center;gap:10px;display:flex}.ds-showcase-index .ds-status-dot{flex-basis:4px;width:4px;height:4px}.ds-showcase-canvas{width:min(100%,1000px);height:100%;min-height:0;margin:auto}.ds-showcase-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid}.ds-showcase-explore{justify-self:start}.ds-showcase-studio{justify-self:end}.ds-formation-dock{background:#0a0a0a;border:1px solid #272727;border-radius:13px;align-items:center;gap:5px;padding:6px;display:flex}.ds-formation-preview{border:1px solid #0000;border-radius:8px;width:50px;height:50px;padding:0;transition:background .18s,border-color .18s;position:relative}.ds-formation-preview:hover{background:#ffffff06}.ds-formation-preview.is-active{background:#ffffff0a;border-color:#ffffff35}.ds-formation-thumb{pointer-events:none;width:100%;height:100%;display:block}.ds-formation-tooltip{color:#b5b5b5;opacity:0;pointer-events:none;font-size:12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 17px);left:50%;transform:translate(-50%)}.ds-formation-preview:hover .ds-formation-tooltip,.ds-formation-preview:focus-visible .ds-formation-tooltip{opacity:1}.ds-dock-divider{background:#2b2b2b;width:1px;height:22px;margin-inline:4px}.ds-playback{color:#a8a8a8;border-radius:8px;place-items:center;width:40px;height:50px;display:grid}.ds-playback:hover{color:var(--accent);background:#ffffff06}.ds-home-collection{border-top:1px solid var(--line);padding-block:60px 80px}.ds-home-section-heading{margin-bottom:26px}.ds-home-section-heading h2{letter-spacing:-.8px;font-size:23px}.ds-home-section-heading h2>span{font:12px var(--font-mono);color:var(--subtle);vertical-align:super;margin-left:7px}.ds-home-collection .ds-card-canvas{height:248px;padding:16px 12px 0}.ds-home-collection .ds-card-bottom{flex-direction:row;align-items:center}.ds-home-collection .ds-card-bottom>svg{color:#6e6e6e}.ds-home-studio{padding-bottom:80px}.ds-studio-triptych{background:#070707;border:1px solid #282828;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));transition:border-color .2s;display:grid;position:relative;overflow:hidden}.ds-studio-triptych:hover{border-color:#5f5f5f}.ds-studio-specimen{height:340px;padding:16px;position:relative}.ds-studio-specimen+.ds-studio-specimen{border-left:1px solid #1e1e1e}.ds-specimen-swatch{border-radius:50%;width:6px;height:6px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.ds-studio-open{color:#8d8d8d;place-items:center;display:grid;position:absolute;top:16px;right:16px}.ds-home-package{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;align-items:center;gap:50px;padding-block:44px 68px;display:grid}.ds-home-package-label h2{letter-spacing:-.6px;font-size:21px}.ds-home-package-label>span{color:var(--muted);margin-top:9px;font-size:13px;display:block}.ds-home-package-label .ds-text-link{margin-top:20px}.ds-home-snippet{border:1px solid var(--line);background:#0a0a0a;border-radius:9px;justify-content:space-between;align-items:flex-start;gap:20px;min-width:0;padding:25px;display:flex}.ds-home-snippet pre{color:#b9b9b9;font-size:14px;line-height:1.8}.ds-home-snippet .ds-copy{flex-shrink:0}@media (max-width:900px){.ds-showcase{height:clamp(580px,100svh - 74px,900px)}.ds-showcase-controls{gap:16px}.ds-formation-dock{gap:2px}.ds-formation-preview{width:44px;height:44px}.ds-playback{width:34px;height:44px}.ds-studio-specimen{height:270px;padding:5px}}@media (max-width:680px){.ds-showcase{grid-template-rows:42px minmax(0,1fr) 124px;height:clamp(540px,100svh - 68px,840px);padding-top:12px;padding-bottom:18px}.ds-showcase-heading h1{font-size:15px}.ds-showcase-index{gap:7px;font-size:11px}.ds-showcase-index>span{width:57px}.ds-showcase-controls{grid-template-columns:1fr 1fr;gap:14px}.ds-formation-dock{grid-area:1/1/auto/-1;justify-self:center;gap:2px;max-width:100%;padding:5px}.ds-formation-preview{flex-shrink:1;width:clamp(32px,9.5vw,44px);height:44px}.ds-dock-divider{margin-inline:2px}.ds-playback{flex-shrink:0;width:32px}.ds-showcase-explore,.ds-showcase-studio{font-size:13px}.ds-home-collection{padding-block:35px 45px}.ds-home-section-heading{gap:12px;margin-bottom:20px}.ds-home-section-heading h2{font-size:20px}.ds-home-section-heading .ds-text-link{gap:7px;font-size:12px}.ds-home-section-heading .ds-tiny-badge{font-size:11px}.ds-home-collection .ds-card-canvas{height:170px;padding:12px 6px 0}.ds-home-studio{padding-bottom:45px}.ds-studio-triptych{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-studio-specimen{height:180px}.ds-studio-specimen:first-child{border-bottom:1px solid #1e1e1e;grid-column:1/-1;height:270px}.ds-studio-specimen:nth-child(2){border-left:0}.ds-home-package{grid-template-columns:1fr;gap:25px;padding-block:30px 45px}.ds-home-snippet{gap:10px;padding:18px 14px}.ds-home-snippet pre{font-size:12px}}.ds-library-intro{padding-bottom:28px}.ds-library-intro h1{align-items:flex-start;gap:13px;font-size:clamp(32px,4vw,48px);display:flex}.ds-library-intro h1>span{font:14px var(--font-mono);color:var(--muted);letter-spacing:0;margin-top:7px}.ds-navigation-filters{flex-wrap:wrap;gap:7px;margin:12px 0 24px;display:flex}.ds-navigation-filters button{color:var(--muted);border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;display:flex}.ds-navigation-filters button>span{font:11px var(--font-mono);color:#747474}.ds-navigation-filters button.is-active{color:var(--accent);background:#ffffff08;border-color:#3f3f3f}.ds-navigation-filters button:hover{color:var(--text)}.ds-navigation-preview{background:#090909;border:1px solid #2a2a2a;border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin-bottom:30px;display:grid;overflow:hidden}.ds-navigation-canvas{height:320px;padding:22px}.ds-navigation-copy{padding:28px 30px 28px 0}.ds-navigation-routes{gap:5px;margin-bottom:29px;display:flex}.ds-navigation-routes button{color:#848484;border:1px solid #0000;border-radius:5px;padding:7px 10px;font-size:13px}.ds-navigation-routes button.is-active{color:var(--accent);border-color:#3f3f3f}.ds-navigation-distance{letter-spacing:-1px;font-size:32px;font-family:var(--font-display);display:block}.ds-navigation-copy>p{color:#a4a4a4;max-width:360px;min-height:45px;margin-top:8px;font-size:15px}.ds-navigation-playback{align-items:center;gap:6px;margin-top:13px;display:flex}.ds-navigation-playback>span{color:#888;margin-left:13px}.ds-navigation-demo-label{color:#717171;margin-top:15px;font-size:11px;display:block}.ds-library-more{justify-content:center;padding:32px 0 0;display:flex}.ds-library-more span{color:var(--muted);font:12px var(--font-mono)}.ds-library-grid .ds-card-bottom{flex-direction:row;align-items:center}.ds-library-grid .ds-card-bottom>svg{color:#6c6c6c}@media (max-width:640px){.ds-navigation-filters{gap:3px}.ds-navigation-filters button{padding:8px;font-size:12px}.ds-navigation-preview{grid-template-columns:1fr;gap:0}.ds-navigation-canvas{height:255px;padding:12px}.ds-navigation-copy{padding:0 23px 22px}.ds-navigation-routes{margin-bottom:20px}.ds-navigation-distance{font-size:28px}.ds-navigation-copy>p{min-height:40px;font-size:14px}}.ds-studio-category{color:#adadad;background:#0b0b0b;border:1px solid #323232;border-radius:5px;width:100%;min-height:40px;margin:0;padding:10px 12px;font-size:13px;display:block}.ds-filter-tabs button{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.ds-card-pro{z-index:1;color:#bcbcbc;position:absolute;top:15px;right:15px}.ds-pro-sequences{background:#080808;border:1px solid #2f2f2f;border-radius:12px;margin-bottom:28px;overflow:hidden}.ds-pro-sequence-tabs{scrollbar-width:thin;border-bottom:1px solid #222;gap:4px;padding:13px;display:flex;overflow-x:auto}.ds-pro-sequence-tabs button{color:#8f8f8f;border:1px solid #0000;border-radius:5px;flex-shrink:0;padding:10px 13px;font-size:13px}.ds-pro-sequence-tabs button.is-active{color:var(--accent);background:#ffffff07;border-color:#464646}.ds-pro-sequence-stage{max-width:600px;height:370px;margin-inline:auto}.ds-pro-sequence-footer{color:#adadad;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:10px 28px 22px;font-size:14px;display:grid}.ds-pro-sequence-footer>.ds-text-link{justify-self:end;font-size:13px}.ds-pro-step-controls{align-items:center;gap:3px;display:flex}.ds-pro-step-controls button{border-radius:4px;place-items:center;width:30px;height:34px;display:grid}.ds-pro-step-controls i{background:#4e4e4e;border-radius:8px;width:4px;height:4px}.ds-pro-step-controls .is-active i{background:var(--accent);width:15px}.ds-pro-step-controls button:hover{background:#ffffff07}.ds-pro-revised{padding-top:65px}.ds-pro-offer{justify-content:space-between;align-items:center;gap:40px;margin-bottom:38px;display:flex}.ds-pro-offer h1{letter-spacing:-1.7px;margin-top:15px;font-size:clamp(28px,3vw,43px)}.ds-pro-offer p{color:var(--muted);margin-top:16px;font-size:15px}.ds-pro-offer-price{grid-template-columns:auto auto;align-items:center;gap:10px 17px;display:grid}.ds-pro-offer-price strong{font:500 44px var(--font-display);letter-spacing:-2px}.ds-pro-offer-price>span{color:var(--muted);max-width:65px;font-size:13px;line-height:1.6}.ds-pro-offer-price .ds-button{grid-column:1/-1}.ds-pro-family-links{flex-wrap:wrap;gap:14px 24px;margin-bottom:60px;display:flex}.ds-pro-family-links a{color:#a5a5a5;align-items:center;gap:7px;font-size:13px;display:inline-flex}.ds-pro-family-links a:hover{color:var(--accent)}.ds-pro-revised .ds-plans{margin-bottom:70px}.ds-shape-picker button .ds-tiny-badge{margin-left:auto;padding:3px 5px;font-size:11px}@media (max-width:900px){.ds-library-toolbar{flex-wrap:wrap;gap:18px}.ds-pro-sequence-footer{gap:10px;padding-inline:18px}}@media (max-width:640px){.ds-pro-sequence-tabs{padding:9px}.ds-pro-sequence-tabs button{padding:9px;font-size:12px}.ds-pro-sequence-stage{height:290px}.ds-pro-sequence-footer{grid-template-columns:1fr 1fr;padding:8px 15px 17px;font-size:13px}.ds-pro-step-controls{grid-area:1/1/auto/-1;justify-content:center}.ds-pro-sequence-footer>.ds-text-link{font-size:12px}.ds-pro-offer{flex-direction:column;align-items:stretch;gap:26px}.ds-pro-offer-price{grid-template-columns:auto 1fr auto;gap:12px}.ds-pro-offer-price .ds-button{grid-column:auto;padding-inline:12px;font-size:12px}.ds-pro-offer-price strong{font-size:34px}.ds-pro-offer-price>span{font-size:12px}.ds-pro-revised{padding-top:36px}}.ds-showcase{grid-template-rows:48px minmax(0,1fr) 86px;height:min(850px,100svh - 88px);min-height:650px}.ds-showcase-stage{grid-template-columns:1fr 1.1fr;align-items:center;gap:20px;min-height:0;display:grid}.ds-showcase-copy h1{letter-spacing:-2.8px;font-size:clamp(38px,4.5vw,66px);line-height:1.08}.ds-showcase-copy>p{max-width:380px;color:var(--muted);margin-top:23px;font-size:17px;line-height:1.75}.ds-showcase-actions{flex-wrap:wrap;gap:10px;margin-top:29px;display:flex}.ds-showcase-install{color:var(--muted);align-items:center;gap:7px;margin-top:21px;font-size:13px;display:inline-flex}.ds-showcase-install:hover{color:var(--text)}.ds-showcase-hint{color:var(--muted);justify-self:end;font-size:13px}.ds-showcase-index>span{width:85px}.ds-section-description{max-width:600px;color:var(--muted);margin:-10px 0 28px;font-size:15px;line-height:1.7}.ds-card-purpose{color:var(--muted);margin-top:5px;font-size:12px}.ds-live-studio{border:1px solid var(--line);background:#080808;border-radius:12px;overflow:hidden}.ds-live-studio-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:28px;padding:16px 22px;display:flex}.ds-demo-control{align-items:center;gap:5px;display:flex}.ds-demo-control>span{color:var(--muted);margin-right:8px;font-size:13px}.ds-demo-control button{color:var(--muted);border:1px solid #0000;border-radius:5px;padding:6px 9px;font-size:13px}.ds-demo-control button[aria-pressed=true]{color:#fff;background:#ffffff09;border-color:#555}.ds-demo-control .ds-demo-color{place-items:center;width:28px;height:28px;padding:6px;display:grid}.ds-demo-color i{background:var(--swatch);border-radius:50%;width:12px;height:12px}.ds-demo-play{color:var(--muted);align-items:center;gap:8px;margin-left:auto;padding:8px;font-size:13px;display:flex}.ds-live-studio-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ds-live-studio-card+.ds-live-studio-card{border-left:1px solid var(--line)}.ds-live-studio-card:hover{background:#ffffff03}.ds-live-studio-canvas{height:290px;padding:12px}.ds-live-studio-caption{justify-content:space-between;align-items:center;padding:0 23px 24px;display:flex}.ds-live-studio-caption .ds-mono{color:var(--muted);font-size:11px}.ds-live-studio-caption h3{margin-top:8px;font-size:16px;font-weight:500}.ds-live-studio-caption>svg{color:var(--muted)}.ds-home-studio-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:21px;display:flex}.ds-home-studio-footer>span{color:var(--muted);font-size:13px}.ds-home-studio-footer .ds-text-link{font-size:13px}@media (max-width:900px){.ds-showcase-copy h1{letter-spacing:-1.8px;font-size:43px}.ds-showcase-copy>p{font-size:15px}.ds-showcase-actions .ds-button{padding-inline:15px;font-size:13px}.ds-showcase-hint{text-align:right;max-width:110px;line-height:1.6}.ds-live-studio-canvas{height:230px}}@media (max-width:680px){.ds-showcase{grid-template-rows:40px auto auto;height:auto;min-height:0;padding-bottom:28px}.ds-showcase-heading>.ds-eyebrow,.ds-showcase-index{font-size:11px}.ds-showcase-index>span{width:auto}.ds-showcase-stage{grid-template-columns:1fr;gap:0}.ds-showcase-copy{padding-top:22px}.ds-showcase-copy h1{font-size:clamp(36px,9.5vw,52px)}.ds-showcase-copy>p{max-width:340px;margin-top:17px}.ds-showcase-actions{margin-top:20px}.ds-showcase-install{margin-top:16px}.ds-showcase-canvas{height:300px}.ds-showcase-controls{gap:15px}.ds-showcase-hint{max-width:none;font-size:12px}.ds-showcase-explore{font-size:12px}.ds-section-description{margin-top:-6px;font-size:14px}.ds-home-section-heading{align-items:flex-start}.ds-home-section-heading .ds-button{gap:6px;padding-inline:10px;font-size:12px}.ds-live-studio-toolbar{flex-wrap:wrap;gap:12px;padding:12px}.ds-demo-control{gap:2px}.ds-demo-control>span{margin-right:3px;font-size:12px}.ds-demo-control button{padding:6px;font-size:12px}.ds-demo-play{padding:5px}.ds-demo-play>span{display:none}.ds-live-studio-grid{grid-template-columns:1fr}.ds-live-studio-card+.ds-live-studio-card{border-left:0;border-top:1px solid var(--line)}.ds-live-studio-canvas{height:260px}.ds-home-studio-footer{flex-direction:column;align-items:flex-start;gap:14px;line-height:1.7}}@property --pro-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.ds-pro-shimmer{isolation:isolate;position:relative}.ds-pro-shimmer:before{content:"";border-radius:inherit;background:conic-gradient(from var(--pro-angle), #ff8eab, #ffd98e, #b0efba, #88d8ff, #bfa0ff, #ff8eab);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:7s linear infinite pro-shimmer;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes pro-shimmer{to{--pro-angle:360deg}}@media (prefers-reduced-motion:reduce){.ds-pro-shimmer:before{animation:none}}.ds-card-pro.ds-pro-shimmer{position:absolute}.ds-tiny-badge.ds-pro-shimmer:before{padding:1px;inset:-1px}.ds-editor-timeline{border-top:1px solid var(--line);background:#0b0b0b;min-width:0;padding:22px}.ds-timeline-toolbar,.ds-timeline-toolbar>div,.ds-timeline-inspector,.ds-timeline-inspector>div{align-items:center;gap:12px;display:flex}.ds-timeline-toolbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.ds-timeline-toolbar strong{font-size:15px;font-weight:500}.ds-timeline-toolbar span{font:12px var(--font-mono);color:var(--muted)}.ds-editor-timeline button{border:1px solid var(--line);border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:12px;display:inline-flex}.ds-editor-timeline button:disabled{opacity:.35}.ds-timeline-scroll{padding:0 10px 12px 0;overflow-x:auto}.ds-timeline-content{position:relative}.ds-timeline-ruler{cursor:crosshair;border-bottom:1px solid #333;height:30px;position:relative;overflow:hidden}.ds-timeline-ruler>span{color:#999;height:100%;font:11px var(--font-mono);border-left:1px solid #444;padding-left:5px;position:absolute}.ds-timeline-clips{padding-top:8px;display:flex}.ds-timeline-clip{flex-shrink:0;height:104px;padding-right:3px;position:relative}.ds-editor-timeline .ds-timeline-select{text-align:left;background:#181818;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;width:100%;height:100%;padding:10px 14px 10px 10px;display:flex;position:relative;overflow:hidden}.ds-timeline-select strong{white-space:nowrap;text-overflow:ellipsis;z-index:1;max-width:100%;font-size:13px;font-weight:500;overflow:hidden}.ds-timeline-select small,.ds-timeline-select>span{font:11px var(--font-mono);color:#aaa;z-index:1}.ds-timeline-clip.is-active .ds-timeline-select{background:#252525;border-color:#ddd}.ds-timeline-dots{opacity:.18;background-image:radial-gradient(#ddd 1px,#0000 1px);background-size:7px 7px;position:absolute;inset:10px;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000);mask-image:linear-gradient(90deg,#0000 20%,#000)}.ds-editor-timeline .ds-clip-trim{cursor:ew-resize;touch-action:none;background:#ffffff0a;border:0;width:10px;height:100%;padding:0;position:absolute;top:0;right:3px}.ds-clip-trim>span{background:#999;width:2px;height:22px}.ds-timeline-playhead{pointer-events:none;background:#fff;width:1px;position:absolute;top:0;bottom:0}.ds-timeline-playhead i{clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);background:#fff;width:9px;height:10px;position:absolute;top:0;left:-4px}.ds-timeline-scrub{width:100%;height:14px;margin:5px 0 16px}.ds-timeline-inspector{flex-wrap:wrap;gap:14px}.ds-timeline-inspector label{color:#bbb;align-items:center;gap:8px;font-size:12px;display:flex}.ds-timeline-inspector input[type=number]{color:#fff;width:66px;font:13px var(--font-mono);background:#151515;border:1px solid #444;border-radius:4px;padding:7px}.ds-timeline-zoom{margin-left:auto}.ds-timeline-zoom input{width:80px}.ds-timeline-help{color:#888;margin-top:15px;font-size:12px;line-height:1.7}@media (min-width:1200px){.ds-studio-layout{grid-template-columns:270px minmax(0,1fr) 255px}}@media (max-width:680px){.ds-editor-timeline{padding:16px 12px}.ds-timeline-toolbar{gap:14px}.ds-timeline-zoom{margin-left:0}}.ds-library-welcome{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.ds-library-welcome a{color:var(--foreground);text-underline-offset:4px;align-items:center;gap:5px;display:inline-flex}.ds-library-welcome a:hover{text-decoration:underline}.ds-engine-container{width:min(1320px,100% - 112px);margin-inline:auto}.ds-home-remainder[hidden]{display:none}body:has(.ds-home[data-intro-locked=true]) .ds-footer{display:none}.ds-gravity-story{height:calc(100svh - 88px);position:relative}.ds-gravity-story.is-raining{height:230svh}.ds-gravity-sticky{height:calc(100svh - 88px)}.ds-gravity-stage{height:100%;overflow:hidden}.ds-gravity-helix{width:min(520px,80vw);height:41%;position:absolute;top:0;left:50%;transform:translate(-50%)}.ds-gravity-intro{text-align:center;position:absolute;top:42%;left:20px;right:20px}.ds-gravity-intro .ds-eyebrow{letter-spacing:2px;color:#7e7e84;justify-content:center;margin-bottom:16px;font-size:11px}.ds-gravity-intro h1{font-family:var(--font-display);letter-spacing:-.065em;margin:0;font-size:clamp(48px,6.6vw,96px);font-weight:500;line-height:.96}.ds-gravity-intro h1>span{display:block}.ds-gravity-intro p{color:#8e8e96;margin:22px 0 0;font-size:clamp(15px,1.5vw,20px)}.ds-particle-button{color:#fff;cursor:pointer;background:#000;border:1px solid #ffffff18;border-radius:40px;justify-content:center;align-items:center;gap:13px;font-size:16px;transition:border-color .3s,background .3s;display:flex}.ds-particle-button:hover{background:#ffffff09}.ds-particle-button:focus-visible{outline-offset:9px;outline:2px solid #bccbff}.ds-gravity-action{z-index:3;color:#9f9fa8;background:0 0;border-color:#0000;width:280px;height:64px;position:absolute;top:81%;left:50%;transform:translate(-50%)}.ds-gravity-enter:not(.is-ready){visibility:hidden;pointer-events:none}.ds-rain-trigger{color:#e5e5e8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff27;border-radius:40px;justify-content:center;align-items:center;gap:10px;font-size:16px;display:flex}.ds-rain-trigger:hover{background:#ffffff13}.ds-rain-trigger:focus-visible{outline-offset:5px;outline:2px solid #bccbff}.ds-gravity-scroll{color:#a4a4ad;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.ds-gravity-enter.is-ready{color:#111;background:#fff;border-color:#fff;box-shadow:0 4px 24px #ffffff10}.ds-gravity-enter.is-ready:hover{background:#e4e4e7}.ds-gravity-footer{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:24px;left:42px;right:42px}.ds-gravity-links{align-items:center;gap:22px;font-size:13px;display:flex}.ds-gravity-links a{align-items:center;gap:6px;display:inline-flex}.ds-gravity-links a+a{color:#82828a}.ds-gravity-caption{letter-spacing:.02em;color:#7c7c83;white-space:nowrap;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.ds-gravity-controls{gap:8px;display:flex}.ds-gravity-controls button{color:#b7b7bd;background:#000;border:1px solid #ffffff20;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.ds-engine-section{border-top:1px solid #ffffff13;padding-block:112px}.ds-engine-copy h2,.ds-engine-centered h2,.ds-engine-studio h2,.ds-engine-final h2{letter-spacing:-.055em;margin:28px 0 24px;font-size:clamp(40px,4.7vw,72px);font-weight:450;line-height:1.04}.ds-engine-copy h2 span,.ds-engine-centered h2 span,.ds-engine-studio h2 span,.ds-engine-final h2 span{color:#7e7e87}.ds-engine-copy p,.ds-engine-centered p{color:#9898a0;max-width:420px;margin:0 0 29px;font-size:17px;line-height:1.7}.ds-engine-copy .ds-eyebrow,.ds-engine-section-top .ds-eyebrow{letter-spacing:1.9px;color:#90909a;font-size:11px}.ds-shape-chapter{outline:none;height:620svh;scroll-margin-top:88px}.ds-shape-sticky{grid-template-columns:1fr 1.1fr;align-items:center;gap:25px;min-height:calc(100svh - 88px);display:grid}.ds-shape-cinema{height:min(620px,70svh);position:relative}.ds-shape-cinema>div{height:100%}.ds-cinema-caption{color:#676770;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.ds-shape-states{color:#5e5e68;gap:18px;margin-top:56px;font-size:12px;display:flex}.ds-shape-states>button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;transition:color .4s;display:inline-flex}.ds-shape-states i{background:currentColor;border-radius:50%;width:4px;height:4px}.ds-shape-states .is-active{color:#eee}.ds-shape-states button:focus-visible{outline-offset:5px;outline:1px solid #bccbff}.ds-engine-section-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:44px;display:flex}.ds-engine-tag{font-family:var(--font-mono);color:#a3a3ad;letter-spacing:.7px;border:1px solid #ffffff1c;border-radius:30px;padding:7px 12px;font-size:10px}.ds-engine-centered{text-align:center}.ds-engine-centered p{max-width:460px;margin-inline:auto}.ds-component-playground{background:radial-gradient(at 50% 65%,#11121a66,#0000 68%);border:1px solid #ffffff13;border-radius:24px;height:470px;margin-top:50px;overflow:hidden}.ds-component-hint{color:#85858d;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;top:32px;left:0;right:0}.ds-create-button{color:#101114;z-index:3;background:#fff;border-color:#fff;width:250px;height:72px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0005,inset 0 1px #fff}.ds-create-button.is-hidden{opacity:0;pointer-events:none}.ds-create-button:hover{background:#e4e4e7}.ds-avatar-reform{border-radius:30px;gap:10px;margin-top:10px;padding:16px 22px;font-size:15px}.ds-avatar-reform:disabled{opacity:.4;cursor:default}.ds-particle-menu{opacity:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(850px,100% - 64px);display:grid;position:absolute;top:96px;left:50%;transform:translate(-50%)}.ds-particle-menu.is-open{opacity:1}.ds-live-control{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17181d;background:#f5f5f7;border-radius:20px;flex-direction:column;gap:16px;min-width:0;min-height:212px;padding:25px 22px;display:flex;box-shadow:0 8px 26px #0004}.ds-live-control .ds-control-kind{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:#73737d;font-size:10px}.ds-live-control label,.ds-demo-control-title{font-size:16px;font-weight:500}.ds-live-control .ds-control-detail{color:#747480;margin-top:auto;font-size:12px;line-height:1.4}.ds-demo-select{position:relative}.ds-demo-select select{appearance:none;width:100%;height:44px;font:inherit;color:#22232a;cursor:pointer;background:#e9e9ee;border:1px solid #dedee5;border-radius:9px;padding:0 32px 0 36px;font-size:14px}.ds-demo-select>svg{color:#777783;pointer-events:none;position:absolute;top:14px;right:12px}.ds-demo-swatch{background:var(--demo-accent);pointer-events:none;border-radius:50%;width:13px;height:13px;position:absolute;top:15px;left:13px}.ds-demo-volume-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.ds-demo-volume-label label{align-items:center;gap:6px;display:inline-flex}.ds-demo-volume-label output{font-variant-numeric:tabular-nums;color:#6a6a77;font-size:14px}.ds-demo-range{appearance:none;background:linear-gradient(to right, var(--demo-accent) 0 var(--demo-volume), #d7d7e0 var(--demo-volume) 100%);width:100%;height:6px;accent-color:var(--demo-accent);cursor:pointer;border-radius:10px;margin:19px 0}.ds-demo-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--demo-accent);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 5px #0002}.ds-demo-range::-moz-range-thumb{border:2px solid var(--demo-accent);background:#fff;border-radius:50%;width:16px;height:16px}.ds-demo-checkbox{cursor:pointer;align-items:center;gap:10px;height:44px;display:flex}.ds-demo-checkbox input{width:21px;height:21px;accent-color:var(--demo-accent);cursor:pointer;margin:0}.ds-demo-checkbox span{font-size:14px;font-weight:400}.ds-live-control :is(input,select):focus-visible{outline:2px solid var(--demo-accent);outline-offset:5px}.ds-component-close{color:#a8a8b0;z-index:3;background:0 0;border:0;align-items:center;gap:7px;padding:10px;font-size:13px;display:flex;position:absolute;top:72%;left:50%;transform:translate(-50%)}.ds-component-footnote{text-align:center;color:#656570;font-size:12px;position:absolute;bottom:24px;left:10px;right:10px}.ds-engine-under{color:#787880;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:13px;display:flex}.ds-transition-chapter{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;display:grid}.ds-transition-visual{height:570px;position:relative}.ds-transition-visual>div:first-child{height:calc(100% - 45px)}.ds-motion-scrubber{align-items:center;gap:17px;width:min(320px,90%);height:38px;margin:auto;display:flex}.ds-motion-scrubber input{accent-color:#fff;cursor:ew-resize;width:100%;height:2px}.ds-motion-scrubber button{font-family:var(--font-mono);color:#9f9fa9;background:0 0;border:1px solid #fff2;border-radius:5px;min-width:50px;padding:7px 10px;font-size:11px}.ds-motion-properties{flex-wrap:wrap;gap:8px;margin-top:38px;display:flex}.ds-motion-properties span{color:#858590;border:1px solid #ffffff17;border-radius:20px;padding:6px 10px;font-size:11px}.ds-avatar-chapter{grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;display:grid}.ds-avatar-playground{height:520px}.ds-avatar-target{position:absolute;inset:0 10px 70px}.ds-avatar-whisper{text-align:center;color:#b8becb;font-size:17px;position:absolute;bottom:60px;left:0;right:0}.ds-avatar-pointer{text-align:center;color:#666671;font-size:11px;position:absolute;bottom:20px;left:0;right:0}.ds-expression-controls{flex-wrap:wrap;gap:8px;margin-top:35px;display:flex}.ds-expression-controls button{color:#9a9aa5;text-transform:capitalize;background:0 0;border:1px solid #ffffff1b;border-radius:24px;padding:10px 14px;font-size:12px}.ds-expression-controls button[aria-pressed=true]{color:#fff;background:#ffffff0e;border-color:#ffffff48}.ds-engine-studio h2{margin:20px 0 45px}.ds-engine-final{text-align:center;border-top:1px solid #ffffff15;padding-block:100px 150px}.ds-engine-final .ds-eyebrow,.ds-engine-final .ds-actions{justify-content:center}.ds-engine-final h2{margin-block:25px 45px;font-size:clamp(50px,6.5vw,100px)}.ds-engine-final .ds-button{height:52px}.ds-engine-final p{color:#72727d;margin-top:22px;font-size:13px}@media (min-width:681px) and (max-height:740px){.ds-gravity-intro h1{font-size:62px}.ds-gravity-intro{top:37%}.ds-gravity-intro .ds-eyebrow{margin-bottom:10px}.ds-gravity-intro p{margin-top:14px}.ds-gravity-action{height:52px;top:78%}.ds-gravity-helix{height:35%}.ds-gravity-footer{bottom:12px}}@media (max-width:1000px){.ds-engine-container{width:calc(100% - 64px)}.ds-transition-chapter{gap:24px}.ds-engine-copy h2{font-size:46px}.ds-shape-states{gap:12px}.ds-transition-visual{height:440px}}@media (max-width:680px){.ds-engine-container{width:calc(100% - 40px)}.ds-gravity-sticky{height:calc(100svh - 68px);top:68px}.ds-gravity-intro{top:42%}.ds-gravity-intro h1{font-size:clamp(42px,10.8vw,68px);line-height:1.04}.ds-gravity-intro .ds-eyebrow{letter-spacing:1.5px;margin-bottom:20px;font-size:8px}.ds-gravity-intro p{margin-top:18px;font-size:13px}.ds-gravity-helix{height:38%;top:2%}.ds-gravity-action{width:258px;height:60px;font-size:14px;top:76%}.ds-gravity-footer{bottom:20px;left:20px;right:20px}.ds-gravity-links{gap:15px;font-size:11px}.ds-gravity-caption{font-size:10px;bottom:55px}.ds-gravity-story:not(.is-raining){height:calc(100svh - 68px)}.ds-engine-section{padding-block:75px}.ds-engine-section-top{gap:10px;margin-bottom:30px}.ds-engine-section-top .ds-eyebrow{font-size:9px}.ds-engine-tag{letter-spacing:0;padding:6px 8px;font-size:8px}.ds-engine-copy h2,.ds-engine-centered h2,.ds-engine-studio h2{margin-block:20px;font-size:40px}.ds-engine-copy p,.ds-engine-centered p{font-size:15px;line-height:1.65}.ds-shape-chapter{height:560svh;scroll-margin-top:68px}.ds-shape-sticky{grid-template-columns:1fr;align-content:center;gap:0;height:calc(100svh - 68px);min-height:0;top:68px}.ds-shape-sticky .ds-engine-copy{order:2;padding-bottom:30px}.ds-shape-sticky h2{margin-block:17px;font-size:37px}.ds-shape-sticky p{margin-bottom:15px;font-size:14px}.ds-shape-cinema{height:37svh}.ds-cinema-caption{display:none}.ds-shape-states{margin-top:25px;font-size:10px}.ds-component-playground{border-radius:15px;height:675px;margin-top:36px}.ds-particle-menu{grid-template-columns:1fr;gap:12px;width:calc(100% - 36px);top:65px}.ds-live-control{gap:9px;min-height:155px;padding:17px 20px}.ds-live-control .ds-control-detail{display:none}.ds-live-control label,.ds-demo-control-title{font-size:15px}.ds-demo-range{margin:14px 0}.ds-component-close{top:auto;bottom:55px}.ds-component-hint{font-size:11px}.ds-component-footnote{font-size:10px}.ds-create-button{width:235px;font-size:15px}.ds-engine-under{align-items:flex-start;font-size:11px}.ds-engine-under .ds-text-link{font-size:11px}.ds-transition-chapter,.ds-avatar-chapter{grid-template-columns:1fr;gap:20px}.ds-transition-chapter .ds-engine-copy{order:-1}.ds-transition-visual{height:390px}.ds-motion-properties{margin-top:24px}.ds-avatar-playground{height:420px}.ds-avatar-target{inset:0 5px 60px}.ds-expression-controls{gap:7px;margin-top:25px}.ds-expression-controls button{padding:9px 12px;font-size:11px}.ds-engine-final{padding-block:75px 100px}.ds-engine-final h2{font-size:49px}}@media (prefers-reduced-motion:reduce){.ds-shape-chapter{height:auto}.ds-shape-sticky{position:relative;top:0}.ds-particle-menu{transition:none}}.ds-home-motion-toggle{z-index:20;color:#b7b7bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000d;border:1px solid #ffffff25;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:fixed;bottom:22px;right:24px}.ds-gravity-controls{margin-right:30px}@media (max-width:680px){.ds-home-motion-toggle{bottom:18px;right:18px}.ds-gravity-controls{margin-right:44px}}.ds-home .ds-engine-section{min-height:calc(100svh - 88px);padding-block:clamp(52px,7svh,88px)}.ds-shape-chapter{height:calc(400svh - 352px);scroll-margin-top:0;position:relative}.ds-ui-chapter .ds-engine-section-top{margin-bottom:24px}.ds-primitive-picker{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:32px;display:flex}.ds-primitive-picker button{color:#92929d;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 16px;font-size:14px}.ds-primitive-picker button[aria-pressed=true]{color:#fff;background:#17171c;border-color:#fff2}.ds-primitive-picker button:focus-visible{outline-offset:3px;outline:2px solid #a8b9ff}.ds-primitive-playground{background:radial-gradient(#13142080,#0000 72%);border:1px solid #ffffff14;border-radius:18px;height:310px;margin-top:18px}.ds-primitive-scene{flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:72px 24px 64px}.ds-primitive-scene label{color:#ececf1;cursor:pointer;font-size:16px}.ds-primitive-scene>label{color:#b2b2bd;font-size:14px}.ds-primitive-cta{border-radius:9px;min-width:236px;min-height:62px;font-size:16px}.ds-primitive-select{width:260px;min-height:54px}.ds-primitive-value{align-items:center;gap:12px;display:inline-flex}.ds-primitive-value i,.ds-primitive-color{border-radius:50%;width:13px;height:13px;display:inline-block}.ds-primitive-label{color:#a8a8b3;justify-content:space-between;align-items:center;width:260px;display:flex}.ds-primitive-label label{align-items:center;gap:10px;display:inline-flex}.ds-primitive-label output{font-family:var(--font-mono);font-size:13px}.ds-primitive-check-row{align-items:center;gap:16px;display:flex}.ds-primitive-import{text-align:center;font-family:var(--font-mono);color:#7f7f8b;font-size:12px;position:absolute;bottom:26px;left:16px;right:16px}@media (max-width:680px){.ds-home .ds-engine-section{min-height:calc(100svh - 68px);padding-block:48px}.ds-shape-chapter{height:calc(400svh - 272px)}.ds-primitive-picker{gap:2px;margin-top:24px}.ds-primitive-picker button{padding:9px 10px;font-size:12px}.ds-primitive-playground{height:300px}.ds-primitive-import{font-size:10px}.ds-primitive-scene{inset-inline:12px}.ds-primitive-scene label{font-size:15px}}@media (prefers-reduced-motion:reduce){.ds-shape-chapter{height:auto}}.ds-export-usage{font-size:12px;overflow-x:auto}.ds-export-sequence-preview{border:1px solid var(--line);border-radius:12px;overflow:hidden}.ds-export-sequence-preview>div:last-child{justify-content:center;gap:24px;padding:16px;display:flex}.ds-export-sequence-preview button{font-size:13px}.ds-demo-code{text-align:left;background:#0b0b0d;border:1px solid #29292d;border-radius:12px;width:100%;min-width:0;margin-top:24px;overflow:hidden}.ds-demo-code-header{color:#c5c5cf;border-bottom:1px solid #242428;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;font-size:13px;display:flex}.ds-demo-code-header>div,.ds-demo-code-header a{align-items:center;gap:8px;display:flex}.ds-demo-code-header>div{flex-shrink:0;gap:16px}.ds-demo-code-header .ds-copy{color:#d8d8df;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:inline-flex;position:static}.ds-demo-code pre{color:#e1e1e8;max-height:224px;font-family:var(--font-geist-mono), ui-monospace, monospace;tab-size:2;scrollbar-width:thin;scrollbar-color:#45454d transparent;margin:0;padding:16px;font-size:14px;line-height:1.65;overflow:auto}.ds-demo-code pre:focus-visible,.ds-demo-code-disclosure summary:focus-visible{outline-offset:-2px;outline:2px solid #aab}.ds-demo-code code{font:inherit}.ds-shape-states+.ds-demo-code{margin-top:22px}.ds-shape-sticky .ds-demo-code pre{max-height:210px}.ds-ui-chapter>.ds-demo-code{max-width:800px;margin-inline:auto}.ds-live-studio>.ds-demo-code{border-inline:0;border-bottom:0;border-radius:0;margin-top:0}.ds-hero-code{z-index:5;max-width:min(580px,100% - 44px);position:absolute;top:18px;right:22px}.ds-demo-code-disclosure summary{color:#c6c6ce;cursor:pointer;justify-content:flex-end;align-items:center;gap:8px;padding:10px 12px;font-size:13px;list-style:none;display:flex}.ds-demo-code-disclosure summary::-webkit-details-marker{display:none}.ds-demo-code-disclosure[open] summary{color:#fff}.ds-demo-code-disclosure .ds-demo-code{margin-top:4px}.ds-hero-code .ds-demo-code pre{max-height:min(360px,48svh)}@media (max-width:680px){.ds-demo-code-header{gap:8px;padding:10px 12px;font-size:12px}.ds-demo-code-header>div{gap:10px}.ds-demo-code pre{max-height:200px;padding:12px;font-size:13px}.ds-shape-sticky{height:auto;padding-block:24px}.ds-shape-sticky .ds-engine-copy{padding-bottom:0}.ds-shape-sticky .ds-demo-code{margin-top:16px}.ds-shape-sticky .ds-demo-code pre{max-height:126px}.ds-shape-sticky .ds-shape-cinema{height:min(240px,28svh)}.ds-hero-code{max-width:calc(100% - 24px);top:8px;right:12px}}.ds-home .ds-engine-copy h2,.ds-home .ds-engine-centered h2{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(38px,4vw,66px);line-height:1.08}.ds-home .ds-engine-copy h2>span,.ds-home .ds-engine-centered h2>span{color:#99999f}.ds-home .ds-engine-copy p,.ds-home .ds-engine-centered p{color:#a6a6ae;font-size:16px;line-height:1.65}.ds-shape-sticky{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px)}.ds-shape-states{background:#ffffff03;border:1px solid #ffffff13;border-radius:10px;gap:4px;width:fit-content;margin-top:28px;padding:4px}.ds-shape-states>button{color:#93939d;border-radius:6px;padding:9px 13px;font-size:13px}.ds-shape-states>button.is-active{color:#fff;background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff0c}.ds-shape-states>button:hover{color:#fff}.ds-shape-cinema{background:radial-gradient(#ffffff04,#0000 70%);border:1px solid #ffffff0d;border-radius:22px;height:min(580px,65svh)}.ds-shape-cinema>div:not(.ds-stage-label){height:100%}.ds-stage-label{z-index:1;pointer-events:none;color:#76767e;font-family:var(--font-mono), monospace;letter-spacing:.04em;justify-content:space-between;gap:12px;font-size:11px;display:flex;position:absolute;inset:22px 24px auto;height:auto!important}.ds-stage-label>span:first-child{align-items:center;gap:8px;display:flex}.ds-stage-label i{background:#e4e4e9;border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #fff4}.ds-shape-cinema .ds-cinema-caption{color:#93939c;gap:8px;font-size:12px;bottom:22px}.ds-stage-shape-name{color:#dfdfe5;text-transform:capitalize;border-right:1px solid #ffffff25;margin-right:6px;padding-right:14px}.ds-demo-code{background:#080809;border-color:#ffffff12;border-radius:12px;box-shadow:0 12px 32px #0002}.ds-demo-code-header{background:#ffffff02;border-color:#ffffff0c;padding:13px 16px;font-size:12px}.ds-demo-code-title{color:#b5b5bf;align-items:center;gap:9px;display:inline-flex}.ds-demo-code-title svg{color:#75757f;flex-shrink:0}.ds-demo-code-header a{color:#85858f;font-size:12px}.ds-demo-code-header .ds-copy{color:#b4b4be;font-size:12px}.ds-demo-code pre,.ds-shape-sticky .ds-demo-code pre{max-height:350px;padding:18px 16px;font-size:13px;line-height:1.7}.ds-code-line{display:inline}.ds-code-line-number{text-align:right;color:#45454e;-webkit-user-select:none;user-select:none;width:28px;margin-right:12px;display:inline-block}.ds-code-string{color:#b7d4bd}.ds-code-keyword{color:#bcade0}.ds-code-component{color:#b9cee9}.ds-code-number{color:#e1c3a1}.ds-code-comment{color:#777782}.ds-code-plain{color:#d0d0d9}.ds-demo-code-footer{color:#71717d;border-top:1px solid #ffffff09;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;font-size:11px;display:flex}.ds-demo-code-footer>span:first-child{align-items:center;gap:7px;display:flex}.ds-demo-code-footer i{background:#85858f;border-radius:50%;width:4px;height:4px}.ds-demo-code-footer button{font:inherit;color:#c0c0ca;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;display:flex}.ds-demo-code-footer button:hover,.ds-demo-code-header a:hover{color:#fff}.ds-demo-code-footer button:focus-visible{outline-offset:4px;outline:1px solid #fff}.ds-home .ds-ui-chapter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;display:grid}.ds-ui-chapter>.ds-engine-section-top,.ds-ui-chapter>.ds-engine-centered{grid-column:1/-1}.ds-ui-chapter>.ds-engine-centered{margin-bottom:40px}.ds-ui-chapter>.ds-primitive-picker{background:#080809;border:1px solid #ffffff14;border-bottom:0;border-radius:16px 16px 0 0;grid-area:3/1;margin-top:0;padding:12px}.ds-ui-chapter>.ds-primitive-playground{border-top:0;border-radius:0 0 16px 16px;grid-area:4/1;height:340px;margin:0}.ds-ui-chapter>.ds-engine-under{grid-area:5/1;align-items:flex-start;font-size:12px}.ds-ui-chapter>.ds-demo-code{grid-area:3/2/6;align-self:start;max-width:none;margin:0}.ds-ui-chapter>.ds-demo-code pre{min-height:250px}.ds-primitive-import{display:none}.ds-home .ds-transition-chapter,.ds-home .ds-avatar-chapter{gap:clamp(36px,5vw,80px)}.ds-hero-code .ds-demo-code{box-shadow:0 24px 80px #000d}.ds-demo-code-disclosure summary{background:#090909d9;border:1px solid #ffffff15;border-radius:7px;width:fit-content;margin-left:auto}@media (max-width:900px){.ds-shape-sticky{gap:24px}.ds-demo-code-header{gap:8px;padding-inline:12px}.ds-demo-code-title{font-size:11px}.ds-code-line-number{width:18px;margin-right:10px}}@media (max-width:680px){.ds-shape-sticky{grid-template-columns:1fr}.ds-home .ds-engine-copy h2,.ds-home .ds-engine-centered h2{font-size:36px}.ds-shape-states{margin-top:16px}.ds-shape-states>button{padding:8px 11px;font-size:12px}.ds-stage-label{font-size:9px;inset:14px 16px auto}.ds-shape-cinema .ds-cinema-caption{font-size:10px;bottom:12px}.ds-shape-sticky .ds-demo-code pre{max-height:140px}.ds-demo-code pre{font-size:12px}.ds-demo-code-footer{font-size:10px}.ds-home .ds-ui-chapter{display:block}.ds-ui-chapter>.ds-demo-code{margin-top:28px}.ds-ui-chapter>.ds-demo-code pre{min-height:0}.ds-ui-chapter>.ds-engine-centered{margin-bottom:28px}.ds-ui-chapter>.ds-primitive-playground{height:300px}}.ds-capability-page,.ds-composition-studio{padding-block:64px 90px}.ds-capability-heading,.ds-workbench-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.ds-capability-heading h1,.ds-workbench-heading h1{letter-spacing:-.055em;margin:16px 0;font-size:clamp(36px,5vw,68px)}.ds-capability-heading h1 span{color:#777}.ds-capability-heading p,.ds-workbench-heading p{color:#9999a3;max-width:580px;font-size:17px;line-height:1.65}.ds-capability-meta{color:#b5b5bf;justify-items:end;gap:14px;font-size:12px;display:grid}.ds-capability-meta code{color:#777781}.ds-capability-nav{border-block:1px solid #ffffff12;gap:6px;margin-bottom:32px;padding:14px 0;display:flex;overflow-x:auto}.ds-capability-nav :is(a,button){color:#94949f;border-radius:7px;flex-shrink:0;padding:10px 14px;font-size:13px}.ds-capability-nav [aria-current=page],.ds-capability-nav [aria-pressed=true]{color:#fff;background:#ffffff10}.ds-demo-stage{background:radial-gradient(#ffffff03,#0000 70%);border:1px solid #ffffff12;border-radius:18px;min-height:320px;position:relative;overflow:hidden}.ds-stage-status{text-align:center;pointer-events:none;font-family:var(--font-mono);color:#93939e;font-size:12px;position:absolute;bottom:16px;left:20px;right:20px}.ds-demo-controls,.ds-workbench-actions{flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0;display:flex}.ds-demo-controls button,.ds-workbench-actions button,.ds-editor-toolbar button,.ds-clip-editor>button{border:1px solid #ffffff20;border-radius:7px;padding:9px 13px;font-size:13px}.ds-demo-controls button[aria-pressed=true]{color:#111;background:#efeff4}.ds-demo-controls label{color:#aaaab5;align-items:center;gap:8px;font-size:12px;display:flex}.ds-demo-controls select,.ds-workbench-editor :is(input:not([type=checkbox]),select){color:#eee;background:#111114;border:1px solid #ffffff20;border-radius:6px;min-width:0;padding:8px 10px}.ds-demo-controls .ds-workbench-range{flex:1;gap:10px;min-width:150px;display:grid}.ds-workbench-range>span{justify-content:space-between;gap:16px;display:flex}.ds-workbench-range input{width:100%}.ds-track-list{background:#0b0b0e;border:1px solid #ffffff12;border-radius:12px;gap:10px;padding:18px;display:grid}.ds-track-row{color:#aaa;grid-template-columns:110px 1fr;align-items:center;gap:15px;font-size:12px;display:grid}.ds-track-row>div{background:#ffffff04;height:40px;position:relative}.ds-track-row i{background:#4a597955;border:1px solid #b4c6ff66;border-radius:5px;padding:10px;font-style:normal;position:absolute;top:2px;bottom:2px;overflow:hidden}.ds-capability-bottom{color:#8c8c98;border-top:1px solid #ffffff12;justify-content:space-between;gap:20px;margin-top:44px;padding-top:24px;font-size:13px;display:flex}.ds-ui-workspace{border:1px solid #ffffff12;border-radius:16px;min-height:650px;position:relative}.ds-flow-scene{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:30px}.ds-flow-scene .swarm-card{width:min(440px,100%)}.ds-flow-scene small{color:#888892;font-size:13px}.ds-flow-status{text-align:center;color:#777;font-size:12px;position:absolute;bottom:8px;left:0;right:0}.ds-showcase-form{gap:12px;width:100%;display:grid}.ds-showcase-form h3{margin-bottom:12px;font-size:24px}.ds-control-row{align-items:center;gap:10px;font-size:14px;display:flex}.ds-ui-form-demo{min-height:540px;padding:36px}.ds-ui-form-demo form{max-width:440px;margin:auto}.ds-overlay-examples{border:1px solid #ffffff12;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;min-height:360px;display:flex}.ds-physics-stage{touch-action:none}.ds-physics-body{width:240px;height:240px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.ds-physics-obstacle{pointer-events:none;background:#ffffff08;border:1px solid #fff4;border-radius:50%;width:76px;height:76px;position:absolute;top:calc(65% - 38px);left:calc(50% - 38px)}.ds-event-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:24px 0;display:flex}.ds-event-diagram span{background:#0c0c0f;border:1px solid #ffffff20;border-radius:8px;padding:14px 20px;font-size:13px}.ds-event-diagram b{color:#777;font-weight:400}.ds-workbench-editor{background:#09090b;border:1px solid #ffffff18;border-radius:14px;margin-bottom:24px;padding:20px}.ds-editor-toolbar{flex-wrap:wrap;align-items:center;gap:14px;padding:10px 0;display:flex}.ds-editor-toolbar label,.ds-clip-editor label{color:#93939e;gap:6px;font-size:12px;display:grid}.ds-editor-toolbar>span{color:#888;font-size:12px}.ds-track-editor{border-top:1px solid #ffffff12;margin-top:16px;padding-top:12px}.ds-clip-editor{flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0;display:flex}.ds-clip-editor input[type=number]{width:90px}.ds-clip-editor input[type=color]{width:48px;height:36px;padding:2px}.ds-workbench-actions span{color:#aaa;font-size:12px}.ds-studio-workspace-link{border:1px solid #fff2;border-radius:8px;padding:10px 14px;font-size:13px}.ds-studio-workspace-link small{color:#888;margin-top:5px;font-size:10px;display:block}.ds-header .ds-nav{gap:22px}@media (max-width:1100px){.ds-header .ds-nav{gap:13px}.ds-header .ds-nav>a{font-size:12px}.ds-version{display:none}.ds-header-inner{gap:20px}}@media (max-width:760px){.ds-capability-heading,.ds-workbench-heading{flex-direction:column;align-items:flex-start}.ds-capability-meta{justify-items:start}.ds-capability-page,.ds-composition-studio{padding-block:36px 60px}.ds-capability-nav{margin-inline:-10px}.ds-ui-form-demo{padding:22px}.ds-flow-scene{inset:16px}.ds-clip-editor{grid-template-columns:1fr 1fr;display:grid}.ds-track-row{grid-template-columns:70px 1fr}.ds-capability-bottom{flex-direction:column}.ds-studio-titlebar{flex-wrap:wrap}.ds-header-inner{gap:12px}}.ds-primitives-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ds-primitive-preview{color:#18181b;background:#fff;border:1px solid #e4e4e7;border-radius:12px;overflow:hidden}.ds-primitive-preview header{padding:20px 22px 0}.ds-primitive-preview h3{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.ds-primitive-preview header p{color:#71717a;margin:5px 0 0;font-size:13px}.ds-primitive-body{justify-content:center;align-items:center;gap:12px;min-height:150px;padding:28px 22px;font-size:14px;display:flex}.ds-primitive-stack{flex-direction:column;align-items:stretch;gap:12px}.ds-primitive-label{justify-content:space-between;font-size:13px;display:flex}.ds-primitive-label output{color:#71717a;font-variant-numeric:tabular-nums}.ds-primitive-body .swarm-slider{width:100%}.ds-primitive-body .swarm-select-trigger{width:100%;min-width:0}.ds-ui-form-demo{color:#18181b;background:#fff;border-color:#e4e4e7}.ds-showcase-form h3{letter-spacing:-.025em;font-size:18px}.ds-showcase-form{gap:14px}.ds-showcase-form .swarm-label{margin-bottom:-7px}.ds-flow-scene .swarm-card-title{letter-spacing:-.025em;font-size:18px}@media (max-width:1000px){.ds-primitives-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ds-primitives-grid{grid-template-columns:1fr}}.ds-showcase-back{color:#929299;margin-bottom:35px;font-size:13px;display:inline-flex}.ds-experience{isolation:isolate;background:#080809;border:1px solid #ffffff14;border-radius:18px;min-height:580px;position:relative;overflow:hidden}.ds-experience-caption{z-index:3;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:28px;left:32px;right:32px}.ds-experience-caption>span{color:#9999a0;font-size:14px}.ds-experience-caption .ds-button{flex-shrink:0}.ds-experience-caption button:disabled{opacity:.5;cursor:default}.ds-impact-source{width:240px;height:220px;position:absolute;top:4%;left:calc(50% - 120px)}.ds-impact-type{letter-spacing:-.07em;color:#f1f1f3;pointer-events:none;font-size:clamp(50px,7vw,105px);font-weight:600;line-height:.88;position:absolute;top:42%;left:12%}.ds-touch-cloud{width:360px;max-width:85%;height:360px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.ds-touch-experience{cursor:crosshair;touch-action:none}.ds-touch-cursor{pointer-events:none;border:1px solid #c7d7ff70;border-radius:50%;width:48px;height:48px;position:absolute;transform:translate(-50%,-50%)}.ds-story-caption{text-align:center;padding:0 24px 45px}.ds-story-caption p{letter-spacing:-.04em;margin:0 0 10px;font-size:28px}.ds-story-caption span{color:#81818b;font-size:14px}.ds-story-progress{background:#ffffff0a;height:2px;position:absolute;bottom:0;left:0;right:0}.ds-story-progress i{background:#d2dbff;height:100%;display:block}.ds-experience-actions{color:#aaa;justify-content:center;gap:24px;padding:20px;font-size:13px;display:flex}.ds-experience-choices{gap:5px;display:flex}.ds-experience-choices button{color:#999;text-transform:capitalize;border-radius:6px;padding:9px 13px;font-size:13px}.ds-experience-choices button[aria-pressed=true]{color:#111;background:#eee}.ds-capability-page>.ds-demo-code-disclosure{margin-top:24px}.ds-showcase-gallery{padding-block:70px 100px}.ds-showcase-gallery>header{padding-bottom:52px}.ds-showcase-gallery h1{letter-spacing:-.06em;margin:20px 0;font-size:clamp(42px,6vw,80px);font-weight:500;line-height:1.04}.ds-showcase-gallery h1 span{color:#81818b}.ds-showcase-gallery header p{color:#9999a3;font-size:16px}.ds-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.ds-showcase-tile{background:#080809;border:1px solid #ffffff15;border-radius:14px;transition:border-color .2s;overflow:hidden}.ds-showcase-tile:hover{border-color:#ffffff40}.ds-showcase-tile>div:last-child{padding:24px 30px 30px}.ds-showcase-tile h2{letter-spacing:-.035em;justify-content:space-between;margin:10px 0;font-size:22px;display:flex}.ds-showcase-tile h2 span{color:#888}.ds-showcase-tile p{color:#93939c;max-width:400px;font-size:14px;line-height:1.65}.ds-showcase-tile .ds-mono{color:#666;font-size:11px}.ds-showcase-tile-art{pointer-events:none}.ds-material-intro{color:#bbb;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;font-size:14px;display:flex}.ds-material-intro span{color:#707079;font-size:12px}.ds-material-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ds-material-demo{background:#0a0a0b;border:1px solid #ffffff15;border-radius:12px;overflow:hidden}.ds-material-title{justify-content:space-between;align-items:center;gap:15px;padding:20px 24px 0;display:flex}.ds-material-title h3{text-transform:capitalize;font-size:15px;font-weight:500}.ds-material-title span{color:#777781;font-size:11px}.ds-material-stage{height:300px;position:relative}.ds-material-scene{justify-content:center;align-items:center;display:flex;position:absolute;inset:16px}.ds-material-orb{width:180px;height:180px}.ds-material-control{color:#18181b;justify-content:center;align-items:center;width:min(300px,100%);display:flex}.ds-material-control>.swarm-card{width:100%}.ds-material-control>.swarm-button{--swarm-ui-primary:#fafafa;--swarm-ui-primary-fg:#18181b}.ds-material-control .swarm-tabs-list{margin:auto}.ds-material-control .swarm-tabs-content{text-align:center;font-size:13px}.ds-material-control .swarm-accordion-trigger{justify-content:space-between;font-size:14px;display:flex}.ds-material-control .swarm-checkbox{--swarm-ui-accent:#fafafa;color:#18181b;width:22px;height:22px}.ds-material-control .swarm-switch{--swarm-ui-accent:#fafafa}.ds-material-control .swarm-switch-thumb{background:#18181b}.ds-material-control .swarm-slider{--swarm-ui-accent:#fafafa;--swarm-ui-muted:#333337}.ds-material-control .swarm-progress{--swarm-ui-accent:#fafafa}.ds-primitive-tabs,.ds-primitive-accordion{color:#18181b;background:#fff;border-radius:8px;width:100%;padding:16px 20px}.ds-material-replay{color:#b1b1ba;text-align:left;border-top:1px solid #ffffff0c;width:100%;padding:14px 20px;font-size:12px}.ds-material-replay:hover{color:#fff;background:#ffffff05}.ds-material-demo:has(.ds-material-replay:focus-visible){outline-offset:3px;outline:2px solid #aaa}@media (max-width:700px){.ds-experience{min-height:520px}.ds-experience-caption{text-align:center;flex-direction:column;gap:16px;bottom:24px;left:20px;right:20px}.ds-touch-cloud{width:280px;height:280px;top:15%}.ds-showcase-grid,.ds-material-gallery{grid-template-columns:1fr}.ds-material-intro{flex-direction:column;align-items:flex-start;gap:8px}.ds-impact-type{top:43%}.ds-material-title span{font-size:10px}}.ds-ui-picker{gap:5px;margin-top:16px;display:grid}.ds-ui-picker button{text-align:left;color:#aaa;text-transform:capitalize;border:1px solid #0000;border-radius:7px;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.ds-ui-picker button>svg{opacity:.5;margin-left:auto}.ds-ui-picker button>span{color:#c1c1c9;font-size:18px}.ds-ui-picker button:hover,.ds-ui-picker button[aria-pressed=true]{color:#fff;background:#ffffff09;border-color:#ffffff16}.ds-studio-left .ds-segmented{display:flex}.ds-studio-left .ds-segmented>button{flex:1 0 auto;min-width:max-content;padding-inline:10px}.ds-material-footer{border-top:1px solid #ffffff0c;align-items:center;display:flex}.ds-material-footer .ds-material-replay{border-top:0;flex:1;width:auto}.ds-material-footer>a{color:#7e7e89;padding:14px 20px;font-size:12px}.ds-material-footer>a:hover{color:#fff}.ds-avatar-experience{min-height:590px}.ds-avatar-play{justify-items:center;gap:20px;padding:0 24px 28px;display:grid}.ds-avatar-play>span{color:#92929d;text-align:center;font-size:14px}.ds-avatar-play>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ds-avatar-play button{color:#ddd;border:1px solid #ffffff20;border-radius:8px;padding:11px 18px;font-size:13px}.ds-avatar-play button:hover:not(:disabled){background:#ffffff08;border-color:#ffffff50}.ds-avatar-play .ds-avatar-boom{color:#171719;background:#efeff2;border-color:#0000}.ds-avatar-play .ds-avatar-boom:hover:not(:disabled){background:#fff}.ds-avatar-play button:disabled{opacity:.4;cursor:default}.ds-avatar-wardrobe{justify-content:space-between;align-items:center;gap:24px;padding:25px 0;display:flex}.ds-avatar-wardrobe>div{align-items:center;gap:16px;display:flex}.ds-avatar-wardrobe span{color:#84848f;font-size:12px}.ds-avatar-colors button{border:3px solid #000;border-radius:50%;outline:1px solid #0000;width:25px;height:25px}.ds-avatar-colors button[aria-pressed=true]{outline-color:#b5b5bf}.ds-gallery-links{color:#cacacf;gap:24px;padding-top:24px;font-size:13px;display:flex}.ds-showcase-tile-copy{border-top:1px solid #ffffff0b;padding:24px 30px 30px;display:block}.ds-showcase-tile-copy:hover{background:#ffffff03}.ds-live-preview{isolation:isolate;height:270px;position:relative;overflow:hidden}.ds-preview-hint{text-align:center;color:#797983;pointer-events:none;font-size:11px;position:absolute;bottom:12px;left:12px;right:12px}.ds-preview-states{color:#6b6b75;justify-content:center;align-items:center;gap:13px;font-size:11px;display:flex}.ds-preview-states [data-active=true]{color:#ded7ed}.ds-preview-states i{background:#ffffff12;width:100px;height:2px}.ds-preview-states b{background:#d9c0e8;height:100%;display:block}.ds-preview-event{color:#60606b;justify-content:center;align-items:center;gap:13px;font-size:12px;display:flex}.ds-preview-event button{color:#ccc;border:1px solid #ffffff25;border-radius:6px;padding:8px 12px}.ds-preview-event button:disabled{opacity:.45}.ds-preview-event [data-active=true]{color:#e4e4ee}.ds-preview-rain-source{width:120px;height:100px;position:absolute;top:8px;left:calc(50% - 60px)}.ds-preview-rain-text{text-align:center;letter-spacing:-.07em;color:#eee;pointer-events:none;font-size:42px;font-weight:600;line-height:1;position:absolute;top:140px;left:0;right:0}.ds-preview-touch-cloud{width:190px;height:190px;position:absolute;top:18px;left:calc(50% - 95px)}.ds-interaction-preview{cursor:crosshair;touch-action:none}.ds-preview-tracks{gap:7px;width:60%;margin:0 auto;display:grid}.ds-preview-tracks>div{background:#ffffff09;height:3px;margin-left:40px;position:relative}.ds-preview-tracks span{color:#888;font-size:9px;position:absolute;top:-5px;right:calc(100% + 12px)}.ds-preview-tracks b{border-radius:2px;height:100%;display:block}.ds-material-dialog .ds-material-control,.ds-material-menu .ds-material-control{color:#18181b}@media (max-width:760px){.ds-avatar-wardrobe{flex-direction:column;align-items:flex-start;gap:20px}.ds-avatar-wardrobe>div:first-child{flex-wrap:wrap}.ds-avatar-play>div{gap:8px}.ds-avatar-play button{padding:10px 12px}.ds-gallery-links{gap:18px}}body select:not([multiple]):not([size]):not([aria-hidden=true]){appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239c9ca5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-inline-end:38px;line-height:1.5}body[dir=rtl] select:not([multiple]):not([size]){background-position:12px}.ds-studio-category{border-radius:7px}.ds-select-control .ds-shape-search{margin:0}.ds-select-control textarea.ds-shape-search{resize:vertical;min-height:88px;line-height:1.6}.ds-shape-picker span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ds-preset-list>button{gap:12px;padding:10px 8px}.ds-preset-list>button>svg{flex-shrink:0;margin-left:4px}.ds-panel-label{gap:12px}.ds-panel-label>span{flex-shrink:0}.ds-studio-titlebar>div:first-child{min-width:0}.ds-studio-titlebar input{max-width:100%}.ds-studio-workspace-link{line-height:1.5}.ds-export-toolbar,.ds-dialog-footer{flex-wrap:wrap}.ds-export-toolbar .ds-segmented{width:auto;min-width:200px}.ds-filter-tabs button{min-height:38px}.ds-filter-tabs button .ds-tiny-badge{letter-spacing:0;font-variant-numeric:tabular-nums}.ds-library-search input{min-width:0;min-height:36px}.ds-demo-controls select,.ds-workbench-editor :is(input:not([type=checkbox]):not([type=color]),select){min-height:38px}.ds-clip-editor>label{flex:110px;min-width:0}.ds-clip-editor :is(input:not([type=color]),select){width:100%}.ds-editor-toolbar>label{min-width:0}.ds-editor-toolbar>label:has(input[type=checkbox]){align-self:flex-end;align-items:center;gap:8px;min-height:38px;display:flex}.ds-props-table-wrap{scrollbar-width:thin;scrollbar-color:#393939 transparent;max-width:100%;overflow-x:auto}.ds-props-table-wrap .ds-props-table td:last-child{white-space:normal}.ds-demo-code-header{flex-wrap:wrap;row-gap:12px}.ds-demo-code-title{min-width:0;line-height:1.5}.ds-demo-code-header .ds-copy,.ds-demo-code-header a{min-height:28px;padding-block:4px}.ds-demo-code-footer{flex-wrap:wrap;row-gap:10px;line-height:1.5}.ds-demo-code-footer button{min-height:28px}.ds-material-title{flex-wrap:wrap;gap:8px 16px;line-height:1.5}.ds-material-footer>a{flex-shrink:0}.ds-showcase-tile h2{align-items:center;gap:16px}.ds-showcase-tile h2 span{flex-shrink:0}.ds-avatar-wardrobe>div{flex-wrap:wrap;row-gap:12px}.ds-avatar-colors>button{flex-shrink:0}.ds-gallery-links{flex-wrap:wrap;gap:12px 24px;line-height:1.5}.ds-experience-choices{flex-wrap:wrap}.ds-nav a{min-height:36px}.ds-footer nav{align-items:center;gap:12px 24px}.ds-footer nav a{white-space:nowrap;padding-block:6px}@media (min-width:641px){.ds-docs-nav{scrollbar-width:thin;scrollbar-color:#393939 transparent;max-height:calc(100dvh - 150px);padding:4px 12px 16px 4px;overflow-y:auto}.ds-docs-nav>*{flex-shrink:0}}@media (max-width:640px){.ds-header .ds-nav{gap:6px;padding:16px 20px}.ds-header .ds-nav>a{width:100%;min-height:44px;font-size:15px}.ds-docs-nav a{flex-shrink:0;align-items:center;min-height:32px;display:inline-flex}}@media (max-width:680px){.ds-material-title{padding:20px 20px 0}.ds-showcase-tile-copy{padding:22px 24px 26px}.ds-material-scene{inset:20px}.ds-demo-code-header>div{margin-left:auto}.ds-export-toolbar{gap:12px}.ds-studio-titlebar>.ds-actions{gap:8px}.ds-studio-titlebar .ds-button{min-height:36px;padding-inline:12px}}@media (forced-colors:active){body select:not([multiple]):not([size]):not([aria-hidden=true]){appearance:auto;background-image:none;padding-inline-end:12px}}
.ds-auth-page{place-items:center;min-height:75vh;padding:60px 20px;display:grid}.ds-account-page{max-width:1000px;min-height:70vh;padding-block:90px}.ds-account-page h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(32px,5vw,56px)}.ds-account-page p{color:#aaa;margin-block:16px;line-height:1.7}.ds-account-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.ds-account-card{background:#0b0b0b;border:1px solid #262626;border-radius:18px;margin-block:24px;padding:clamp(24px,4vw,40px)}.ds-account-card h2{letter-spacing:-.025em;margin:16px 0;font-size:24px}.ds-account-card h3{letter-spacing:-.015em;margin:32px 0 14px;font-size:17px}.ds-account-card .ds-code-window{margin-block:20px}.ds-account-card .ds-code-window .ds-account-code{background:0 0;border:0;border-radius:0;margin:0}.ds-account-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-block:24px;display:flex}.ds-account-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#060606;border:1px solid #272727;border-radius:10px;margin-block:20px;padding:20px;font:13px/1.8 monospace;overflow:auto}.ds-cloud-projects{background:#0a0a0a;border:1px solid #262626;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;padding:16px;display:flex}.ds-cloud-projects select{color:#eee;background-color:#111;border:1px solid #333;border-radius:7px;max-width:260px;padding:10px 38px 10px 12px}.ds-cloud-projects [role=status]{color:#aaa;font-size:13px}@media (max-width:640px){.ds-header-actions .ds-version{display:none}.ds-account-page{padding-block:45px}.ds-cloud-projects select{width:100%;max-width:100%}}