/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.contents{display:contents}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@font-face{font-family:Lexend Deca;src:url(/fonts/lexend-deca-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Inclusive Sans;src:url(/fonts/inclusive-sans-latin.woff2)format("woff2");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}:root{--font-heading:"Lexend Deca", sans-serif;--font-body:"Inclusive Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--display-xl:clamp(56px, 7.2vw, 104px);--display:clamp(44px, 5.2vw, 80px);--h1:clamp(40px, 4.4vw, 60px);--h2:clamp(32px, 3.1vw, 44px);--h3:clamp(24px, 2.1vw, 30px);--lead:clamp(18px, 1.7vw, 22px);--body:clamp(16px, 1.3vw, 18px);--meta:14px;--product-title:clamp(28px, 2.4vw, 36px);--product-section:22px;--product-card:18px;--product-body:16px;--product-label:14px;--product-meta:12px;--motion-fast:.16s;--motion-control:.2s;--motion-overlay:.24s;--motion-layout:.32s;--motion-editorial:.52s;--ease-soft:cubic-bezier(.2, .7, .2, 1)}[data-mood]{--surface-canvas:var(--bg-main);--surface-low:var(--bg-surface-variant);--surface:var(--bg-surface);--surface-high:var(--primary-container);--surface-floating:var(--bg-surface);--readable-muted:var(--text-subtle-readable,var(--text-muted))}@supports (color:color-mix(in lab, red, red)){[data-mood]{--readable-muted:var(--text-subtle-readable,color-mix(in srgb, var(--text-muted) 72%, var(--text-main)))}}[data-mood]{--on-primary:var(--bg-main);--shadow-1:0 2px 8px var(--text-main)}@supports (color:color-mix(in lab, red, red)){[data-mood]{--shadow-1:0 2px 8px color-mix(in srgb, var(--text-main) 4%, transparent)}}[data-mood]{--shadow-2:0 8px 32px var(--text-main)}@supports (color:color-mix(in lab, red, red)){[data-mood]{--shadow-2:0 8px 32px color-mix(in srgb, var(--text-main) 9%, transparent)}}[data-mood]{--shadow-3:0 16px 64px var(--text-main)}@supports (color:color-mix(in lab, red, red)){[data-mood]{--shadow-3:0 16px 64px color-mix(in srgb, var(--text-main) 14%, transparent)}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-main);scroll-padding-top:32px}body{color:var(--text-main);font-family:var(--font-body);font-size:var(--body);-webkit-font-smoothing:antialiased;background:var(--bg-main);transition:background-color var(--motion-control), color var(--motion-control);margin:0;line-height:1.55}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--font-heading);text-wrap:balance;letter-spacing:-.045em;font-weight:400;line-height:1.15}h2{font-size:var(--h2)}h3{font-size:var(--h3)}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a,button{transition:background-color var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast)}a:hover{color:var(--primary)}:focus-visible{outline:2px solid var(--border-active);outline-offset:4px}::selection{background:var(--primary-container);color:var(--on-primary-container)}svg{display:block}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.wrap{width:min(1328px,100% - 112px);margin-inline:auto}.mono{font:12px/1.5 var(--font-mono)}.kicker{font-size:var(--meta);color:var(--readable-muted);margin-bottom:24px}.section{padding-block:96px}.section-head{justify-content:space-between;align-items:end;gap:48px;margin-bottom:48px;display:flex}.section-head>p{max-width:340px;color:var(--readable-muted)}.text-link{align-items:center;gap:16px;min-height:44px;font-size:16px;font-weight:500;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.skip-link{background:var(--bg-surface);z-index:10;border-radius:var(--radius-sm);padding:12px 24px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{justify-content:space-between;align-items:center;gap:32px;height:112px;display:flex}.wordmark{font-family:var(--font-heading);letter-spacing:-.07em;align-items:center;gap:4px;font-size:36px;font-weight:500;line-height:1;display:inline-flex}.wordmark span{color:var(--primary);margin-top:-16px;font-size:30px}.site-header nav{gap:32px;display:flex}.site-header nav a{padding-block:12px;font-size:15px}.site-header [aria-current]{text-underline-offset:6px;text-decoration:underline}.header-about{align-items:center;gap:16px;min-height:44px;font-size:14px;display:flex}.mobile-nav{display:none}.hero{grid-template-columns:1.05fr 1fr;column-gap:32px;padding-top:64px;display:grid}.context-capsule{border-radius:var(--radius-full);background:var(--bg-surface-variant);color:var(--readable-muted);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.context-capsule>span{background:var(--primary);border-radius:50%;width:6px;height:6px}.hero h1{font-size:var(--display);letter-spacing:-.065em;margin:32px 0 28px;line-height:1.08}.hero .lead{font-size:var(--lead);color:var(--readable-muted);line-height:1.5}.actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:36px;display:flex}.button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 20px;font-size:15px;font-weight:500;line-height:1.35;display:inline-flex}.button.primary{background:var(--primary);color:var(--on-primary)}.button.primary:hover{background:var(--primary-hover);color:var(--on-primary)}.button.secondary{background:var(--secondary-container);color:var(--on-secondary-container)}.button.secondary:hover{background:var(--bg-surface-hover)}.button.outline{border-color:var(--border-active);color:var(--text-main);background:0 0}.button.ghost{color:var(--text-main);background:0 0}.button.ghost:hover,.button.outline:hover{background:var(--bg-surface-hover)}.button.destructive{color:var(--status-error-text);background:var(--status-error-bg)}.button.icon{flex-shrink:0;width:44px;height:44px;padding:12px}.button svg{width:18px;height:18px}.hero-note{color:var(--readable-muted);margin-top:40px;font-size:13px}.hero-composition{min-width:0;padding:24px 0 88px 32px;position:relative}.hero-media{border-radius:var(--radius-xl);background:var(--primary-container);color:var(--on-primary-container);height:440px;padding:28px 32px 20px;position:relative;overflow:hidden}.specimen-label{justify-content:space-between;font-size:12px;display:flex}.specimen-label>:first-child{font-family:var(--font-heading);letter-spacing:-.05em;font-size:19px}.hero-media h2{z-index:1;margin-top:24px;font-size:39px;line-height:1.04;position:relative}.hero-media .botanical{position:absolute;inset:65px -32px -22px 100px}.hero-media figcaption{display:none}.media-caption{justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:24px;left:32px;right:32px}.botanical{background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--radius-xl);overflow:hidden}.botanical svg{width:100%;max-height:440px;fill:var(--primary)}.botanical ellipse:nth-of-type(2n){fill:var(--secondary)}.botanical ellipse{opacity:.78}.botanical-stem{fill:none;stroke:var(--on-primary-container);stroke-width:3px}.botanical figcaption{justify-content:space-between;gap:16px;padding:24px 32px;font-size:14px;display:flex}.botanical figcaption span{font-size:12px}.hero-live{background:var(--bg-surface);border-radius:var(--radius-lg);width:75%;box-shadow:var(--shadow-2);min-height:184px;margin:-130px 0 0 -32px;padding:24px;position:relative}.hero-live h3{margin-block:12px;font-size:22px}.hero-live p{color:var(--readable-muted);font-size:14px}.hero-context{background:var(--bg-surface-hover);border-radius:var(--radius-md);align-items:center;gap:12px;padding:20px 24px;font-size:13px;display:flex;position:absolute;bottom:32px;right:-12px}.context-icon{color:var(--primary);font-size:36px;line-height:1}.hero-context strong{font-family:var(--font-heading);font-size:19px;font-weight:400}.hero-foot{border-bottom:1px solid var(--border-subtle);color:var(--readable-muted);grid-column:1/-1;justify-content:space-between;gap:24px;padding-block:24px;font-size:12px;display:flex}.mood-strip{justify-content:space-between;align-items:center;gap:32px;padding-block:48px;display:flex}.mood-strip h2{letter-spacing:-.04em;margin-bottom:8px;font-size:20px}.mood-strip p{color:var(--readable-muted);font-size:14px}.mood-options{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.mood-options legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.mood-option{cursor:pointer;flex-direction:column;align-items:center;gap:6px;min-width:62px;padding:4px;font-size:12px;display:flex;position:relative}.mood-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.mood-swatch{border:4px solid var(--bg-main);outline:1px solid var(--border-subtle);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.mood-option input:checked+.mood-swatch{outline:2px solid var(--primary)}.mood-option input:focus-visible+.mood-swatch{outline:2px solid var(--border-active);outline-offset:4px}.mood-check{opacity:0;font-size:13px}.mood-option input:checked+.mood-swatch .mood-check{opacity:1}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.principles{grid-template-columns:1fr 1fr;gap:80px;padding-block:112px 96px;display:grid}.principles h2{font-size:var(--display)}.principle-list{flex-direction:column;gap:40px;display:flex}.principle-list article{align-items:start;gap:32px;display:flex}.principle-list h3{margin-bottom:12px;font-size:23px}.principle-list p{color:var(--readable-muted);max-width:350px}.principle-glyph{color:var(--primary);text-align:center;min-width:58px;font-size:46px;line-height:1}.type-glyph{font-family:var(--font-heading);letter-spacing:-.06em;font-size:34px}.surface-glyph{flex-shrink:0;width:58px;height:50px;position:relative}.surface-glyph i{background:var(--primary-container);border-radius:8px;width:42px;height:32px;position:absolute;top:0;left:0}.surface-glyph i:nth-child(2){background:var(--secondary-container);top:8px;left:8px}.surface-glyph i:nth-child(3){background:var(--primary);top:16px;left:16px}.mosaic{grid-template-columns:1.2fr .8fr .8fr;align-items:start;gap:24px;display:grid}.mosaic-story .botanical{min-height:390px}.mosaic .metric{background:var(--bg-surface-variant);border-radius:var(--radius-lg);padding:28px}.metric>p{color:var(--readable-muted);font-size:14px}.metric strong{font:400 56px/1.3 var(--font-heading);letter-spacing:-.055em}.chart svg{width:100%;overflow:visible}.chart-grid{stroke:var(--border-subtle);fill:none;stroke-width:1px}.chart-line{stroke:var(--primary);stroke-width:3px;fill:none}.chart-fill{fill:var(--primary-container);opacity:.5}.chart figcaption{color:var(--readable-muted);justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.status{border-radius:var(--radius-full);color:var(--status-available-text-aa,var(--status-success-text));background:var(--status-available-bg);align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status.pending{background:var(--status-pending-bg);color:var(--status-pending-text)}@supports (color:color-mix(in lab, red, red)){.status.pending{color:color-mix(in srgb, var(--status-pending-text) 80%, var(--text-main))}}.status.error{background:var(--status-error-bg);color:var(--status-error-text)}.tonal-card{background:var(--bg-surface-variant);border-radius:var(--radius-md);padding:24px}.surface-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:28px}.mode-section{background:var(--bg-surface-variant);margin-block:32px;padding-block:96px}.mode-comparison{background:var(--bg-main);border-radius:var(--radius-xl);padding:32px}.tabs-list{border-radius:var(--radius-full);background:var(--bg-surface-variant);gap:4px;margin-bottom:32px;padding:4px;display:inline-flex}.tabs-trigger{min-height:44px;color:var(--readable-muted);border-radius:var(--radius-full);background:0 0;border:0;padding:10px 20px;font-size:14px}.tabs-trigger[data-active]{background:var(--bg-surface);color:var(--text-main);box-shadow:var(--shadow-1)}.editorial-demo{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:32px;display:grid}.editorial-demo h3{font-size:var(--h1);margin-block:24px}.editorial-demo p{color:var(--readable-muted);margin-bottom:24px}.product-demo{padding:24px}.product-demo h3{font-size:var(--product-title)}.product-demo .section-head{margin-bottom:24px}.product-meta{color:var(--readable-muted);font-size:13px}.table-scroll{border-radius:var(--radius-md);max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:460px;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:16px}.data-table th{color:var(--readable-muted);font-size:12px;font-weight:400}.data-table th button{color:inherit;background:0 0;border:0;min-height:44px;margin:-8px;padding:8px}.data-table td:nth-child(2){font-variant-numeric:tabular-nums}.signature-layout{grid-template-columns:1.3fr .7fr;gap:32px;display:grid}.command-preview{border-radius:var(--radius-lg);background:var(--primary-container);grid-column:1/-1;padding:32px}.command-bar{border-radius:var(--radius-md);background:var(--bg-surface);width:100%;color:var(--readable-muted);text-align:left;box-shadow:var(--shadow-1);border:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.command-bar kbd{font-family:var(--font-mono);font-size:12px}.signature-description{color:var(--on-primary-container);justify-content:space-between;align-items:baseline;gap:24px;margin-top:20px;font-size:13px;display:flex}.signature-description h3{font-size:18px}.motion-section{grid-template-columns:1fr 1fr;align-items:center;gap:96px;padding-block:112px;display:grid}.motion-section h2{font-size:var(--h1);margin-bottom:24px}.motion-section p{max-width:350px;color:var(--readable-muted);margin-bottom:24px}.motion-art{background:var(--bg-surface-variant);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:16px;min-height:280px;display:flex}.motion-art span{background:var(--primary-container);border-radius:var(--radius-lg);width:64px;height:112px}.motion-art span:nth-child(2){background:var(--primary);height:160px}.motion-art span:nth-child(3){background:var(--secondary-container);height:88px}.mood-gallery{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mood-mini{border-radius:var(--radius-lg);background:var(--bg-surface-variant);color:var(--text-main);min-width:0;padding:24px}.mini-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:36px;display:flex}.mini-mark{font-family:var(--font-heading);font-size:28px}.mood-mini h3{margin-bottom:12px;font-size:24px}.mood-mini p{color:var(--readable-muted);min-height:60px;font-size:13px}.mini-controls{align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex}.mini-controls>:first-child{background:var(--primary);color:var(--bg-main);border-radius:var(--radius-sm);align-items:center;min-height:44px;padding:8px 12px;display:inline-flex}.mini-controls a:hover{background:var(--primary-hover)}.mini-controls span:last-child{background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--radius-sm);padding:8px 12px}.closing{text-align:center;padding-block:128px}.closing h2{font-size:var(--display);margin-block:32px}.closing-flower{color:var(--primary);font-size:56px}.site-footer{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr 1fr;gap:32px;padding-block:48px;font-size:14px;display:grid}.site-footer nav{flex-direction:column;align-items:start;gap:8px;display:flex}.site-footer nav a{min-height:32px}.site-footer>.mono{color:var(--readable-muted);grid-column:1/-1}@media (width>=1500px){.hero{padding-top:80px}.hero-media{height:490px}.hero h1{font-size:84px}}@media (width<=1100px){.wrap{width:calc(100% - 64px)}.header-about{display:none}.hero{column-gap:16px}.hero h1{font-size:clamp(44px,6.3vw,72px)}.hero-composition{padding-left:16px}.hero-media{padding-inline:24px}.hero-context{padding:16px;right:0}.mood-strip{flex-direction:column;align-items:start}.mood-options{justify-content:space-between;width:100%}.principles{gap:40px}.mosaic{grid-template-columns:1fr 1fr}.mosaic-story{grid-row:span 2}.mood-gallery{grid-template-columns:repeat(2,1fr)}.editorial-demo{gap:32px;padding:16px}}@media (width<=767px){.wrap{width:calc(100% - 40px)}.site-header{height:88px}.site-header>nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;align-items:center;min-height:44px;padding:8px 12px;list-style:none;display:flex}.mobile-nav summary:after{content:"+";margin-left:16px}.mobile-nav[open] summary:after{content:"−"}.mobile-nav nav{border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-2);z-index:3;flex-direction:column;gap:0;min-width:190px;padding:16px 24px;position:absolute;top:48px;right:0}.hero{grid-template-columns:1fr;padding-top:32px}.hero h1{margin-block:28px 24px;font-size:clamp(44px,9.8vw,72px)}.hero .lead{font-size:19px}.hero-note{margin-top:24px}.hero-composition{margin-top:48px;padding:0 0 80px 16px}.hero-media{height:390px}.hero-media h2{font-size:36px}.hero-live{width:80%;margin-left:-16px;padding:20px}.hero-context{font-size:12px;bottom:16px}.hero-context strong{font-size:17px}.hero-foot{flex-wrap:wrap;gap:12px;font-size:11px}.hero-foot>:nth-child(2){display:none}.mood-strip{gap:24px;padding-block:32px}.mood-options{grid-template-columns:repeat(4,1fr);row-gap:16px;display:grid}.mood-option{min-width:0}.principles{grid-template-columns:1fr;gap:48px;padding-block:64px}.principles h2{font-size:44px}.principle-list{gap:32px}.principle-list article{gap:20px}.principle-list h3{font-size:22px}.section{padding-block:64px}.section-head{flex-direction:column;align-items:start;gap:24px;margin-bottom:32px}.section-head>p{max-width:100%}.mosaic{grid-template-columns:1fr;gap:16px}.mosaic-story{grid-row:auto}.mosaic-story .botanical{min-height:0}.mosaic .metric{padding:24px}.mode-section{padding-block:64px}.mode-comparison{padding:16px}.editorial-demo{grid-template-columns:1fr;gap:24px;padding:0}.editorial-demo .botanical{order:2}.editorial-demo h3{font-size:36px}.product-demo{padding:8px}.tabs-list{margin-bottom:24px}.signature-layout{grid-template-columns:1fr;gap:16px}.command-preview{padding:20px}.command-bar{padding:16px;font-size:14px}.signature-description{flex-direction:column;gap:8px}.motion-section{grid-template-columns:1fr;gap:32px;padding-block:64px}.motion-art{min-height:240px}.mood-gallery{gap:12px}.mood-mini{padding:20px 16px}.mood-mini h3{font-size:22px}.mood-mini .status{padding:4px 6px;font-size:10px}.mood-mini p{min-height:84px}.closing{padding-block:80px}.closing h2{font-size:clamp(34px,7.6vw,52px)}.site-footer{grid-template-columns:1fr 1fr;gap:24px;padding-block:32px}.site-footer nav{flex-flow:wrap;grid-column:1/-1;column-gap:24px}.site-footer p{font-size:12px}}@media (width<=359px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:40px}.actions{gap:16px}.hero-live{width:90%}.hero-context{bottom:8px;right:-4px}.mood-gallery{grid-template-columns:1fr}.mood-mini p{min-height:0}.mini-top{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.field-group{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.field-group .field{margin-bottom:0}.field label{color:var(--text-main);font-size:14px}.input{background:var(--bg-surface);width:100%;min-width:0;min-height:44px;color:var(--text-main);border:1px solid var(--secondary);border-radius:var(--radius-sm);padding:10px 12px;font-size:15px;line-height:1.5}.input:hover{border-color:var(--border-active)}.input[aria-invalid=true]{border-color:var(--status-error-text)}.input::placeholder{color:var(--readable-muted)}.textarea{resize:vertical}.checkbox-label{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.checkbox-label input{width:20px;height:20px;accent-color:var(--primary)}.field-error{color:var(--status-error-text);font-size:14px}.form-status{color:var(--readable-muted);min-height:20px;font-size:13px}.form-status:empty{display:none}.progress{color:var(--readable-muted);margin-block:16px;font-size:12px}.progress>div{justify-content:space-between;gap:16px;margin-bottom:8px;display:flex}.progress progress{border-radius:var(--radius-full);background:var(--bg-surface-hover);width:100%;height:6px;accent-color:var(--primary);border:0;display:block;overflow:hidden}.progress progress::-webkit-progress-bar{background:var(--bg-surface-variant)}.progress progress::-webkit-progress-value{background:var(--primary);border-radius:var(--radius-full)}.progress progress::-moz-progress-bar{background:var(--primary);border-radius:var(--radius-full)}.hero-task-top,.hero-task-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-task-top .product-meta{font-size:11px}.hero-task .status{white-space:nowrap;padding:4px 8px;font-size:10px}.hero-task .button{min-height:44px;padding:10px 12px;font-size:12px}.hero-task h3{margin:20px 0 8px;font-size:22px}.avatar-stack{padding-left:4px;display:flex}.avatar-stack span{border:2px solid var(--bg-surface);background:var(--primary-container);width:28px;height:28px;color:var(--on-primary-container);border-radius:50%;place-items:center;margin-left:-4px;font-size:10px;display:grid}.avatar-stack span:nth-child(2){background:var(--secondary-container)}.avatar-stack span:nth-child(3){background:var(--bg-surface-variant)}.mosaic{grid-template-columns:1.2fr .85fr .9fr}.mosaic-story{grid-row:span 2}.mosaic-caption{padding:24px 8px}.mosaic-caption h3{margin-bottom:8px;font-size:26px}.mosaic-caption p{color:var(--readable-muted);font-size:13px}.mosaic-settings{grid-area:span 2/3;margin-top:48px}.mosaic-settings h3{margin-bottom:24px;font-size:22px}.mosaic-note{grid-column:2}.mosaic-note h3{margin-top:20px;font-size:24px}.metric-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-block:8px 24px;display:flex}.metric-line .status{font-size:10px}.metric .chart{margin-top:20px}.demo-note{margin-top:16px}.overlay-demo{flex-direction:column;align-items:start;gap:24px;display:flex}.inspector-preview{background:var(--bg-surface);box-shadow:var(--shadow-2);border-radius:var(--radius-lg);width:100%;padding:28px}.inspector-preview h3{margin-block:24px;font-size:28px}.token-list{margin:0 0 24px;font-size:13px}.token-list>div{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding-block:10px;display:flex}.token-list dt{color:var(--readable-muted)}.token-list dd{margin:0}.overlay-backdrop{background:var(--text-main);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.overlay-backdrop{background:color-mix(in srgb, var(--text-main) 30%, transparent)}}.overlay-backdrop{transition:opacity var(--motion-overlay) var(--ease-soft)}.overlay-backdrop[data-starting-style],.overlay-backdrop[data-ending-style]{opacity:0}.overlay-viewport{overscroll-behavior:contain;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay-panel{background:var(--surface-floating);color:var(--text-main);border-radius:var(--radius-lg);width:min(520px,100%);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-3);transition:opacity var(--motion-overlay) var(--ease-soft), transform var(--motion-overlay) var(--ease-soft);flex-direction:column;gap:24px;padding:40px 32px 32px;display:flex;position:relative;overflow-y:auto}.overlay-panel>h2{padding-right:28px;font-size:28px}.overlay-panel>p{color:var(--readable-muted);font-size:16px}.overlay-panel>.button{align-self:start}.overlay-close{font-size:28px;position:absolute;top:8px;right:8px}.overlay-panel[data-starting-style],.overlay-panel[data-ending-style]{opacity:0;transform:translateY(8px)}.sheet-viewport{place-items:stretch end;padding:16px}.overlay-panel.sheet{width:440px;height:100%;max-height:calc(100dvh - 32px)}.overlay-panel.sheet[data-starting-style],.overlay-panel.sheet[data-ending-style]{transform:translate(8px)}.command-dialog{gap:16px}.command-dialog .field{margin-bottom:0}.command-results{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.command-result{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:14px 12px;font-size:15px;display:flex}.command-result>:last-child{color:var(--readable-muted);font-size:12px}.command-result:hover,.command-result:focus-visible{background:var(--bg-surface-variant)}.conversation{background:var(--bg-surface-variant);border-radius:var(--radius-lg);min-width:0;padding:28px}.conversation-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.conversation-header h3{font-size:25px}.conversation-header .context-capsule{background:var(--bg-main);font-size:11px}.message-scroller{overscroll-behavior:contain;flex-direction:column;gap:24px;max-height:330px;margin-bottom:24px;padding-right:4px;display:flex;overflow-y:auto}.message{align-items:start;gap:12px;display:flex}.message>div{min-width:0}.message-avatar{border-radius:var(--radius-sm);background:var(--primary-container);width:32px;height:32px;color:var(--on-primary-container);flex-shrink:0;place-items:center;font-size:20px;display:grid}.message-speaker{color:var(--readable-muted);margin-bottom:8px;font-size:12px}.bubble{background:var(--bg-surface);border-radius:0 var(--radius-md) var(--radius-md);overflow-wrap:anywhere;padding:16px;font-size:15px}.message[data-speaker=You] .bubble{background:var(--secondary-container);color:var(--on-secondary-container)}.composer-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.composer-actions .product-meta{max-width:250px;font-size:11px}.conversation .field label{font-size:13px}.conversation .textarea{border:1px solid var(--secondary)}.motion-controls{justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.motion-controls .mono{color:var(--readable-muted)}.motion-art[data-replay]:not([data-replay="0"]) span{animation:settle var(--motion-control) var(--ease-soft)}.motion-art[data-replay]:not([data-replay="0"]) span:nth-child(2){animation-delay:40ms}.motion-art[data-replay]:not([data-replay="0"]) span:nth-child(3){animation-delay:80ms}@keyframes settle{0%{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feedback-demo{flex-direction:column;gap:16px;display:flex}.feedback-demo h3{font-size:24px}.feedback-demo .actions{gap:12px;margin:0}.empty-state{text-align:center;border-radius:var(--radius-md);background:var(--bg-main);padding:28px 20px}.empty-state>span{color:var(--primary);font-size:28px}.empty-state h3{margin:12px 0;font-size:21px}.empty-state p{color:var(--readable-muted);font-size:14px}.skeleton-group{flex-direction:column;gap:12px;padding:24px;display:flex}.skeleton{border-radius:var(--radius-xs);background:var(--bg-surface-hover);min-height:20px}.skeleton:nth-child(2){width:80%}.skeleton:nth-child(3){width:60%}.toast-viewport{width:400px;max-width:calc(100% - 48px);position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:16px}.toast>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.toast h2{font:16px/1.5 var(--font-body);letter-spacing:0}.toast[data-ending-style]{opacity:0}.data-demo h3{font-size:26px}.data-demo>.section-head{margin-bottom:24px}.action-specimen{flex-direction:column;gap:24px;display:flex}.action-specimen .actions{gap:12px;margin:0}.specimen-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.specimen-nav a{align-items:center;min-height:44px;display:flex}.mini-mosaic{grid-template-columns:1.2fr .8fr;align-items:end;gap:24px;display:grid}.page-intro{padding-block:72px 64px}.page-intro h1{font-size:var(--display);letter-spacing:-.06em;margin-bottom:32px;line-height:1.08}.page-intro .lead{font-size:var(--lead);color:var(--readable-muted);max-width:660px;line-height:1.55}.category-links{flex-wrap:wrap;gap:12px 24px;margin-top:32px;display:flex}.category-links a{text-underline-offset:5px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:flex}.catalog-moods{border-bottom:1px solid var(--border-subtle);padding-bottom:48px}.catalog-moods .mood-options{justify-content:start;gap:20px}.foundation-layout{grid-template-columns:220px 1fr;gap:80px;padding-block:32px 96px;display:grid}.page-index{flex-direction:column;align-self:start;gap:4px;display:flex;position:sticky;top:32px}.page-index a{min-height:44px;padding-block:10px;font-size:15px}.foundation-content{min-width:0}.reference-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:24px;padding-block:48px 64px;display:flex}.reference-section h2{font-size:34px}.reference-section>p{max-width:640px;color:var(--readable-muted)}.reference-note{color:var(--readable-muted);border-left:2px solid var(--border-active);padding-left:20px;font-size:14px}.surface-ladder{flex-wrap:wrap;gap:8px;display:flex}.surface-ladder>div{border-radius:var(--radius-md);flex-direction:column;flex:1;justify-content:space-between;min-width:130px;min-height:130px;padding:20px 16px;font-size:16px;display:flex}.surface-ladder span{font:10px/1.5 var(--font-mono);margin-top:24px}.surface-canvas{background:var(--surface-canvas)}.surface-low{background:var(--surface-low)}.surface-normal{background:var(--surface)}.surface-high{background:var(--surface-high);color:var(--on-primary-container)}.surface-floating{background:var(--surface-floating);box-shadow:var(--shadow-2)}.type-specimen{background:var(--bg-surface-variant);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:32px;display:flex}.type-display{font:400 clamp(36px, 5vw, 64px)/1.15 var(--font-heading);letter-spacing:-.05em;margin-bottom:16px}.type-body{max-width:560px;margin-bottom:16px;font-size:20px}.type-specimen code{font:14px/1.5 var(--font-mono)}.type-comparison{grid-template-columns:1fr 1fr;gap:32px;display:grid}.type-comparison h3{margin-bottom:16px;font-size:21px}.type-comparison p{color:var(--readable-muted);font-size:16px;line-height:2}.shape-ladder{flex-wrap:wrap;gap:20px;display:flex}.shape-ladder>div{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:70px;font-size:14px;display:flex}.shape-ladder span{background:var(--primary-container);width:72px;height:72px;margin-bottom:8px;display:block}.shape-ladder strong{font-weight:400}.shape-ladder small{color:var(--readable-muted)}.spacing-ladder{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.spacing-ladder div{flex-direction:column;gap:8px;display:flex}.spacing-ladder span{background:var(--primary-container);border-radius:var(--radius-xs);height:40px}.spacing-ladder code{font:12px/1.5 var(--font-mono)}.elevation-ladder{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.elevation-ladder div{background:var(--bg-surface);border-radius:var(--radius-md);flex-direction:column;gap:12px;min-height:100px;padding:28px;display:flex}.elevation-ladder strong{font-weight:400}.elevation-ladder span{color:var(--readable-muted);font-size:14px}.explorer-wrap{padding-block:48px 96px}.explorer{grid-template-columns:240px minmax(0,1fr);gap:64px;display:grid}.explorer-sidebar{min-width:0}.explorer-sidebar nav{flex-direction:column;gap:4px;margin-top:20px;display:flex}@media (width>=768px){.explorer-sidebar{align-self:start;position:sticky;top:88px}.explorer-sidebar nav{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(48vh,480px);overflow-y:auto}}.explorer-sidebar nav a{border-radius:var(--radius-sm);align-items:center;min-height:44px;padding:10px 12px;font-size:14px;display:flex}.explorer-sidebar nav a[aria-current=true]{background:var(--primary-container);color:var(--on-primary-container)}.explorer-sidebar nav a:hover{background:var(--bg-surface-hover)}.explorer-detail{min-width:0;scroll-margin-top:32px}.explorer-detail h2{font-size:var(--h1)}.explorer-detail .kicker{margin-bottom:16px}.detail-lead{color:var(--readable-muted);max-width:650px;margin-top:20px;font-size:20px}.specimen-stage{background:var(--bg-surface-variant);border-radius:var(--radius-lg);min-width:0;margin-block:32px;padding:40px}.specimen-stage>.metric{padding:0}.specimen-stage .mode-comparison{padding:20px}.specimen-stage .editorial-demo{gap:24px;padding:0}.specimen-stage .editorial-demo h3{font-size:32px}.detail-notes{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}.detail-notes h3{margin-bottom:16px;font-size:20px}.detail-notes p{color:var(--readable-muted);font-size:15px}.explorer-detail>.product-meta{margin-top:16px}.pattern-list{padding-block:32px 64px}.pattern-section{border-bottom:1px solid var(--border-subtle);grid-template-columns:.65fr 1.35fr;gap:64px;padding-block:64px;display:grid}.pattern-description{flex-direction:column;gap:20px;display:flex}.pattern-description .kicker{margin:0}.pattern-description>p:not(.kicker),.pattern-description details{color:var(--readable-muted);font-size:16px}.pattern-description summary{cursor:pointer;min-height:44px;color:var(--text-main)}.pattern-preview{min-width:0}.pattern-preview .mode-comparison{padding:20px}.pattern-preview .editorial-demo{gap:24px;padding:0}.pattern-preview .editorial-demo h3{font-size:32px}.pattern-preview>.metric{background:var(--bg-surface-variant);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.pattern-preview>.surface-card{background:var(--bg-surface-variant)}.pattern-preview>.surface-card h3{margin-bottom:24px}.motion-reference{grid-template-columns:1fr 1fr;gap:64px;padding-bottom:96px;display:grid}.motion-reference>section{flex-direction:column;gap:24px;min-width:0;display:flex}.motion-reference>section:nth-child(3),.motion-reference>section:last-child{grid-column:1/-1}.motion-reference p{color:var(--readable-muted)}.motion-reference .overlay-demo{background:var(--bg-surface-variant);border-radius:var(--radius-lg);padding:32px}.motion-reference caption{text-align:left;margin-bottom:16px}.mood-page-gallery{padding-top:48px}.mood-token-sections{padding-bottom:96px}.mood-token-section{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:64px;padding-block:48px;display:grid}.mood-token-section h2{margin-bottom:16px}.mood-token-section p{color:var(--readable-muted);max-width:420px;margin-bottom:16px}.mood-token-section summary{cursor:pointer;min-height:44px;padding-block:8px;font-size:18px}.mood-token-list{margin:0;padding:16px 0;font-size:12px}.mood-token-list>div{border-bottom:1px solid var(--border-subtle);justify-content:space-between;gap:16px;padding-block:8px;display:flex}.mood-token-list dt{align-items:center;gap:8px;min-width:0;display:flex}.mood-token-list dt span{border-radius:4px;flex-shrink:0;width:16px;height:16px}.mood-token-list code{font:11px/1.5 var(--font-mono);overflow-wrap:anywhere}.mood-token-list dd{margin:0}.prose-layout{grid-template-columns:1fr 2fr;gap:80px;padding-block:32px 96px;display:grid}.about-mark{color:var(--primary-container);font-size:220px;line-height:1}.prose-layout section{margin-bottom:64px}.prose-layout h2{margin-bottom:24px;font-size:32px}.prose-layout h3{margin-bottom:16px;font-size:22px}.prose-layout p{color:var(--readable-muted);margin-bottom:20px}.prose-layout a{text-underline-offset:4px;color:var(--primary);text-decoration:underline}.prose-layout code{font:13px/1.5 var(--font-mono);overflow-wrap:anywhere}.prose-layout .tonal-card{margin-block:32px}.file-collection{border-radius:var(--radius-lg);background:var(--bg-surface-variant);padding:24px}.file-collection ul{margin:16px 0;padding:0;list-style:none}.file-collection li+li{border-top:1px solid var(--border-subtle)}.file-collection li button{text-align:left;width:100%;color:var(--text-main);border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:16px;padding:16px 8px;display:flex}.file-collection li button:hover{background:var(--bg-surface-hover)}.file-collection li button>:nth-child(2){flex:1}.file-collection strong{font-weight:400;display:block}.file-collection small{color:var(--readable-muted);font-size:12px}.file-icon{color:var(--primary);font-size:28px}.file-preview{background:var(--bg-main);border-radius:var(--radius-md);color:var(--readable-muted);padding:20px;font-size:14px}@media (width<=1100px){.mosaic{grid-template-columns:1fr 1fr}.mosaic-settings{grid-area:auto/2;margin:0}.mosaic-note{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:24px;display:grid}.mosaic-note .status{justify-self:start}.mosaic-note h3{grid-column:1;margin:0}.mosaic-note .progress{grid-area:1/2/3}.foundation-layout{grid-template-columns:180px 1fr;gap:40px}.explorer{grid-template-columns:210px minmax(0,1fr);gap:32px}.specimen-stage{padding:24px}.pattern-section{grid-template-columns:1fr;gap:32px}.pattern-description{max-width:640px}.prose-layout{grid-template-columns:.5fr 1.5fr;gap:40px}.about-mark{font-size:140px}}@media (width<=767px){.mosaic{grid-template-columns:1fr}.mosaic-settings,.mosaic-note{grid-column:auto;display:block}.mosaic-note h3{margin-top:20px}.mosaic-settings{grid-row:auto}.mosaic-story .botanical figcaption{flex-direction:column;gap:8px;padding:20px 24px}.mosaic-caption{padding-block:20px}.hero-task-top{flex-wrap:wrap;gap:8px}.hero-live{min-height:220px}.hero-task h3{font-size:21px}.hero-task .button{padding-inline:10px;font-size:11px}.hero-task .progress{margin-block:12px}.conversation{padding:20px}.conversation-header{align-items:start}.conversation-header h3{font-size:22px}.conversation-header .context-capsule{white-space:nowrap;padding:6px 8px;font-size:10px}.message{gap:8px}.message-avatar{width:26px;height:26px;font-size:16px}.bubble{padding:12px;font-size:14px}.composer-actions .product-meta{max-width:200px}.overlay-viewport{padding:16px}.overlay-panel{max-height:calc(100dvh - 32px);padding:40px 24px 24px}.sheet-viewport{place-items:end stretch;padding:8px 8px 0}.overlay-panel.sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;height:auto;max-height:88dvh;padding-bottom:max(24px, env(safe-area-inset-bottom))}.overlay-panel.sheet[data-starting-style],.overlay-panel.sheet[data-ending-style]{transform:translateY(8px)}.overlay-panel>h2{font-size:25px}.inspector-preview{padding:24px}.motion-controls{flex-wrap:wrap;gap:8px}.motion-controls .mono{font-size:11px}.page-intro{padding-block:48px}.page-intro h1{font-size:clamp(38px,8.4vw,56px)}.page-intro .lead{font-size:19px}.catalog-moods .mood-options{grid-template-columns:repeat(4,1fr);gap:16px 8px;display:grid}.foundation-layout{grid-template-columns:1fr;gap:24px;padding-top:0}.page-index{flex-flow:wrap;gap:12px 24px;position:static}.page-index a{font-size:14px}.reference-section{padding-block:32px 48px}.reference-section h2{font-size:30px}.reference-section .mood-options{grid-template-columns:repeat(4,1fr);display:grid}.type-specimen{padding:24px}.type-body{font-size:18px}.type-comparison{gap:24px}.shape-ladder,.elevation-ladder{gap:16px}.elevation-ladder div{padding:20px}.explorer{grid-template-columns:1fr;gap:40px}.explorer-sidebar nav{flex-flow:row;max-height:160px;padding-bottom:12px;overflow-x:auto}.explorer-sidebar nav a{white-space:nowrap;background:var(--bg-surface-variant)}.explorer-detail h2{font-size:36px}.detail-lead{font-size:18px}.specimen-stage{padding:20px}.detail-notes{grid-template-columns:1fr;gap:24px}.specimen-stage .mode-comparison,.pattern-preview .mode-comparison{padding:16px}.mini-mosaic{grid-template-columns:1fr}.pattern-section{padding-block:40px}.pattern-description h2{font-size:32px}.motion-reference{grid-template-columns:1fr;gap:48px}.motion-reference>section:nth-child(3),.motion-reference>section:last-child{grid-column:auto}.motion-reference .overlay-demo{padding:20px}.mood-token-section{grid-template-columns:1fr;gap:16px;padding-block:32px}.prose-layout{grid-template-columns:1fr;gap:32px}.about-mark{font-size:96px}.prose-layout section{margin-bottom:48px}.prose-layout h2{font-size:28px}.command-bar .mono{display:none}.command-result{padding-inline:8px}.command-result>:last-child{font-size:11px}.data-demo>.section-head{gap:16px}.file-collection{padding:20px}.file-collection li button{gap:10px}.file-collection li button .product-meta{font-size:11px}.file-collection strong{font-size:14px}.toast-viewport{max-width:calc(100% - 32px);bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.motion-art span{animation:none!important}.overlay-panel[data-starting-style],.overlay-panel[data-ending-style]{transform:none!important}}[data-mood]:not([data-mood=rosewood]){--text-subtle-readable:initial;--status-available-text-aa:initial}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}