@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;450;500;550;600;650&family=DM+Serif+Display:ital@0;1&display=swap";:root{--paper-ui-paper:#f6f4ef;--paper-ui-mist:#e3dfd6;--paper-ui-stone:#a8a49c;--paper-ui-ink:#252525;--paper-ui-graphite:#5f5d59;--paper-ui-accent:#68645d;--paper-ui-focus:#39352f;--paper-ui-radius:3px;--paper-ui-font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--paper-ui-editorial:Georgia, "Iowan Old Style", "Noto Serif", serif}.pui-surface{isolation:isolate;background:var(--paper-ui-paper);color:var(--paper-ui-ink);font-family:var(--paper-ui-font);position:relative;overflow:hidden}.pui-surface--charcoal{--paper-ui-ink:#f3f0ea;--paper-ui-paper:#272624;--paper-ui-stone:#aaa59e;--paper-ui-accent:#d3cbc0;--paper-ui-focus:#f8eee0}.pui-surface__shader,.pui-surface__light{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.pui-surface__shader{z-index:0;opacity:.58;overflow:hidden}.pui-surface__light{z-index:1;opacity:0}.pui-light--desk .pui-surface__light{opacity:1;background:radial-gradient(at 16% 3%,#ffe0ab3b,#0000 58%)}.pui-light--diffuse .pui-surface__light{opacity:1;background:linear-gradient(125deg,#ffffff24,#0000 55%)}.pui-surface__content{z-index:2;min-height:inherit;position:relative}.pui-card{--paper-ui-card:#ffffffb3;background:var(--paper-ui-card);border-radius:var(--paper-ui-radius);color:var(--paper-ui-ink);border:1px solid #4742371f;transition:transform .23s cubic-bezier(.2,.7,.2,1),box-shadow .23s;position:relative;box-shadow:0 1px 2px #211e1909}.pui-surface--charcoal .pui-card{--paper-ui-card:#ffffff09;border-color:#f5eee524}.pui-card--raised{box-shadow:0 6px 20px #1d191417}.pui-card--interactive:hover{transform:translateY(-3px)rotate(-.18deg);box-shadow:0 9px 22px #1e1b1717}.pui-card--interactive:active{transform:translateY(0)}.pui-button{cursor:pointer;font:inherit;letter-spacing:.008em;border-radius:var(--paper-ui-radius);color:var(--paper-ui-ink);background:0 0;border:1px solid #0000;padding:.68em 1.05em;font-size:.875rem;line-height:1.35;transition:background-color .16s,color .16s,transform .16s}.pui-button--ink{background:var(--paper-ui-ink);color:var(--paper-ui-paper)}.pui-button--quiet:hover{background:#7870621b}.pui-button--ink:hover{opacity:.82}.pui-button--outline{border-color:var(--paper-ui-stone)}.pui-button--outline:hover{background:#78706214}.pui-button:active{transform:translateY(1px)}.pui-button:disabled{opacity:.5;cursor:not-allowed}.pui-button:focus-visible,.pui-card:focus-visible{outline:2px solid var(--paper-ui-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.pui-card,.pui-button{transition:none}.pui-card--interactive:hover,.pui-card--interactive:active,.pui-button:active{transform:none}}.pui-material-effect__shader{pointer-events:none;z-index:0;position:absolute;inset:0}.pui-surface--paper{background-color:var(--paper-ui-paper);background-image:radial-gradient(at 14% 0,#fff8e88c,#0000 58%),repeating-linear-gradient(90deg,#0000 0 3px,#59524503 3px 4px)}.pui-card{background-image:linear-gradient(146deg,#ffffff47,#0000 62%);box-shadow:0 1px 2px #211e190d,0 6px 20px #211e1906}.pui-card--interactive:focus-within{transform:translateY(-2px);box-shadow:0 9px 22px #1e1b1717}.pui-button--ink:hover:not(:disabled){opacity:1;background-color:#514c44}.pui-button[aria-pressed=true]{border-color:currentColor}@media (prefers-reduced-motion:reduce){.pui-card--interactive:focus-within{transform:none}}@media (forced-colors:active){.pui-card,.pui-button{border:1px solid buttontext}.pui-button:focus-visible,.pui-card:focus-visible{outline-offset:3px;outline:2px solid highlight}}.pui-material-effect--paper-texture{background-color:#eae6d9;background-image:radial-gradient(at 17% 9%,#fffff8b0,#0000 65%),linear-gradient(145deg,#a49c841a,#0000 38%,#736e5c12),repeating-linear-gradient(82deg,#0000 0 5px,#655f4c06 5px 6px),repeating-linear-gradient(0deg,#0000 0 7px,#756d5804 7px 8px)}.pui-material-effect[data-shader-status=context-lost]>.pui-material-effect__shader,.pui-surface[data-shader-status=context-lost]>.pui-surface__shader{visibility:hidden}@media (forced-colors:active){.pui-surface,.pui-material-effect,.pui-card{color:canvastext;background:canvas;border-color:canvastext}.pui-button:focus-visible{outline-offset:3px;outline:2px solid highlight}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.device-lab{color:#3e3933;background:#ece8df;min-height:100dvh;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.device-lab *{box-sizing:border-box}.device-lab button,.device-lab select,.device-lab textarea{font:inherit}.device-lab a,.device-lab button,.device-lab select,.device-lab textarea{-webkit-tap-highlight-color:transparent}.device-lab button{cursor:pointer}.device-lab button:disabled{cursor:default;opacity:.55}.device-lab :is(a,button,select,textarea):focus-visible{outline-offset:4px;outline:2px solid #514337}.device-lab__skip{z-index:5;color:#fff;background:#37322c;padding:12px;position:absolute;top:8px;left:12px;transform:translateY(-200%)}.device-lab__skip:focus-visible{transform:translateY(0)}.device-lab__header{letter-spacing:.15em;background:#f4f1eb;border-bottom:1px solid #d6cfc2;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(20px,5vw,78px);font-size:10px;display:flex}.device-lab__back{color:#5b544c;letter-spacing:0;border-bottom:1px solid #aaa095;padding-bottom:3px;font-size:13px;text-decoration:none}.device-lab__main{max-width:1360px;margin:0 auto;padding:clamp(24px,5vw,70px)}.device-lab__eyebrow,.device-lab__panel-heading>span{color:#72695d;letter-spacing:.16em;font-size:11px;font-weight:600}.device-lab__intro{max-width:820px;margin-bottom:38px}.device-lab__intro h1{letter-spacing:-.035em;margin:18px 0 20px;font:clamp(32px,5vw,57px)/1.1 Georgia,serif}.device-lab__intro p{color:#655c53;max-width:700px;font-size:14px;line-height:1.65}.device-lab__privacy{border-left:2px solid #9b8d7a;padding-left:14px;font-size:12px!important}.device-lab__layout{grid-template-columns:minmax(0,1.15fr) minmax(285px,.85fr);align-items:stretch;gap:24px;display:grid}.device-lab__stage,.device-lab__controls,.device-lab__field{background:#f4f1eb;border:1px solid #d2cabc;min-width:0;padding:clamp(17px,2vw,28px)}.device-lab__panel-heading{margin-bottom:20px}.device-lab__panel-heading h2{letter-spacing:-.025em;margin:9px 0 0;font:24px/1.2 Georgia,serif}.device-lab__surface{border:9px solid #e4ded2;height:clamp(280px,29vw,420px);min-height:280px;box-shadow:0 5px 19px #66543b1d}.device-lab__effect{width:100%;height:100%}.device-lab__composition{text-align:center;color:#55483a;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:32px 12px;display:flex}.device-lab__composition span{letter-spacing:.08em;font-size:11px}.device-lab__composition strong{max-width:80%;font:clamp(30px,4vw,53px)/1.06 Georgia,serif}.device-lab__caption,.device-lab__controls p{color:#655b50;font-size:12px;line-height:1.6}.device-lab__materials,.device-lab__durations,.device-lab__export{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.device-lab__materials{margin-top:18px}.device-lab__materials button,.device-lab__durations button,.device-lab__export button{color:#3e3830;background:#eae4da;border:1px solid #b8ae9f;border-radius:4px;min-height:44px;padding:11px 13px;font-size:12px}.device-lab [aria-pressed=true]{color:#f9f5ed!important;background:#39342d!important;border-color:#39342d!important}.device-lab__controls>p{max-width:390px}.device-lab__durations{margin:18px 0}.device-lab__primary{text-align:center;color:#faf5e8;background:#403a33;border:0;border-radius:4px;width:100%;min-height:50px;font-size:13px;display:block}.device-lab progress{accent-color:#625747;width:100%;height:8px;margin-top:17px}.device-lab__phase{min-height:28px}.device-lab__metrics{border-top:1px solid #d4cbbd;border-left:1px solid #d4cbbd;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;display:grid}.device-lab__metrics>div{border-bottom:1px solid #d4cbbd;border-right:1px solid #d4cbbd;padding:13px}.device-lab__metrics span{color:#695e51;margin-bottom:7px;font-size:11px;display:block}.device-lab__metrics strong{font:500 clamp(15px,2vw,20px)/1.2 ui-monospace,monospace}.device-lab__note{margin-top:20px}.device-lab__field{margin-top:24px}.device-lab__check{border-bottom:1px solid #dcd4c9;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.device-lab__check span{font-size:13px;line-height:1.5}.device-lab__check select{color:#38332e;background:#f6f3ed;border:1px solid #beb3a2;border-radius:4px;min-width:133px;min-height:44px;padding:9px}.device-lab__notes-label{color:#554d44;margin:25px 0 9px;font-size:13px;display:block}.device-lab textarea{resize:vertical;color:#332d25;background:#fbf9f4;border:1px solid #bfb4a5;border-radius:4px;width:100%;min-height:80px;padding:12px;display:block}.device-lab__export{margin-top:18px}.device-lab__export span{color:#6e6559;font-size:11px;line-height:1.5}.device-lab__footer{color:#6b6257;padding:35px 0 12px;font-size:11px;line-height:1.6}@media (width<=830px){.device-lab__layout{grid-template-columns:minmax(0,1fr)}.device-lab__surface{height:320px}}@media (width<=520px){.device-lab__check{flex-direction:column;align-items:stretch}.device-lab__check select{width:100%}.device-lab__metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.device-lab__header>span{display:none}}@media (prefers-reduced-motion:reduce){.device-lab__skip{transition:none}}@media (forced-colors:active){.device-lab [aria-pressed=true],.device-lab__primary{forced-color-adjust:auto;border:1px solid buttontext}}:root{font-synthesis:none;color:#302d28;-webkit-font-smoothing:antialiased;background:#eeeae2;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #645544}.studio-app{--studio-hairline:#544c3f24;--studio-muted:#8d877e;color:#37332e;background:#eeebe5;min-height:100dvh}.studio-header{border-bottom:1px solid var(--studio-hairline);background:#f5f2ec;justify-content:space-between;align-items:center;gap:20px;height:77px;padding:0 32px;display:flex}.studio-brand{align-items:center;gap:13px;display:flex}.studio-brand__mark{color:#f5f1e9;background:#35322e;border-radius:50%;place-items:center;width:36px;height:36px;padding-bottom:3px;font:italic 24px/1 Georgia,serif;display:grid}.studio-brand strong{letter-spacing:-.02em;font:400 19px/1.2 DM Serif Display,Georgia,serif;display:block}.studio-brand div>span{color:#928b80;letter-spacing:.02em;margin-top:5px;font-size:10px;display:block}.studio-header__meta{color:#7c766b;letter-spacing:.045em;align-items:center;gap:10px;font-size:11px;display:flex}.studio-header__division{color:#bab2a6;margin-inline:4px}.studio-status-dot{background:#7e8873;border-radius:100%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #7e88731c}.studio-header__source{color:#625e56;white-space:nowrap;border-bottom:1px solid #b4afa5;padding:5px 0;font-size:12px;font-weight:600;text-decoration:none}.studio-header__source span{margin-left:6px}.studio-layout{grid-template-columns:minmax(200px,232px) minmax(0,1fr) minmax(250px,290px);max-width:1900px;min-height:calc(100dvh - 77px);margin:0 auto;display:grid}.studio-nav{border-right:1px solid var(--studio-hairline);background:#f3f0e9;flex-direction:column;padding:45px 16px 22px;display:flex}.studio-nav__eyebrow,.studio-inspector__top>div>span,.studio-inspector__section-title,.studio-eyebrow,.studio-bottom__label{letter-spacing:.14em;color:#8a8277;font-size:10px;font-weight:650}.studio-nav__eyebrow{margin-left:14px}.studio-nav__intro{letter-spacing:-.02em;margin:14px 14px 50px;font:400 22px/1.32 DM Serif Display,Georgia,serif}.studio-nav__group-title{letter-spacing:.12em;color:#a19b91;justify-content:space-between;margin:0 13px 14px;font-size:10px;font-weight:650;display:flex}.studio-nav__group-title span{font-variant-numeric:tabular-nums;font-weight:400}.studio-nav__group-title--second{margin-top:36px}.studio-nav__items{gap:5px;display:grid}.studio-nav__item{text-align:left;color:#777168;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:11px;width:100%;min-height:47px;padding:10px;font-size:12px;transition:background-color .17s,color .17s;display:flex;position:relative}.studio-nav__item:hover{color:#35312d;background:#e9e4da}.studio-nav__item.is-active{color:#39352f;background:#e4ded2;border-color:#d7cec1;font-weight:650}.studio-nav__glyph{color:#82786c;flex:none;place-items:center;width:24px;height:24px;display:grid}.studio-nav__item.is-active .studio-nav__glyph{color:#4b443b}.studio-nav__arrow{opacity:0;margin-left:auto;font-size:12px}.studio-nav__item.is-active .studio-nav__arrow,.studio-nav__item:hover .studio-nav__arrow{opacity:1}.studio-nav__footer{color:#999186;align-items:center;gap:11px;margin-top:auto;padding:32px 13px 4px;font-size:10px;display:flex}.studio-workspace{background:#eeebe5;flex-direction:column;min-width:0;padding:clamp(25px,3.3vw,58px);display:flex}.studio-workspace__top{justify-content:space-between;align-items:flex-start;gap:25px;padding-bottom:26px;display:flex}.studio-eyebrow{color:#908980}.studio-workspace__slash{color:#c7bfb4;margin:0 5px}.studio-workspace__top h1{letter-spacing:-.035em;margin:15px 0 10px;font:400 clamp(29px,3vw,49px)/1.15 DM Serif Display,Georgia,serif}.studio-workspace__top p{color:#91897e;max-width:500px;margin:0;font-size:12px;line-height:1.65}.studio-workspace__flag{white-space:nowrap;letter-spacing:.11em;color:#8e887e;border:1px solid #dcd5c9;border-radius:30px;align-items:center;gap:12px;margin-top:4px;padding:9px 10px 9px 14px;font-size:9px;display:flex}.studio-preview-wrap{width:100%;max-width:950px}.studio-preview{aspect-ratio:1.41;background:#dfd9cb;border:1px solid #d9d2c6;border-radius:3px;min-height:370px;padding:clamp(14px,2vw,28px);overflow:hidden;box-shadow:0 14px 42px #463e3114,0 2px 8px #5246340b}.studio-preview__material{width:100%;height:100%;box-shadow:0 12px 28px #51463229,0 0 0 1px #6e625022}.studio-preview__composition{background:radial-gradient(at 19% 6%,#fff3d918,#0000 50%);flex-direction:column;justify-content:space-between;align-items:stretch;height:100%;padding:clamp(19px,3vw,45px);display:flex}.studio-preview__tiny{letter-spacing:.36em;text-align:center;color:#797269;font:400 15px DM Serif Display,Georgia,serif}.studio-preview__center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:19px;min-width:0;display:flex}.studio-preview__sample{color:#413f38;text-align:center;letter-spacing:-.037em;text-wrap:balance;overflow-wrap:anywhere;max-width:92%;font:400 clamp(37px,5.2vw,78px)/1.07 DM Serif Display,Georgia,serif}.studio-preview__quiet-mark{letter-spacing:.1em;color:#777168;font-size:11px;font-weight:450}.studio-preview__page{letter-spacing:.18em;color:#938e84;align-self:flex-end;font-size:9px}.studio-preview__page span{margin-inline:6px}.studio-preview__handwriting{text-align:center;color:#5a5248;justify-content:center;align-items:center;max-width:100%;min-height:85px;display:flex;overflow:hidden}.studio-preview__handwriting>*{max-width:100%}.studio-preview__caption{letter-spacing:.12em;color:#898177;text-transform:uppercase;justify-content:space-between;align-items:center;gap:15px;padding:15px 3px;font-size:10px;display:flex}.studio-preview__caption>span:last-child{color:#9d9589;text-align:right;font-size:9px}.studio-bottom{justify-content:space-between;align-items:center;gap:28px;max-width:950px;padding-top:clamp(28px,4vw,52px);display:flex}.studio-bottom__card{background:#f8f6f1b3;border:1px solid #ded8ce;border-radius:3px;flex:0 420px;width:100%;padding:22px 24px 20px}.studio-bottom__label{margin-bottom:16px;font-size:9px}.studio-bottom__card-main{justify-content:space-between;align-items:center;gap:14px;display:flex}.studio-bottom__script{color:#655d52;font:italic 24px DM Serif Display,Georgia,serif}.studio-bottom__card-main .pui-button{white-space:nowrap;border-radius:30px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex}.studio-bottom__card-main .pui-button svg{width:15px;height:15px}.studio-bottom__description{color:#989084;letter-spacing:.015em;font-size:11px;line-height:1.8}.studio-inspector{border-left:1px solid var(--studio-hairline);background:#f5f2ec;flex-direction:column;min-width:0;display:flex}.studio-inspector__top{border-bottom:1px solid var(--studio-hairline);justify-content:space-between;align-items:center;gap:10px;padding:39px 24px 25px;display:flex}.studio-inspector__top h2{margin:7px 0 0;font:400 29px/1.2 DM Serif Display,Georgia,serif}.studio-icon-button{color:#746b60;background:#ebe6dd;border:1px solid #ddd6cc;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.studio-icon-button:hover{background:#e0d9ce}.studio-inspector__body{flex:1;padding:0 24px}.studio-inspector__section{padding:29px 0}.studio-inspector__section--after{border-top:1px solid var(--studio-hairline)}.studio-inspector__section-title{color:#6c645b;align-items:center;gap:11px;margin-bottom:30px;display:flex}.studio-inspector__section-title span{color:#b6ad9f;font-weight:400}.studio-control{margin:25px 0 0}.studio-control__heading{color:#696158;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.studio-control output{color:#37312c;font-variant-numeric:tabular-nums;text-align:center;background:#e9e4dc;border:1px solid #e1dbd1;border-radius:3px;min-width:44px;padding:5px 8px;font-size:11px}.studio-range{appearance:none;cursor:pointer;border:none;border-radius:99px;width:100%;height:3px;margin:25px 0 18px;display:block;outline:none!important}.studio-range::-webkit-slider-thumb{appearance:none;cursor:grab;background:#faf8f3;border:3px solid #585249;border-radius:100%;width:15px;height:15px;box-shadow:0 0 0 4px #ded8cd77}.studio-range::-moz-range-thumb{cursor:grab;background:#faf8f3;border:3px solid #585249;border-radius:100%;width:10px;height:10px}.studio-range:focus-visible{outline-offset:9px;outline:2px solid #645544!important}.studio-control__hint,.studio-inspector__hint{color:#9a9288;margin:7px 0 0;font-size:11px;line-height:1.7}.studio-field-label{color:#665f56;margin:0 0 11px;font-size:12px;display:block}.studio-text-input,.studio-textarea{color:#403b35;resize:vertical;background:#ebe7df;border:1px solid #d7d0c6;border-radius:5px;outline:none;width:100%;min-height:43px;padding:12px 13px;font-size:12px}.studio-text-input:focus,.studio-textarea:focus{background:#faf8f3;border-color:#74695a}.studio-textarea{font-size:15px;line-height:1.5}.studio-secondary-action{color:#615a50;background:#f1ece4;border:1px solid #ddd4c9;border-radius:5px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:42px;margin-top:19px;padding:10px;font-size:11px;display:flex}.studio-secondary-action:hover:not(:disabled){background:#e5dfd5}.studio-secondary-action:disabled{opacity:.6}.studio-secondary-action svg{width:15px;height:15px}.studio-segment{background:#ece7de;border:1px solid #ddd5c8;border-radius:6px;margin-top:10px;padding:3px;display:flex}.studio-segment button{color:#746d63;background:0 0;border:none;border-radius:4px;flex:1;padding:10px 3px;font-size:11px}.studio-segment button.is-active{color:#4a4339;background:#faf8f3;box-shadow:0 1px 3px #554e4122}.studio-upload{background:#eeeae2;border:1px dashed #c7bfb2;border-radius:5px;margin-top:25px;padding:17px 13px}.studio-upload label{cursor:pointer;justify-content:space-between;align-items:center;font-size:12px;font-weight:550;display:flex}.studio-upload input{color:#645d53;width:100%;margin-top:11px;font-size:11px}.studio-upload input::file-selector-button{cursor:pointer;background:#f5f1e9;border:1px solid #c7beb1;border-radius:4px;margin-right:10px;padding:7px 8px}.studio-upload p{color:#9d958c;margin:11px 0 0;font-size:10px;line-height:1.6}.studio-inspector__footer{border-top:1px solid var(--studio-hairline);background:#f1ece5;padding:29px 24px 24px}.studio-inspector__footer .studio-inspector__section-title{margin-bottom:16px}.studio-inspector__actions{gap:8px;display:grid}.studio-inspector__actions button{border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:42px;font-size:11px;font-weight:550;display:flex}.studio-inspector__actions svg{width:14px;height:14px}.studio-action--primary{color:#f8f4ed;background:#39352f;border:1px solid #39352f}.studio-action--primary:hover{background:#575047}.studio-action--secondary{color:#60574c;background:#faf7f1;border:1px solid #d5ccbf}.studio-action--secondary:hover{background:#e9e3d8}.studio-live-status{color:#5e6758;min-height:0;margin:10px 0 0;font-size:11px;line-height:1.6}.studio-live-status:empty{display:none}.studio-inspector__fineprint{color:#a1988c;margin:15px 0 0;font-size:10px;line-height:1.65}.pui-material-effect{isolation:isolate;background:#f3f0e8;position:relative;overflow:hidden}.pui-material-effect--grain-sphere,.pui-material-effect--grain-blob{background:radial-gradient(at 22% 15%,#f4ead8,#e8e4dd)}.pui-material-effect--grain-wave{background:linear-gradient(120deg,#f7e9d9,#e9e1d6)}.pui-material-effect--dithering{background:#e8d6b7}.pui-material-effect--halftone{background:#f2f1e8}.pui-material-effect__shader{z-index:0;pointer-events:none;position:absolute;inset:0}.pui-material-effect__content{z-index:1;height:100%;position:relative}.pui-material-effect__fallback-image{z-index:0;object-fit:contain;opacity:.85;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (width>=1550px){.studio-layout{grid-template-columns:260px minmax(0,1fr) 330px}.studio-inspector__body,.studio-inspector__top,.studio-inspector__footer{padding-left:32px;padding-right:32px}}@media (width<=1130px){.studio-layout{grid-template-columns:190px minmax(0,1fr) 235px}.studio-header{padding:0 22px}.studio-nav{padding-left:8px;padding-right:8px}.studio-nav__intro{font-size:20px}.studio-workspace{padding:27px}.studio-preview{min-height:290px}.studio-inspector__body,.studio-inspector__top,.studio-inspector__footer{padding-left:17px;padding-right:17px}}@media (width<=860px){.studio-layout{grid-template-columns:1fr;display:grid}.studio-nav{border-right:0;border-bottom:1px solid var(--studio-hairline);padding:18px 22px}.studio-nav__eyebrow,.studio-nav__intro,.studio-nav__group-title,.studio-nav__footer{display:none}.studio-nav__items{scrollbar-width:thin;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.studio-nav__item{background:#ece8e0;flex:none;width:auto;min-height:39px;padding:7px 10px;font-size:11px}.studio-nav__glyph{width:16px;height:16px}.studio-nav__glyph svg{width:15px;height:15px}.studio-nav__arrow{display:none}.studio-workspace{padding:25px 22px 37px}.studio-preview{min-height:330px}.studio-inspector{border-left:0;border-top:1px solid var(--studio-hairline)}.studio-inspector__top{padding:26px 25px 19px}.studio-inspector__body{grid-template-columns:1fr 1fr;gap:30px;padding:0 25px;display:grid}.studio-inspector__section--after{border:0}.studio-inspector__footer{padding:25px}.studio-inspector__actions{display:flex}.studio-inspector__actions button{flex:1}}@media (width<=580px){.studio-header{height:68px;padding:0 16px}.studio-brand strong{font-size:17px}.studio-brand div>span{font-size:9px}.studio-header__meta{display:none}.studio-nav{padding:11px 12px}.studio-workspace{padding:27px 14px}.studio-workspace__top{flex-direction:column;gap:13px;padding:0 8px 24px}.studio-workspace__top h1{font-size:32px}.studio-workspace__flag{margin:0}.studio-preview{aspect-ratio:.92;min-height:370px;padding:12px}.studio-preview__composition{padding:21px}.studio-preview__sample{font-size:clamp(39px,9vw,65px)}.studio-preview__handwriting{min-height:75px}.studio-preview__caption{font-size:9px}.studio-bottom{flex-direction:column;align-items:stretch;gap:10px}.studio-bottom__card{flex-basis:auto}.studio-bottom__description{margin:3px 8px}.studio-inspector__body{grid-template-columns:1fr;gap:0}.studio-inspector__section--after{border-top:1px solid var(--studio-hairline)}}@media (prefers-reduced-motion:reduce){.studio-nav__item{transition:none}}.studio-nav,.studio-workspace,.studio-inspector{min-width:0}@media (width<=860px){.studio-layout{grid-template-columns:minmax(0,1fr);width:100%}.studio-nav__items{width:100%;min-width:0;max-width:100%}}.studio-preview__tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.studio-preview__mode{color:#68625a;letter-spacing:.075em;white-space:nowrap;font-size:10px}.studio-compare{color:#49443e;letter-spacing:.015em;white-space:nowrap;background:#eee9e0;border:1px solid #c6bdae;border-radius:999px;min-height:37px;padding:9px 12px;font-size:11px;transition:background-color .16s,border-color .16s}.studio-compare:hover{background:#e2dacf;border-color:#a59b8b}.studio-compare[aria-pressed=true]{color:#fff9ed;background:#3c3934;border-color:#3c3934}.studio-compare span{margin-left:5px}.studio-workspace__top p,.studio-bottom__description,.studio-inspector__hint,.studio-control__hint,.studio-upload p,.studio-inspector__fineprint{color:#686159}.studio-preview__caption{color:#68625a}.studio-nav__item:not(.is-active){color:#696158}@media (width<=580px){.studio-preview__caption{flex-direction:column;align-items:flex-start;gap:11px}.studio-preview__tools{justify-content:space-between;width:100%}.studio-compare{min-height:44px}}@media (prefers-reduced-motion:reduce){.studio-compare{transition:none}}.studio-upload{background:radial-gradient(at 100% 0,#ffffff80,#0000 72%),#eee9e1;border:1px solid #c9c0b2;border-radius:7px;padding:12px;position:relative}.studio-upload__trigger{justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex!important}.studio-upload__title{color:#4b463f;font-size:12px}.studio-upload__browse{color:#514a41;white-space:nowrap;background:#f9f6ef;border:1px solid #cdc3b6;border-radius:5px;padding:10px 12px;font-size:11px;font-weight:550;transition:background-color .14s}.studio-upload__trigger:hover .studio-upload__browse{background:#e4ded3}.studio-upload:focus-within{outline-offset:3px;outline:2px solid #645544}.studio-upload .studio-upload__input{opacity:0;clip-path:inset(50%);border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.studio-upload__filename{overflow-wrap:anywhere;font-weight:550;color:#59534b!important;margin-top:12px!important}@media (prefers-reduced-motion:reduce){.studio-upload__browse{transition:none}}.studio-skip-link{z-index:1000;color:#fff9ee;background:#302b25;border-radius:5px;padding:12px 15px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex;position:absolute;top:10px;left:14px;transform:translateY(-160%)}.studio-skip-link:focus-visible{outline-offset:2px;outline:3px solid #d9b86d;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.studio-skip-link{transition:none}}@media (forced-colors:active){.studio-skip-link:focus-visible,.studio-compare:focus-visible,.studio-range:focus-visible,.studio-upload:focus-within{outline-offset:3px;outline:2px solid highlight!important}.studio-compare,.studio-nav__item.is-active,.studio-upload{forced-color-adjust:auto;border:1px solid buttontext}}.studio-inspector__device-link{color:#49443b;border-bottom:1px solid #a8a093;gap:8px;margin-top:14px;padding:10px 0;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.studio-inspector__device-link:hover{color:#28241e;border-color:currentColor}:root{--site-header:64px;--d-bg:#eeebe5;--d-panel:#f5f2ec;--d-sunk:#ebe6dd;--d-code:#f7f4ee;--d-fg:#2f2c28;--d-text:#4a453e;--d-muted:#686159;--d-faint:#8a8277;--d-line:#544c3f24;--d-line-strong:#544c3f3d;--d-ink:#39352f;--d-focus:#645544;--d-radius:7px;--d-frame:10px;--d-ease:cubic-bezier(.23, 1, .32, 1);--d-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}.site{background:var(--d-bg);min-height:100dvh;color:var(--d-text);flex-direction:column;display:flex}.site>.studio-app{flex:1}.site .studio-layout{min-height:calc(100dvh - var(--site-header))}.site-header{z-index:40;height:var(--site-header);background:var(--d-panel);border-bottom:1px solid var(--d-line);align-items:center;gap:14px;padding:0 24px;display:flex;position:sticky;top:0}.site-header .studio-brand{color:inherit;text-decoration:none}.site-header .studio-brand__mark{width:32px;height:32px;font-size:21px}.site-header .studio-brand strong{font-size:18px}.site-header .studio-brand div>span{margin-top:3px}.site-badge{letter-spacing:.12em;text-transform:uppercase;color:#6f5a3b;background:#f3eadb;border:1px solid #d6c7ae;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:650}.site-header__nav{gap:4px;margin-left:12px;display:flex}.site-header__nav a{color:var(--d-muted);transition:color .16s var(--d-ease), background-color .16s var(--d-ease);border-radius:6px;padding:6px 10px;font-size:13px;text-decoration:none}.site-header__nav a:hover{color:var(--d-fg);background:var(--d-sunk)}.site-header__nav a[aria-current=page]{color:var(--d-fg);font-weight:600}.site-header__right{align-items:center;gap:14px;margin-left:auto;display:flex}.site-search{border:1px solid var(--d-line-strong);border-radius:var(--d-radius);width:232px;height:34px;color:var(--d-muted);transition:border-color .16s var(--d-ease);background:#faf8f3;align-items:center;gap:8px;padding:0 6px 0 10px;font-size:12.5px;display:inline-flex}.site-search:hover{border-color:#b9ae9d}.site-search span{text-align:left;flex:1}.site-search kbd,.palette kbd{font:500 11px var(--d-mono);color:var(--d-muted);border:1px solid var(--d-line-strong);background:var(--d-panel);border-radius:4px;padding:2px 5px}.site-sep{background:var(--d-line-strong);width:1px;height:20px}.site-header .site-header__menu{display:none}.docs-icon-btn{width:30px;height:30px;color:var(--d-muted);transition:background-color .16s var(--d-ease), color .16s var(--d-ease);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;text-decoration:none;display:inline-grid}.docs-icon-btn:hover{background:var(--d-sunk);color:var(--d-fg)}.docs-icon-btn.is-bordered{border:1px solid var(--d-line-strong);background:#faf8f3;width:32px;height:32px}.docs-btn{border:1px solid var(--d-line-strong);border-radius:var(--d-radius);height:32px;color:var(--d-text);transition:background-color .16s var(--d-ease);background:#faf8f3;align-items:center;gap:7px;padding:0 11px;font-size:12.5px;font-weight:550;display:inline-flex}.docs-btn:hover{background:var(--d-sunk)}.docs-btn svg{color:var(--d-muted)}.docs-link-btn{color:var(--d-ink);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:12px;font-weight:600;-webkit-text-decoration:underline #a8a093;text-decoration:underline #a8a093}.docs-seg{background:var(--d-sunk);border:1px solid var(--d-line);border-radius:8px;padding:3px;display:inline-flex;position:relative}.docs-seg button{z-index:1;height:26px;color:var(--d-muted);white-space:nowrap;transition:color .16s var(--d-ease);background:0 0;border:0;border-radius:5px;padding:0 11px;font-size:12px;font-weight:550;position:relative}.docs-seg button[aria-pressed=true]{color:var(--d-fg)}.docs-seg__pill{box-shadow:0 0 0 1px var(--d-line-strong);transition:left .22s var(--d-ease), width .22s var(--d-ease);background:#fbf9f5;border-radius:5px;position:absolute;top:3px;bottom:3px}.docs-layout{flex:1;grid-template-columns:236px minmax(0,1fr) 200px;width:100%;max-width:1440px;margin:0 auto;display:grid}.docs-sidebar{top:var(--site-header);max-height:calc(100dvh - var(--site-header));border-right:1px solid var(--d-line);align-self:start;padding:30px 16px 40px;position:sticky;overflow-y:auto}.docs-nav h4{letter-spacing:.14em;text-transform:uppercase;color:var(--d-faint);justify-content:space-between;margin:26px 10px 8px;font-size:10px;font-weight:650;display:flex}.docs-nav h4:first-child{margin-top:0}.docs-nav h4 span{font-variant-numeric:tabular-nums;font-weight:400}.docs-nav a{min-height:34px;color:var(--d-muted);transition:background-color .16s var(--d-ease), color .16s var(--d-ease);border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;text-decoration:none;display:flex}.docs-nav a:hover{background:var(--d-sunk);color:var(--d-fg)}.docs-nav a[aria-current=page]{color:var(--d-fg);background:#e4ded2;border-color:#d7cec1;font-weight:600}.docs-nav a small{color:var(--d-faint);margin-left:auto;font-size:10.5px;font-weight:400}.docs-nav__ext{width:12px;height:12px;color:var(--d-faint);margin-left:auto}.docs-main{outline:none;min-width:0;padding:44px clamp(20px,4vw,56px) 72px}.docs-article{max-width:768px;margin:0 auto}.docs-toc{top:var(--site-header);align-self:start;gap:2px;padding:44px 20px 0 0;display:grid;position:sticky}.docs-toc h4{letter-spacing:.14em;text-transform:uppercase;color:var(--d-faint);margin:0 0 8px;font-size:10px;font-weight:650}.docs-toc a{color:var(--d-muted);border-left:1px solid var(--d-line);padding:4px 0 4px 10px;font-size:12.5px;text-decoration:none}.docs-toc a:hover{color:var(--d-fg)}.docs-toc a[aria-current=location]{color:var(--d-fg);border-left-color:var(--d-ink)}.docs-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.docs-title h1{letter-spacing:-.03em;color:var(--d-fg);margin:0;font:400 clamp(32px,4vw,44px)/1.1 DM Serif Display,Georgia,serif}.docs-title__actions{align-items:center;gap:6px;display:flex}.docs-desc{color:var(--d-muted);max-width:620px;margin:12px 0 0;font-size:16px;line-height:1.6}.docs-chips{flex-wrap:wrap;gap:6px;margin:18px 0 24px;display:flex}.docs-chip{border:1px solid var(--d-line-strong);height:24px;color:var(--d-muted);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;text-decoration:none;display:inline-flex}.docs-chip b{color:var(--d-text);font-weight:600;font-family:var(--d-mono);font-size:11px}.docs-chip svg{width:11px;height:11px}a.docs-chip:hover{color:var(--d-fg);background:var(--d-sunk)}.docs-article h2{border-top:1px solid var(--d-line);letter-spacing:-.02em;color:var(--d-fg);scroll-margin-top:calc(var(--site-header) + 16px);outline:none;margin:56px 0 0;padding-top:18px;font:400 26px/1.2 DM Serif Display,Georgia,serif}.docs-article>h3,.docs-example>h3{color:var(--d-fg);scroll-margin-top:calc(var(--site-header) + 16px);margin:32px 0 0;font-size:15px;font-weight:600}.docs-article>p,.docs-example>p,.docs-list li{color:var(--d-text);font-size:14.5px;line-height:1.7}.docs-article>p,.docs-example>p{margin:12px 0 0}.docs-list{gap:6px;margin:14px 0 0;padding-left:18px;display:grid}.docs-list li::marker{color:var(--d-faint)}.docs-article>p code,.docs-example>p code,.docs-list code,.docs-table code,.docs-desc code{font:500 .86em var(--d-mono);background:var(--d-sunk);border:1px solid var(--d-line);color:var(--d-fg);overflow-wrap:anywhere;border-radius:4px;padding:.08em .36em}.docs-article>p a:not([class]),.docs-list a:not([class]),.docs-callout a{color:var(--d-ink);text-underline-offset:3px;text-decoration-color:#a8a093}.docs-badge{vertical-align:1px;letter-spacing:.06em;text-transform:uppercase;color:#6f5a3b;background:#f3eadb;border:1px solid #d6c7ae;border-radius:4px;margin-right:2px;padding:1px 6px;font-size:10px;font-weight:650;display:inline-block}.docs-callout{border-radius:var(--d-radius);color:#514634;background:#f4ede1;border:1px solid #d6c7ae;margin-top:20px;padding:14px 16px;font-size:13.5px;line-height:1.65}.docs-callout b{color:#3d3427}.docs-preview{border:1px solid var(--d-line-strong);border-radius:var(--d-frame);background:var(--d-panel);margin-top:18px;overflow:hidden}.docs-preview__bar{border-bottom:1px solid var(--d-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.docs-preview__tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.docs-option{align-items:center;gap:8px;min-width:0;display:flex}.docs-option>span,.docs-select>span{font:500 11px var(--d-mono);color:var(--d-faint)}.docs-select{align-items:center;gap:8px;display:inline-flex;position:relative}.docs-select select{appearance:none;border:1px solid var(--d-line-strong);border-radius:var(--d-radius);max-width:230px;height:32px;color:var(--d-text);font:500 12px var(--d-mono);cursor:pointer;background:#faf8f3;padding:0 30px 0 10px}.docs-select svg{pointer-events:none;color:var(--d-muted);position:absolute;right:8px}.docs-select select:focus-visible{outline:2px solid var(--d-focus);outline-offset:2px}.docs-stage{background:var(--d-bg);min-height:340px;padding:40px;display:grid}.docs-stage__inner{place-items:center;min-width:0;display:grid}.docs-stage.is-fill .docs-stage__inner{align-content:center;place-items:stretch stretch}.docs-preview:not(.is-primary) .docs-stage{min-height:260px;padding:32px}.docs-stage .pui-surface,.docs-stage .pui-material-effect{border-radius:3px}.docs-preview__note{border-top:1px solid var(--d-line);color:var(--d-muted);justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:12px;display:flex}.docs-preview .docs-code{border:0;border-radius:0;margin:0}.docs-preview .docs-code pre{max-height:460px;overflow:auto}.docs-demo-link{color:inherit;text-underline-offset:4px;-webkit-text-decoration-color:var(--paper-ui-stone);text-decoration-color:var(--paper-ui-stone)}.docs-demo-input{min-width:0;height:40px;color:var(--d-fg);background:#faf8f3;border:1px solid #d7d0c6;border-radius:3px;flex:1;padding:0 12px;font-size:14px}.docs-demo-input:focus-visible{outline:2px solid var(--d-focus);outline-offset:2px}.docs-code{border:1px solid var(--d-line-strong);border-radius:var(--d-frame);background:var(--d-code);margin-top:14px;position:relative;overflow:hidden}.docs-code__title{border-bottom:1px solid var(--d-line);font:500 12px var(--d-mono);color:var(--d-muted);align-items:center;gap:8px;padding:8px 14px;display:flex}.docs-code__body{position:relative}.docs-code pre,.docs-cmd pre{font:400 12.75px / 1.7 var(--d-mono);font-variant-ligatures:none;tab-size:2;color:#3b3731;margin:0;padding:15px 52px 15px 16px;overflow-x:auto}.docs-code pre:focus-visible,.docs-cmd pre:focus-visible{outline:2px solid var(--d-focus);outline-offset:-2px}.docs-code.is-collapsed pre{max-height:300px;overflow:hidden}.docs-code__copy{position:absolute;top:8px;right:8px}.docs-code__copy .docs-icon-btn{background:var(--d-code)}.docs-code__fade{background:linear-gradient(to top, var(--d-code) 35%, transparent);place-items:end center;height:120px;padding-bottom:16px;display:grid;position:absolute;inset:auto 0 0}.t-k{color:#b0432d}.t-s{color:#2f5f8a}.t-c{color:#8a8277;font-style:italic}.t-n{color:#2f5f8a}.t-f{color:#6a4c9c}.t-t{color:#2f6b3a}.t-a{color:#2f5f8a}.docs-cmd{border:1px solid var(--d-line-strong);border-radius:var(--d-frame);background:var(--d-code);margin-top:14px;overflow:hidden}.docs-cmd__bar{border-bottom:1px solid var(--d-line);align-items:center;gap:2px;padding:5px 6px 5px 10px;display:flex}.docs-cmd__term{color:var(--d-faint);flex:none;margin-right:6px}.docs-cmd__pms{gap:2px;margin-right:auto;display:flex}.docs-cmd__pms button{height:26px;color:var(--d-muted);font:500 12px var(--d-mono);background:0 0;border:0;border-radius:5px;padding:0 8px}.docs-cmd__pms button:hover{color:var(--d-fg)}.docs-cmd__pms button[aria-pressed=true]{color:var(--d-fg);box-shadow:0 0 0 1px var(--d-line-strong);background:#fbf9f5}.docs-cmd pre{padding-right:16px}.docs-table{border:1px solid var(--d-line-strong);border-radius:var(--d-frame);background:#f8f6f1;margin-top:16px;overflow-x:auto}.docs-table table{border-collapse:collapse;width:100%;font-size:13.5px}.docs-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--d-faint);border-bottom:1px solid var(--d-line);background:var(--d-panel);white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:650}.docs-table td{border-bottom:1px solid var(--d-line);vertical-align:top;color:var(--d-text);padding:11px 14px;line-height:1.6}.docs-table tr:last-child td{border-bottom:0}.docs-table td:first-child{white-space:nowrap}.docs-table td:last-child{min-width:240px}.docs-table code.docs-prop{font-weight:600}.docs-prop.is-stacked{margin-bottom:4px;display:table}.docs-type{font:500 12px var(--d-mono);color:#4c4134;white-space:nowrap;background:#efe9df;border-radius:4px;padding:1px 6px;display:inline-block}.docs-table td:nth-child(2) .docs-type{white-space:normal}.docs-required{letter-spacing:.04em;color:#8a4b2d;margin-top:4px;font-size:10.5px;display:block}.docs-none{color:var(--d-faint)}.docs-kbd{font:500 12px var(--d-mono);color:var(--d-fg)}.docs-keys{flex-wrap:wrap;gap:6px;display:flex}.docs-cell-note{color:var(--d-muted)!important;margin:8px 0 0!important;font-size:12.5px!important}.docs-split{display:inline-flex;position:relative}.docs-split>.docs-btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.docs-split>.docs-btn:nth-child(2){border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;padding:0 7px}.docs-menu{z-index:30;border:1px solid var(--d-line-strong);background:#faf8f3;border-radius:8px;min-width:210px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px -14px #2e271c52}.docs-menu button,.docs-menu a{width:100%;height:34px;color:var(--d-text);text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:0 10px;font-size:13px;text-decoration:none;display:flex}.docs-menu button:hover,.docs-menu a:hover{background:var(--d-sunk)}.docs-menu svg{color:var(--d-muted)}.docs-pager{grid-template-columns:1fr 1fr;gap:12px;margin-top:64px;display:grid}.docs-pager a{border:1px solid var(--d-line-strong);border-radius:var(--d-frame);color:var(--d-fg);transition:background-color .16s var(--d-ease);flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;display:flex}.docs-pager a:hover{background:var(--d-panel)}.docs-pager a.is-next{text-align:right;grid-column:2}.docs-pager small{color:var(--d-faint);font-size:12px}.docs-pager b{font:400 19px DM Serif Display,Georgia,serif}.palette-scrim{z-index:90;background:#2e292147;place-items:start center;padding:12vh 16px 16px;display:grid;position:fixed;inset:0}.palette{border:1px solid var(--d-line-strong);background:#faf8f3;border-radius:12px;width:min(560px,100%);overflow:hidden;box-shadow:0 0 0 4px #544c3f12,0 24px 64px -16px #2821166b}.palette__input{border-bottom:1px solid var(--d-line);color:var(--d-muted);align-items:center;gap:10px;padding:0 16px;display:flex}.palette__input input{min-width:0;height:52px;color:var(--d-fg);background:0 0;border:0;outline:none;flex:1;font-size:15px}.palette__input input:focus-visible{outline:none}.palette ul{max-height:min(380px,56vh);margin:0;padding:6px;list-style:none;overflow-y:auto}.palette li[role=option]{min-height:38px;color:var(--d-text);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;display:flex}.palette li[role=option] small{color:var(--d-faint);text-overflow:ellipsis;white-space:nowrap;max-width:60%;margin-left:auto;font-size:11.5px;overflow:hidden}.palette li[aria-selected=true]{color:var(--d-fg);background:#e9e3d8}.palette__group{letter-spacing:.14em;text-transform:uppercase;color:var(--d-faint);padding:10px 10px 4px;font-size:10px;font-weight:650}.palette__foot{border-top:1px solid var(--d-line);color:var(--d-faint);gap:16px;padding:9px 14px;font-size:11.5px;display:flex}.site-footer{border-top:1px solid var(--d-line);background:var(--d-panel);color:var(--d-muted);text-align:center;padding:22px 24px 28px;font-size:12px;line-height:1.7}.site-footer a{color:var(--d-text);text-underline-offset:3px;text-decoration-color:#a8a093}.studio-nav__docs{gap:2px;margin:0;padding:0;list-style:none;display:grid}.studio-nav__docs a{color:#5f5850;transition:background-color .16s var(--d-ease);border-radius:6px;align-items:baseline;gap:8px;padding:7px 13px;font-size:12px;text-decoration:none;display:flex}.studio-nav__docs a:hover{color:#35312d;background:#e9e4da}.studio-nav__docs small{color:#8a8277;margin-left:auto;font-size:10px}.studio-bottom__description a{color:#49443b;border-bottom:1px solid #a8a093;margin-top:8px;font-weight:600;text-decoration:none;display:inline-block}.site a:focus-visible,.site button:focus-visible,.site [tabindex]:focus-visible{outline:2px solid var(--d-focus);outline-offset:2px}.docs-main:focus-visible,.docs-article h2:focus-visible{outline:none}@media (width<=1240px){.docs-layout{grid-template-columns:220px minmax(0,1fr)}.docs-toc{display:none}}@media (width<=1023px){.site-header__nav{display:none}.site-search{justify-content:center;width:34px;padding:0}.site-search span,.site-search kbd{display:none}}@media (width<=860px){:root{--site-header:58px}.site-header{gap:10px;padding:0 16px}.site-header .studio-brand div>span{display:none}.site-header .site-header__menu{margin-left:-6px;display:inline-grid}.site-sep{display:none}.docs-layout{grid-template-columns:minmax(0,1fr)}.docs-sidebar{display:none}.site-drawer{inset:var(--site-header) 0 0;z-index:35;background:var(--d-panel);padding:18px 16px 40px;position:fixed;overflow-y:auto}.docs-main{padding:28px 16px 56px}.studio-nav__docs-title,.studio-nav__docs{display:none}}@media (width<=580px){.site-header .studio-brand strong{white-space:nowrap;font-size:16px}.site-header .studio-header__source{display:none}.site-header__right{gap:10px}.docs-title__actions{width:100%}.docs-stage{min-height:280px;padding:20px}.docs-preview:not(.is-primary) .docs-stage{min-height:220px;padding:20px}.docs-preview__tools{display:contents}.docs-preview__tools>.docs-icon-btn{order:1;margin-left:auto}.docs-option{order:2;width:100%;overflow-x:auto}.docs-select{order:2;width:100%}.docs-select select{flex:1;max-width:none}.docs-option>span{display:none}.docs-preview__note{flex-direction:column;align-items:flex-start;gap:6px}.docs-pager{grid-template-columns:1fr}.docs-pager a.is-next{grid-column:1}.palette__foot{display:none}}@media (prefers-reduced-motion:reduce){.docs-seg__pill,.docs-seg button,.docs-icon-btn,.docs-btn,.docs-nav a,.docs-pager a,.site-header__nav a,.studio-nav__docs a{transition:none}}@media (forced-colors:active){.docs-seg__pill{forced-color-adjust:none;background:highlight}.docs-seg button[aria-pressed=true],.docs-cmd__pms button[aria-pressed=true]{color:highlighttext;forced-color-adjust:none}.docs-nav a[aria-current=page]{border-color:highlight}.site a:focus-visible,.site button:focus-visible,.site [tabindex]:focus-visible{outline:2px solid highlight}}