@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff) format("woff")}:root{--color-white: #ffffff;--color-black: #000000;--color-surface: #f5f5f5;--color-border: #d9d9d9;--text-primary: var(--color-black);--text-secondary: rgb(0 0 0 / .64);--text-tertiary: rgb(0 0 0 / .58);--text-display-muted: rgb(0 0 0 / .45);--text-disabled: rgb(0 0 0 / .38);--text-inverse: var(--color-white);--overlay-hover: rgb(0 0 0 / .04);--overlay-active: rgb(0 0 0 / .08);--fill-primary-hover: rgb(0 0 0 / .84);--fill-primary-active: rgb(0 0 0 / .72);--pattern-dot: rgb(0 0 0 / .09);--font-display: "Space Grotesk Variable", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-ui: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--type-display: clamp(2.25rem, 1.5rem + 3.75vw, 4.75rem);--type-h1: clamp(2rem, 1.55rem + 2.25vw, 3.5rem);--type-h2: clamp(1.5rem, 1.3rem + 1vw, 2.25rem);--type-h3: clamp(1.125rem, 1.05rem + .375vw, 1.375rem);--type-body-lg: clamp(1.0625rem, 1rem + .3125vw, 1.25rem);--type-body: 1rem;--type-body-sm: .9375rem;--type-label: .875rem;--type-caption: .8125rem;--leading-tight: 1.04;--leading-heading: 1.15;--leading-snug: 1.35;--leading-body: 1.6;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-display: -.035em;--tracking-heading: -.02em;--tracking-normal: 0;--tracking-caps: .06em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--gutter: clamp(1rem, .6rem + 2vw, 2.5rem);--space-section: clamp(3rem, 2rem + 5vw, 7rem);--space-stack: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--space-hero: clamp(1.75rem, .9rem + 4.5vw, 7rem);--space-hero-gap: clamp(1rem, .8rem + 1vw, 1.5rem);--preview-max-h: min(60vh, 36rem);--width-prose: 38rem;--width-form: 40rem;--width-content: 64rem;--width-frame: 90rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-round: 999px;--border-width: 1px;--border-default: var(--border-width) solid var(--color-border);--border-strong: var(--border-width) solid var(--color-black);--control-sm: 2.75rem;--control-md: 3rem;--control-lg: 3.5rem;--control-pad-x: 1.25rem;--icon-sm: 1rem;--icon-md: 1.25rem;--focus-ring: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-black);--focus-outline-width: 2px;--focus-outline-offset: 3px;--shadow-raised: 0 1px 2px rgb(0 0 0 / .04), 0 12px 32px -16px rgb(0 0 0 / .16);--shadow-overlay: 0 1px 2px rgb(0 0 0 / .06), 0 24px 48px -20px rgb(0 0 0 / .22);--duration-fast: .12s;--duration-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}@supports (height: 1svh){:root{--preview-max-h: min(60svh, 36rem)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:100dvh;background:var(--color-surface);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--type-body);line-height:var(--leading-body);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word}h1,h2,h3,p,ul,ol,figure{margin:0}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}@media(hover:hover){a:hover{text-decoration-thickness:2px}}:focus-visible{outline:var(--focus-outline-width) solid var(--color-black);outline-offset:var(--focus-outline-offset)}::selection{background:var(--color-black);color:var(--color-white)}.t-display,.t-h1,.t-h2,.t-h3{font-family:var(--font-display);font-weight:var(--weight-semibold);text-wrap:balance}.t-display{font-size:var(--type-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.t-h1{font-size:var(--type-h1);line-height:var(--leading-heading);letter-spacing:var(--tracking-display)}.t-h2{font-size:var(--type-h2);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.t-h3{font-size:var(--type-h3);line-height:var(--leading-snug);letter-spacing:var(--tracking-heading)}.t-lead{font-size:var(--type-body-lg);line-height:var(--leading-body);color:var(--text-secondary);text-wrap:pretty}.t-body{font-size:var(--type-body)}.t-small{font-size:var(--type-body-sm);color:var(--text-secondary)}.t-label{font-size:var(--type-label);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.t-caption{font-size:var(--type-caption);line-height:var(--leading-snug);color:var(--text-tertiary)}.t-eyebrow{font-size:var(--type-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-secondary)}.t-muted-display{color:var(--text-display-muted)}.t-mono{font-family:var(--font-mono);font-size:var(--type-label);overflow-wrap:anywhere}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:10;padding:var(--space-3) var(--space-4);background:var(--color-black);color:var(--color-white);border-radius:var(--radius-md);transform:translateY(-200%)}.skip-link:focus-visible{transform:none;box-shadow:var(--focus-ring);outline:none}.t-caption .t-mono{font-size:inherit}.btn{--btn-height: var(--control-md);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--btn-height);min-width:var(--btn-height);padding:0 var(--control-pad-x);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--type-body);font-weight:var(--weight-medium);line-height:1;letter-spacing:var(--tracking-normal);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.btn--lg{--btn-height: var(--control-lg);font-size:var(--type-body);padding:0 var(--space-6)}.btn--block{display:flex;width:100%}.btn:focus-visible,.btn[data-state=focus]{outline:none;box-shadow:var(--focus-ring)}.btn:active:not(:disabled),.btn[data-state=active]{transform:scale(.98)}.btn--primary{background:var(--color-black);border-color:var(--color-black);color:var(--text-inverse)}.btn--primary[data-state=hover]{background:var(--fill-primary-hover)}@media(hover:hover){.btn--primary:hover:not(:disabled){background:var(--fill-primary-hover)}}.btn--primary:active:not(:disabled),.btn--primary[data-state=active]{background:var(--fill-primary-active)}.btn--secondary{background:var(--color-white);border-color:var(--color-border);color:var(--text-primary)}.btn--secondary[data-state=hover]{border-color:var(--color-black)}@media(hover:hover){.btn--secondary:hover:not(:disabled){border-color:var(--color-black)}}.btn--secondary:active:not(:disabled),.btn--secondary[data-state=active]{background:var(--color-surface)}.btn--ghost{background:transparent;color:var(--text-primary)}.btn--ghost[data-state=hover]{background:var(--overlay-hover)}@media(hover:hover){.btn--ghost:hover:not(:disabled){background:var(--overlay-hover)}}.btn--ghost:active:not(:disabled),.btn--ghost[data-state=active]{background:var(--overlay-active)}.btn:disabled{cursor:not-allowed;transform:none}.btn--primary:disabled{background:var(--color-border);border-color:var(--color-border);color:var(--text-secondary)}.btn--secondary:disabled,.btn--ghost:disabled{background:var(--color-surface);border-color:var(--color-border);color:var(--text-disabled)}.btn[aria-busy=true]{cursor:progress}.btn[aria-busy=true].btn--primary{background:var(--color-black);border-color:var(--color-black);color:var(--text-inverse)}.btn[aria-busy=true] .btn__content{visibility:hidden}.btn__content{display:inline-flex;align-items:center;gap:var(--space-2)}.btn__spinner{position:absolute;inset:0;display:grid;place-items:center}.btn__icon{width:var(--icon-md);height:var(--icon-md);flex:none}.icon-btn{display:inline-grid;place-items:center;width:var(--control-sm);height:var(--control-sm);padding:0;flex:none;border:var(--border-width) solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.icon-btn--outline{border-color:var(--color-border);background:var(--color-white)}.icon-btn[data-state=hover]{background:var(--overlay-hover)}@media(hover:hover){.icon-btn:hover:not(:disabled){background:var(--overlay-hover)}}.icon-btn--outline[data-state=hover]{background:var(--color-white);border-color:var(--color-black)}@media(hover:hover){.icon-btn--outline:hover:not(:disabled){background:var(--color-white);border-color:var(--color-black)}}.icon-btn:active:not(:disabled),.icon-btn[data-state=active]{background:var(--overlay-active)}.icon-btn:focus-visible,.icon-btn[data-state=focus]{outline:none;box-shadow:var(--focus-ring)}.icon-btn:disabled{color:var(--text-disabled);cursor:not-allowed}.icon-btn svg{width:var(--icon-md);height:var(--icon-md)}.field{display:grid;gap:var(--space-2);min-width:0}.field__label{font-size:var(--type-label);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-primary)}.field__optional{font-weight:var(--weight-regular);color:var(--text-tertiary)}.field__helper{font-size:var(--type-label);line-height:var(--leading-snug);color:var(--text-secondary);text-wrap:pretty}.inline-error{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--type-label);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-primary)}.inline-error svg{width:var(--icon-sm);height:var(--icon-sm);margin-top:.1em;flex:none}.url-input{--input-height: var(--control-lg);display:flex;align-items:center;gap:var(--space-1);min-height:var(--input-height);min-width:0;padding:0 var(--space-1) 0 var(--space-4);background:var(--color-white);border:var(--border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard)}.url-input--md{--input-height: var(--control-md)}.url-input[data-state=hover]{border-color:#0000007a}@media(hover:hover){.url-input:hover:not(.url-input--disabled){border-color:#0000007a}}.url-input:focus-within,.url-input[data-state=focus]{border-color:var(--color-black);box-shadow:var(--focus-ring)}.url-input--invalid{border-color:var(--color-black);box-shadow:inset 0 0 0 1px var(--color-black)}.url-input--invalid:focus-within{box-shadow:inset 0 0 0 1px var(--color-black),var(--focus-ring)}.url-input--disabled{background:var(--color-surface);color:var(--text-disabled);cursor:not-allowed}.url-input__icon{width:var(--icon-md);height:var(--icon-md);flex:none;color:var(--text-tertiary)}.url-input__field{flex:1;min-width:0;height:calc(var(--input-height) - 2px);padding:0 var(--space-2);border:0;background:transparent;font-family:var(--font-ui);font-size:var(--type-body);color:var(--text-primary);text-overflow:ellipsis}.url-input__field:focus,.url-input__field:focus-visible{outline:none}.url-input__field::placeholder{color:var(--text-tertiary);opacity:1}.url-input__field:disabled{cursor:not-allowed;color:var(--text-disabled)}.url-input__end[hidden]{display:none}.url-input__end{display:grid;place-items:center;width:var(--control-sm);height:var(--control-sm);flex:none}.surface{--surface-pad: clamp(1.25rem, 1rem + 1vw, 2rem);min-width:0;padding:var(--surface-pad);background:var(--color-white);border:var(--border-default);border-radius:var(--radius-lg)}.surface--sunken{background:var(--color-surface)}.surface--raised{box-shadow:var(--shadow-raised)}.surface--flush{--surface-pad: 0}.surface--compact{--surface-pad: var(--space-4)}.divider{height:0;margin:0;border:0;border-top:var(--border-default)}.divider--labeled{display:flex;align-items:center;gap:var(--space-3);height:auto;border:0;font-size:var(--type-caption);color:var(--text-tertiary)}.divider--labeled:before,.divider--labeled:after{content:"";flex:1;border-top:var(--border-default)}.status{display:inline-flex;align-items:center;gap:var(--space-2);min-height:1.75rem;padding:0 var(--space-3) 0 var(--space-2);border:var(--border-default);border-radius:var(--radius-round);background:var(--color-white);font-size:var(--type-caption);font-weight:var(--weight-medium);line-height:1;color:var(--text-primary);white-space:nowrap}.status--plain{padding:0;border:0;background:transparent}.status__mark{width:var(--icon-sm);height:var(--icon-sm);flex:none}.spinner{display:inline-flex;align-items:center;gap:var(--space-2);color:currentColor}.spinner__ring{width:var(--icon-md);height:var(--icon-md);flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.spinner--sm .spinner__ring{width:var(--icon-sm);height:var(--icon-sm)}.spinner__label{font-size:var(--type-label)}@media(prefers-reduced-motion:reduce){.spinner__ring{animation:none;border-style:dotted;border-right-color:currentColor}}@keyframes spin{to{transform:rotate(360deg)}}.tip{font-size:var(--type-label);color:var(--text-secondary)}.tip>summary{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-sm);cursor:pointer;font-weight:var(--weight-medium);color:var(--text-primary);list-style:none;border-radius:var(--radius-sm)}.tip>summary::-webkit-details-marker{display:none}.tip>summary svg{width:var(--icon-sm);height:var(--icon-sm);transition:transform var(--duration-fast) var(--ease-standard)}.tip[open]>summary svg{transform:rotate(90deg)}.tip__body{max-width:var(--width-prose);padding:0 0 var(--space-2) calc(var(--icon-sm) + var(--space-2))}.btn--sm{--btn-height: var(--control-sm);padding:0 var(--space-3);font-size:var(--type-body-sm)}.url-input__paste{flex:none}.steps{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.steps__item{display:flex;align-items:center;gap:var(--space-3);min-height:1.5rem;font-size:var(--type-body-sm)}.steps__item--upcoming{color:var(--text-tertiary)}.steps__item--current{font-weight:var(--weight-medium)}.steps__mark{display:grid;place-items:center;width:var(--icon-md);height:var(--icon-md);flex:none}.steps__mark svg{width:var(--icon-md);height:var(--icon-md)}.progress{display:grid;gap:var(--space-2)}.progress__head{display:flex;justify-content:space-between;gap:var(--space-3)}.progress__bar{width:100%;height:.5rem;appearance:none;border:0;border-radius:var(--radius-round);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);overflow:hidden}.progress__bar::-webkit-progress-bar{background:var(--color-surface);border-radius:var(--radius-round)}.progress__bar::-webkit-progress-value{background:var(--color-black);border-radius:var(--radius-round)}.progress__bar::-moz-progress-bar{background:var(--color-black);border-radius:var(--radius-round)}.meta{display:grid;margin:0;border-top:var(--border-default)}.meta__row{display:grid;grid-template-columns:minmax(6.5rem,2fr) minmax(0,3fr);gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-default)}.meta__term{font-size:var(--type-label);color:var(--text-secondary)}.meta__value{margin:0;font-size:var(--type-body-sm);font-weight:var(--weight-medium);min-width:0;overflow-wrap:anywhere}.meta__value--missing{font-weight:var(--weight-regular);font-style:italic;color:var(--text-tertiary)}.field__message{min-height:calc(2 * var(--leading-snug) * var(--type-label))}.frame{display:flex;flex-direction:column;min-height:100dvh;max-width:var(--width-frame);margin:0 auto;background:var(--color-white)}.container{width:100%;max-width:calc(var(--width-content) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}.site-header{padding:var(--space-3) var(--gutter) 0;background:var(--color-white)}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:calc(var(--control-sm) + 2 * var(--space-2));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--color-white);border:var(--border-default);border-radius:var(--radius-lg)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-sm);font-family:var(--font-display);font-size:1.0625rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);text-decoration:none;border-radius:var(--radius-sm)}@media(hover:hover){.brand:hover{text-decoration:none}}.brand__mark{width:1.75rem;height:1.75rem;flex:none}.install--wide{display:none}@media(max-width:29.99rem){.brand{font-size:1rem;white-space:nowrap}.nav{gap:var(--space-2);padding-left:var(--space-3)}}@media(max-width:23.4rem){.brand{gap:6px;font-size:.9375rem}.brand__mark{width:1.5rem;height:1.5rem}}@media(min-width:30rem){.install--wide{display:inline-flex}.install--narrow{display:none}}.app-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg)}.app-notice__text{display:flex;align-items:flex-start;gap:var(--space-2);flex:1 1 9rem;min-width:0;margin:0;padding-block:var(--space-2);overflow-wrap:anywhere}.app-notice__text svg{width:var(--icon-sm);height:var(--icon-sm);margin-top:.2em;flex:none}.app-notice__actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.app-notice--panel{display:block;padding:var(--space-3) var(--space-2) var(--space-4) var(--space-4)}.app-notice__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.app-notice__title{margin:0}.app-notice__steps{margin:var(--space-2) var(--space-2) var(--space-3) 0;padding-left:var(--space-5)}.app-notice__steps li+li{margin-top:var(--space-1)}.app-notice--offline{margin:0 0 var(--space-3);background:var(--color-white);border-color:var(--color-black);text-align:left}.hero{position:relative;margin:var(--space-3) 0 0;padding:var(--space-hero) 0;border-block:var(--border-default);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='2' cy='2' r='1' fill='black' fill-opacity='0.09'/%3E%3C/svg%3E");background-size:16px 16px}.hero__inner{display:grid;justify-items:center;gap:var(--space-hero-gap);max-width:calc(var(--width-form) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter);text-align:center}.hero__title{max-width:14ch}.hero__title span{display:block}.hero__lead{max-width:var(--width-prose)}.hero__form{width:100%;margin-top:var(--space-2);text-align:left}.download{display:grid;gap:var(--space-4)}.download__form{display:grid;gap:var(--space-3)}.download__outcome:empty{display:none}.flow-card{display:grid;gap:var(--space-4);justify-items:start}.flow-card>*{max-width:100%}.flow-card__title{outline-offset:var(--space-1)}.flow-card__title:focus:not(:focus-visible){outline:none}.flow-card .meta,.flow-card .divider,.flow-card .steps,.flow-card .progress,.flow-card__source,.flow-card__actions--stack{width:100%}.flow-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.flow-card__actions--stack{display:grid}.flow-card__source{display:grid;gap:var(--space-1)}.result-preview{display:block;width:min(100%,calc(var(--preview-max-h) * var(--ratio, 1.7778)));height:auto;margin-inline:auto;background:var(--color-black);border-radius:var(--radius-md);object-fit:contain}.result-preview:focus-within{outline:var(--focus-outline-width) solid var(--color-black);outline-offset:var(--focus-outline-offset)}.result-file{font-weight:var(--weight-medium)}.result-problems{display:grid;gap:var(--space-2);width:100%;margin:0;padding:0;list-style:none;font-size:var(--type-body-sm)}.result-problems li{display:flex;gap:var(--space-2)}.result-problems svg{width:var(--icon-sm);height:var(--icon-sm);margin-top:.2em;flex:none}.section{padding:var(--space-section) 0}.section__head{display:grid;gap:var(--space-3);max-width:var(--width-prose);margin-bottom:var(--space-stack)}.section--tight{padding:var(--space-section) 0 0}.section--tight:last-of-type{padding-bottom:var(--space-section)}.platform-grid{display:grid;margin:0;padding:0;list-style:none;border-top:var(--border-default)}.platform-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center;gap:var(--space-1) var(--space-4);padding:var(--space-4) 0;border-bottom:var(--border-default)}.platform-cell__name{font-family:var(--font-display);font-size:var(--type-h3);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading);line-height:var(--leading-snug)}.platform-cell .t-caption{grid-column:1 / -1}.info-grid{display:grid;gap:var(--space-stack)}.info-block{display:grid;gap:var(--space-4);align-content:start}.info-list{display:grid;gap:var(--space-3);margin:0;padding:0 0 0 var(--space-5);max-width:var(--width-prose);font-size:var(--type-body-sm);color:var(--text-secondary)}.info-list li::marker{color:var(--text-primary)}.site-footer{margin-top:auto;padding:var(--space-8) 0;border-top:var(--border-default)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6)}.site-footer__links{display:flex;flex-wrap:wrap;gap:0 var(--space-5)}.site-footer a{display:inline-flex;align-items:center;min-height:var(--control-sm);justify-content:center;min-width:var(--control-sm)}.ds-section{display:grid;gap:var(--space-6);padding:var(--space-12) 0;border-top:var(--border-default)}.ds-section:first-of-type{border-top:0}.ds-grid{display:grid;gap:var(--space-4)}.ds-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4)}.ds-item{display:grid;gap:var(--space-2);justify-items:start;min-width:0}.ds-item--wide{width:100%}.swatch{display:grid;gap:var(--space-2);min-width:0}.swatch__chip{height:var(--space-16);border:var(--border-default);border-radius:var(--radius-md)}.type-row{display:grid;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:var(--border-default);min-width:0}.space-bar{height:var(--space-3);background:var(--color-black);border-radius:2px}.radius-chip{width:var(--space-16);height:var(--space-16);background:var(--color-surface);border:var(--border-strong)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--type-body-sm)}.ds-table th,.ds-table td{padding:var(--space-3) var(--space-2) var(--space-3) 0;border-bottom:var(--border-default);text-align:left;vertical-align:top}.ds-table th{font-weight:var(--weight-medium)}@media(max-width:29.99rem){.ds-table tr{display:grid;padding:var(--space-3) 0;border-bottom:var(--border-default)}.ds-table th,.ds-table td{padding:0;border:0}.ds-table thead{display:none}}@media(min-width:30rem){.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:37.5rem){.hero{margin-inline:var(--gutter);border:var(--border-default);border-radius:var(--radius-lg)}.download__form{grid-template-columns:minmax(0,1fr) auto;align-items:start}.download__form .btn{width:auto}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-8)}}@media(min-width:48rem){body{padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.frame{min-height:calc(100dvh - 2 * var(--space-4));border:var(--border-default);border-radius:var(--radius-xl)}.site-header{padding-top:var(--space-4);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-12)}.ds-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:64rem){body{padding:max(var(--space-6),env(safe-area-inset-top)) max(var(--space-6),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--space-6),env(safe-area-inset-left))}.frame{min-height:calc(100dvh - 2 * var(--space-6))}.platform-grid,.ds-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.flow-card__notice{display:flex;align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-3);border:var(--border-default);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--type-body-sm)}.flow-card__notice svg{width:var(--icon-sm);height:var(--icon-sm);margin-top:.2em;flex:none}.download-progress{display:grid;gap:var(--space-3)}
