.ds-hub{display:grid;gap:var(--space-16)}.ds-hub-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-12);align-items:center}.ds-hub-hero h2{font-size:clamp(38px,4vw,58px);margin:22px 0}.ds-hub-hero p{font-size:19px;max-width:510px}.ds-hub-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 18px}.ds-hub-hero small{color:var(--text-secondary);font-size:12px;display:block;max-width:500px}.ds-hub-material{padding:45px 30px;background:var(--gradient-horizonte);border-radius:32px}.ds-hub-material>div{position:relative;background:#fffffff0;color:#2b296b;border:1px solid white;border-radius:24px;box-shadow:var(--shadow-3);padding:32px;transform:rotate(-3deg)}.ds-hub-material span{position:absolute;right:30px;top:37px;font-size:10px;letter-spacing:.1em}.ds-hub-material strong{display:block;font-size:38px;font-weight:300;line-height:1.1;letter-spacing:-.035em;margin:28px 0 25px}.ds-hub-material p{font-size:16px;color:#575661}.ds-hub-material svg:last-child{position:absolute;bottom:29px;right:30px}.ds-hub-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.ds-hub-heading h2{margin-top:12px;font-size:36px}.ds-hub-heading>p{max-width:340px;font-size:15px}.ds-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ds-hub-grid>a{border:1px solid var(--border);border-radius:24px;background:var(--surface);padding:25px;position:relative;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s var(--ease-out),border-color .2s}.ds-hub-grid>a>svg:first-child{margin-bottom:30px}.ds-hub-grid h3{font-size:22px;margin-bottom:12px}.ds-hub-grid p{font-size:15px;margin-bottom:28px}.ds-hub-grid>a>svg:last-child{margin-top:auto}.ds-hub-ai{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;padding:42px;border-radius:30px;background:var(--surface);border:1px solid var(--border)}.ds-hub-ai h2{font-size:36px;margin:18px 0 24px}.ds-hub-ai>div>p{margin-bottom:28px}.ds-hub-ai ol{padding:0;margin:0;list-style:none;display:grid;gap:25px}.ds-hub-ai li{display:flex;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--border)}.ds-hub-ai li:last-child{border:0;padding-bottom:0}.ds-hub-ai li>span{font-size:22px;font-weight:300;color:var(--text-secondary)}.ds-hub-ai h3{font-size:20px;margin-bottom:8px}.ds-hub-ai li p{font-size:15px;margin-bottom:12px}.ds-hub-ai li a{font-size:14px;display:inline-flex;align-items:center;gap:9px;text-decoration:underline;text-underline-offset:4px}.ds-hub-ai li .button{margin-left:-12px;margin-bottom:6px}.ds-hub-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.ds-hub-rules h3{margin:18px 0 14px;font-size:23px}.ds-hub-rules p{font-size:16px}.ds-hub-sharing{display:flex;align-items:flex-start;gap:30px;background:var(--bg-soft);padding:36px;border-radius:28px}.ds-hub-sharing h2{font-size:32px;margin-bottom:20px}.ds-hub-sharing p{max-width:800px;margin-bottom:16px}.ds-hub-sharing a{display:inline-flex;align-items:center;gap:9px;font-size:14px;text-decoration:underline}.ds-hub-downloads{display:flex;gap:15px 25px;flex-wrap:wrap}.ds-hub-downloads a{display:flex;align-items:center;gap:8px;font-size:14px;text-decoration:underline;text-underline-offset:4px;min-height:44px}.ds-hub code{font-size:14px;overflow-wrap:anywhere}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ds-hub-grid>a:hover{transform:translateY(-3px);border-color:var(--border-strong)}}@media(max-width:1200px){.ds-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-hub-hero{gap:28px}.ds-hub-material{padding:35px 23px}.ds-hub-material>div{padding:25px}.ds-hub-material strong{font-size:33px}.ds-hub-ai{padding:30px;gap:30px}.ds-hub-hero p{font-size:17px}}@media(max-width:900px){.ds-hub-hero,.ds-hub-ai{grid-template-columns:1fr}.ds-hub-material{max-width:650px}.ds-hub-rules{grid-template-columns:1fr;gap:30px}.ds-hub-heading{display:block}.ds-hub-heading>p{margin-top:18px;max-width:500px}.ds-hub{gap:45px}.ds-hub-sharing{padding:27px}}@media(max-width:500px){.ds-hub-grid{grid-template-columns:1fr}.ds-hub-grid>a{padding:24px}.ds-hub-grid>a>svg:first-child{margin-bottom:20px}.ds-hub-ai{padding:25px 20px}.ds-hub-ai h2,.ds-hub-heading h2{font-size:31px}.ds-hub-sharing{display:block;padding:25px}.ds-hub-sharing>svg{margin-bottom:22px}.ds-hub-sharing h2{font-size:29px}.ds-hub-actions .button{width:100%}.ds-hub-material strong{font-size:33px}.ds-hub-material span{font-size:9px}.ds-hub-hero h2{font-size:40px}}@media(prefers-reduced-motion:reduce){.ds-hub-grid>a{transition:none}}.ds-hub-components{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;padding:36px;border:1px solid var(--border);border-radius:28px;background:var(--surface)}.ds-hub-components h2{font-size:36px;margin:18px 0 22px}.ds-hub-component-samples{display:flex;flex-wrap:wrap;gap:14px;align-content:center;align-items:center}.ds-hub-component-samples>.eyebrow,.ds-hub-component-samples>nav{width:100%}.ds-hub-component-samples>.eyebrow{margin-bottom:12px}.ds-hub-component-samples>nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:15px;font-size:14px;text-decoration:underline}.ds-hub-component-samples nav a{min-height:44px;display:inline-flex;align-items:center}@media(min-width:1201px){.ds-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.ds-hub-components{grid-template-columns:1fr;padding:26px;gap:20px}.ds-hub-components h2{font-size:31px}}.ds-hub-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ds-hub-start>a{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:26px;display:grid;gap:16px;align-content:start}.ds-hub-start strong{font-size:22px;font-weight:600;line-height:1.2}.ds-hub-start span{font-size:15px;color:var(--text-secondary)}.ds-hub-start>a:first-child{background:var(--secondary)}#criar-com-ia{scroll-margin-top:105px}@media(max-width:900px){.ds-hub-start{grid-template-columns:1fr}}.icon-library-heading{display:flex;gap:32px;justify-content:space-between;align-items:start}.icon-library-heading h3{font-size:var(--text-2xl);font-weight:300;line-height:1.1;margin:16px 0}.icon-library-heading p{max-width:620px;color:var(--text-secondary)}.icon-library-heading>.button{flex-shrink:0}.icon-library-filters{display:grid;grid-template-columns:1fr 280px;gap:20px;margin:28px 0}.icon-library-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.icon-result-count{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.icon-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.icon-catalog-grid>button{padding:22px 10px;display:flex;align-items:center;flex-direction:column;gap:14px;min-width:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s var(--ease-out)}.icon-catalog-grid>button[aria-pressed=true]{border-color:var(--text);background:var(--surface-selected)}.icon-catalog-grid>button strong{font-size:13px;font-weight:600;line-height:1.25;text-align:center}.icon-catalog-grid>button small{font-size:11px;word-break:break-word;color:var(--text-secondary);margin-top:auto}.icon-catalog-grid>button svg{flex-shrink:0}.icon-inspector{position:sticky;top:110px;padding:22px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--border);border-radius:24px;background:var(--bg-soft)}.icon-selected-preview{height:100px;display:grid;place-items:center;background:var(--surface);border-radius:16px}.icon-inspector h4{font-size:24px;line-height:1.15;font-weight:400}.icon-inspector>code{font-size:12px;overflow-wrap:anywhere}.icon-inspector>small,.icon-inspector>p{font-size:12px;color:var(--text-secondary)}.icon-inspector>p code{font-size:11px}.icon-inspector>details{font-size:13px}.icon-inspector summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.icon-inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.icon-inspector>a{font-size:13px;text-decoration:underline;min-height:44px;display:flex;align-items:center}.icon-empty{padding:24px}.icon-empty p{margin-bottom:20px}@media(hover:hover){.icon-catalog-grid>button:hover{background:var(--surface-hover)}}@media(max-width:1300px){.icon-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-library-heading{display:block}.icon-library-heading>.button{margin-top:22px}}@media(max-width:900px){.icon-library-workspace{grid-template-columns:1fr}.icon-inspector{position:static;grid-row:1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.icon-inspector>p,.icon-inspector>details,.icon-inspector>.eyebrow,.icon-inspector>h4,.icon-inspector>code,.icon-inspector>small,.icon-selected-preview{grid-column:1/-1}.icon-library-filters{grid-template-columns:1fr}.icon-selected-preview{height:72px}.icon-inspector>.button{width:100%}.icon-inspector>.button:last-of-type{grid-column:1/-1}.icon-library-heading h3{font-size:32px}}@media(max-width:450px){.icon-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-inspector{padding:16px}.icon-inspector>.button{font-size:13px;padding-inline:10px}}@media(prefers-reduced-motion:reduce){.icon-catalog-grid>button{transition:none}}.icon-library-workspace>*{min-width:0}.icon-library-filters>*{min-width:0}.icon-inspector>*{min-width:0}@media(max-width:900px){.icon-library-workspace,.icon-library-filters{grid-template-columns:minmax(0,1fr)}.icon-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-inspector .segmented{max-width:100%}}:root{--navy-50: #f4f4f8;--navy-100: #e6e5ed;--navy-200: #bfbfd3;--navy-300: #9190b2;--navy-400: #5a588c;--navy-500: #2b296b;--navy-600: #282662;--navy-700: #242259;--navy-800: #1f1e4e;--navy-900: #1b1943;--teal-50: #f4fcfb;--teal-100: #e6f7f6;--teal-200: #bfebe9;--teal-300: #91dcd9;--teal-400: #5acbc6;--teal-500: #2bbcb6;--teal-600: #28a4a3;--teal-700: #24898d;--teal-800: #1f6c76;--teal-900: #1b4d5e;--blue-50: #f4f6fa;--blue-100: #e6e9f3;--blue-200: #c0c8e2;--blue-300: #919fcd;--blue-400: #5a6fb3;--blue-500: #2c479e;--blue-600: #283f8e;--blue-700: #24377c;--blue-800: #202e69;--blue-900: #1b2455;--sky-50: #f7fcfe;--sky-100: #ebf9fe;--sky-200: #cdeffc;--sky-300: #a8e3f9;--sky-400: #7dd5f6;--sky-500: #58c9f4;--sky-600: #4eafd8;--sky-700: #4392b9;--sky-800: #377397;--sky-900: #2b5173;--aqua-50: #f2f9f9;--aqua-100: #e1f1f1;--aqua-200: #b3dddd;--aqua-300: #7bc3c4;--aqua-400: #3aa5a7;--aqua-500: #028c8e;--aqua-600: #047b81;--aqua-700: #076771;--aqua-800: #0a5261;--aqua-900: #0c3c50;--lavender-50: #f7f7fb;--lavender-100: #ecedf5;--lavender-200: #d0d1e7;--lavender-300: #adb0d5;--lavender-400: #8488c1;--lavender-500: #6167af;--lavender-600: #565b9d;--lavender-700: #494d88;--lavender-800: #3c3f72;--lavender-900: #2e2f5b}@font-face{font-family:Titillium Web;src:url(/assets/TitilliumWeb-Light-CQonFnkm.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Titillium Web;src:url(/assets/TitilliumWeb-Regular-BNW2HhQP.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Titillium Web;src:url(/assets/TitilliumWeb-SemiBold-DRUOblpW.ttf) format("truetype");font-weight:600;font-display:swap}:root,[data-theme=light]{color-scheme:light;--brand-navy: #2b296b;--brand-teal: #2bbcb6;--brand-blue: #2c479e;--brand-sky: #58c9f4;--brand-aqua: #028c8e;--brand-deep-teal: #005f62;--brand-lavender: #6167af;--brand-warm: #e2dddb;--brand-dark: #3c3c3c;--brand-pink: #ef5ba1;--white: #fff;--bg: #f8f6f5;--bg-soft: #f2efed;--surface: #fff;--surface-elevated: #fff;--surface-hover: #f1efef;--surface-selected: #eae9f1;--overlay: rgb(18 17 46 / 40%);--glass: rgb(255 255 255 / 82%);--glass-border: rgb(255 255 255 / 70%);--text: var(--brand-navy);--text-secondary: #575661;--text-tertiary: #6c6973;--text-inverse: var(--white);--border-subtle: #e9e5e3;--border: #d8d3d2;--border-strong: #96909c;--action: var(--brand-navy);--action-hover: #393681;--action-pressed: #211f55;--action-text: var(--white);--secondary: #e4f3f1;--secondary-text: var(--brand-deep-teal);--focus: var(--brand-aqua);--success: #16634e;--success-bg: #e8f4ee;--warning: #80550b;--warning-bg: #fff3d8;--danger: #a32d37;--danger-bg: #fcebed;--info: #245981;--info-bg: #eaf5fb;--gradient-mare: radial-gradient(ellipse at 80% 90%, var(--brand-sky), transparent 60%), linear-gradient(140deg, #d9f2ed, var(--brand-teal));--gradient-profundo: radial-gradient(ellipse at 80% 90%, var(--brand-blue), transparent 60%), linear-gradient(140deg, var(--brand-navy), var(--brand-lavender));--gradient-horizonte: linear-gradient( 145deg, var(--brand-blue), var(--brand-sky) );--gradient-clareza: radial-gradient(ellipse at 75% 60%, #bbefeb, transparent 70%), linear-gradient(130deg, #f1f8f7, #d9ebf4);--font: "Titillium Web", sans-serif;--font-mono: "SFMono-Regular", Consolas, monospace;--text-xs: 13px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 40px;--text-display: 64px;--text-number: 80px;--weight-light: 300;--weight-regular: 400;--weight-semibold: 600;--leading-tight: 1.1;--leading-heading: 1.25;--leading-body: 1.5;--tracking-tight: -.035em;--tracking-label: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 8px;--radius-field: 12px;--radius-control: 16px;--radius-card: 24px;--radius-feature: 32px;--radius-hero: 40px;--radius-pill: 999px;--shadow-1: 0 4px 12px rgb(43 41 107 / 3%);--shadow-2: 0 12px 32px -12px rgb(43 41 107 / 12%);--shadow-3: 0 24px 56px -20px rgb(43 41 107 / 18%);--shadow-4: 0 40px 80px -24px rgb(43 41 107 / 25%);--duration-micro: .12s;--duration-standard: .2s;--duration-enter: .32s;--duration-large: .48s;--duration-pulse: 2.4s;--duration-drift: 12s;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--blur-glass: 16px;--blur-live: 40px;--touch: 44px;--control-sm: 36px;--control-md: 44px;--control-lg: 52px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--sidebar-width: 244px;--topbar-height: 80px;--content-max: 1440px;--reading-max: 680px;--conversation-max: 800px;--preview-min: 240px;--stroke: 1px;--focus-width: 3px;--focus-offset: 3px;--z-nav: 20;--z-popover: 50;--z-overlay: 100;--press-scale: .97;--disabled-opacity: .45;--dot-muted: .13;--hero-height: 430px;--hero-card-width: 270px;--hero-main-height: 292px;--document-width: 84px;--document-height: 108px;--ring-size: 160px}[data-theme=dark]{color-scheme:dark;--bg: #12112e;--bg-soft: #1a1940;--surface: #201f48;--surface-elevated: #2b2957;--surface-hover: #302e5c;--surface-selected: #383660;--glass: rgb(32 31 72 / 90%);--glass-border: rgb(255 255 255 / 13%);--overlay: rgb(8 7 27 / 70%);--text: #f5f3fb;--text-secondary: #cecbdf;--text-tertiary: #aaa6c4;--text-inverse: #12112e;--border-subtle: #333159;--border: #4a476d;--border-strong: #85809f;--action: #b9b9eb;--action-hover: #d1d0f7;--action-pressed: #9b9cd7;--action-text: #171638;--secondary: #153f49;--secondary-text: #91e4de;--focus: #58c9f4;--success: #91dfb9;--success-bg: #173f3b;--warning: #f2cf8a;--warning-bg: #483b27;--danger: #ffabb4;--danger-bg: #4b283d;--info: #a2ddf7;--info-bg: #223c58;--shadow-1: 0 4px 12px rgb(0 0 0 / 10%);--shadow-2: 0 12px 32px -12px rgb(0 0 0 / 25%);--shadow-3: 0 24px 56px -20px rgb(0 0 0 / 35%);--shadow-4: 0 40px 80px -24px rgb(0 0 0 / 50%);--gradient-clareza: radial-gradient(ellipse at 70% 60%, #20565f, transparent 70%), linear-gradient(130deg, #24284c, #183c4e)}:root{--ink-on-swatch: #0a0a18}:root{--measure-0: 0px;--measure-100: 100px;--measure-1000: 1000px;--measure-110: 110px;--measure-120: 120px;--measure-140: 140px;--measure-142: 142px;--measure-144: 144px;--measure-15: 15px;--measure-150: 150px;--measure-152: 152px;--measure-165: 165px;--measure-168: 168px;--measure-180: 180px;--measure-185: 185px;--measure-2: 2px;--measure-200: 200px;--measure-210: 210px;--measure-214: 214px;--measure-22: 22px;--measure-220: 220px;--measure-245: 245px;--measure-250: 250px;--measure-260: 260px;--measure-280: 280px;--measure-29: 29px;--measure-30: 30px;--measure-300: 300px;--measure-320: 320px;--measure-330: 330px;--measure-340: 340px;--measure-360: 360px;--measure-380: 380px;--measure-440: 440px;--measure-450: 450px;--measure-460: 460px;--measure-5: 5px;--measure-500: 500px;--measure-560: 560px;--measure-6: 6px;--measure-600: 600px;--measure-68: 68px;--white-glass-40: rgb(255 255 255 / 40%);--white-glass-50: rgb(255 255 255 / 50%)}:root{--duration-thinking: 1.2s;--duration-spinner: .8s;--duration-light: .48s;--motion-stagger: .12s;--motion-lift: 2px;--motion-enter-offset: 8px;--typing-dot: 5px;--illumination-height: 320px;--motion-stage-height: 188px}:root{--film-inset: 6.25%;--film-title: 3.35em;--film-title-long: 2.8em;--film-body: 1.3em;--film-label: 1em;--film-radius: 2em;--film-gap: 1.5em;--film-card-pad: 2.25em;--film-logo-width: 8em;--film-glow-size: 85%;--film-glow-opacity: .5;--film-video-bg: var(--bg)}[data-theme=dark]{--film-video-bg: var(--bg)}*{box-sizing:border-box}html{scroll-padding-top:var(--space-8)}body{margin:0;background:var(--bg);color:var(--text);font:var(--text-md)/var(--leading-body) var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2{font-weight:var(--weight-light);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--text-display)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}h4{font-weight:var(--weight-semibold)}p{color:var(--text-secondary)}small{font-size:var(--text-xs)}svg{flex-shrink:0;stroke-width:1.6}strong,b{font-weight:var(--weight-semibold)}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}::selection{background:var(--secondary);color:var(--secondary-text)}input,textarea,select{border:var(--stroke) solid var(--border);border-radius:var(--radius-field);background:var(--surface);min-height:var(--touch);padding:var(--space-3) var(--space-4);width:100%;outline-offset:var(--focus-offset)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}textarea{resize:vertical}input[aria-invalid=true]{border-color:var(--danger)}input[type=checkbox],input[type=radio]{width:var(--space-5);height:var(--space-5);min-height:0;padding:0;accent-color:var(--brand-aqua);flex-shrink:0}input[type=range]{padding:0;accent-color:var(--brand-aqua);border:0;background:transparent;min-height:var(--space-6)}fieldset{border:0;padding:0;margin:0;min-width:0}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}th,td{padding:var(--space-3);border-bottom:var(--stroke) solid var(--border-subtle)}th{font-weight:var(--weight-semibold)}blockquote{border-left:var(--space-1) solid var(--brand-teal);margin:var(--space-4) 0;padding-left:var(--space-4);color:var(--text-secondary)}.sr-only{position:absolute;width:var(--stroke);height:var(--stroke);margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0}.row{display:flex;align-items:center;gap:var(--space-3)}.row.tight{gap:var(--space-1)}.wrap{flex-wrap:wrap}.between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.grid{display:grid;gap:var(--space-6);min-width:0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.muted{color:var(--text-tertiary)}.text-secondary{color:var(--text-secondary)}.text-right{text-align:right}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)}.tabular,.numeric{font-variant-numeric:tabular-nums}.numeric{font-weight:var(--weight-light);font-size:var(--text-2xl);line-height:1}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase}.divider{border:0;border-top:var(--stroke) solid var(--border-subtle);margin:var(--space-4) 0}.text-link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold)}.text-link:hover{text-decoration:underline}.table-scroll{overflow-x:auto}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);background:var(--surface);padding:var(--space-4);z-index:var(--z-overlay);transform:translateY(-200%)}.skip-link:focus{transform:none}.button{border:var(--stroke) solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-control);font-weight:var(--weight-semibold);font-size:var(--text-sm);line-height:1.4;min-height:var(--control-md);white-space:nowrap;transition:transform var(--duration-micro) var(--ease-out)}.button-primary{background:var(--action);color:var(--action-text)}.button-secondary{background:var(--secondary);color:var(--secondary-text)}.button-ghost{background:transparent;color:var(--text-secondary)}.button-outline{background:var(--surface);border-color:var(--border);color:var(--text)}.button-danger{background:var(--danger);color:var(--surface)}.button:active:not(:disabled){transform:scale(var(--press-scale))}.button-primary:active:not(:disabled){background:var(--action-pressed)}.button[aria-pressed=true]{background:var(--secondary);color:var(--secondary-text)}.button.size-sm{min-height:var(--control-sm);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-field)}.button.size-lg{min-height:var(--control-lg);padding-inline:var(--space-6);font-size:var(--text-md)}.icon-button{padding:var(--space-2);width:var(--touch);height:var(--touch);min-width:var(--touch);min-height:var(--touch)}.round{border-radius:var(--radius-pill)}.card{border-radius:var(--radius-card);padding:var(--space-6);background:var(--surface);box-shadow:var(--shadow-1);min-width:0}.material-glass{background:var(--glass);border:var(--stroke) solid var(--glass-border);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));box-shadow:var(--shadow-3)}.material-live{background:var(--gradient-mare);color:var(--brand-navy);position:relative;overflow:hidden}.material-live p,.material-live small{color:var(--brand-navy)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);min-height:var(--space-6);border-radius:var(--radius-pill);font-size:var(--text-xs);line-height:1.4;white-space:nowrap;font-weight:var(--weight-semibold)}.badge-neutral{background:var(--bg-soft);color:var(--text-secondary)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.status-dot{width:var(--measure-6);height:var(--measure-6);border-radius:50%;background:currentColor}.avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--secondary);color:var(--secondary-text);border-radius:50%;width:var(--touch);height:var(--touch);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:var(--space-8);height:var(--space-8);font-size:var(--text-xs)}.avatar-lg{width:var(--space-16);height:var(--space-16);font-size:var(--text-lg)}.avatar-agent{background:var(--gradient-clareza);color:var(--text)}.avatar-group{display:flex;padding-left:var(--space-2)}.avatar-group .avatar{margin-left:calc(-1 * var(--space-2));border:var(--measure-2) solid var(--surface)}.avatar-group .avatar:nth-child(2){background:var(--surface-selected);color:var(--text)}.avatar-group .avatar:nth-child(3){background:var(--brand-warm);color:var(--brand-navy)}kbd{font:var(--text-xs)/1.4 var(--font-mono);padding:var(--space-1) var(--space-2);border:var(--stroke) solid var(--border);border-radius:var(--space-1);color:var(--text-tertiary);white-space:nowrap}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field label,legend{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.field small{color:var(--text-tertiary)}.input-wrap{display:flex;position:relative;align-items:center}.input-wrap>svg{position:absolute;left:var(--space-4);color:var(--text-tertiary)}.input-wrap:has(>svg)>input{padding-left:var(--space-12)}.input-wrap>button,.input-wrap>kbd{position:absolute;right:var(--space-2)}.input-wrap:has(>button)>input,.input-wrap:has(>kbd)>input{padding-right:var(--space-16)}.check-label{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch);cursor:pointer}.check-label input{margin:0}.switch-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--touch)}.switch{width:var(--space-12);height:var(--text-xl);border:0;background:var(--border-strong);border-radius:var(--radius-pill);padding:var(--space-1);flex-shrink:0}.switch>span{display:block;width:var(--space-5);height:var(--space-5);border-radius:50%;background:var(--white);box-shadow:var(--shadow-1);transition:transform var(--duration-standard) var(--ease-out)}.switch[aria-checked=true]{background:var(--brand-aqua)}.switch[aria-checked=true]>span{transform:translate(var(--space-5))}.range-field{display:grid;gap:var(--space-3)}.range-field legend{margin-bottom:var(--space-3)}.positioner{z-index:var(--z-popover);max-width:calc(100vw - var(--space-8))}.popup{min-width:var(--measure-220);max-width:calc(100vw - var(--space-8));padding:var(--space-2);border:var(--stroke) solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-elevated);color:var(--text);box-shadow:var(--shadow-3);transform-origin:var(--transform-origin);transition:opacity var(--duration-standard) var(--ease-out),transform var(--duration-standard) var(--ease-out)}.popup[data-starting-style],.popup[data-ending-style]{opacity:0;transform:scale(.95)}.menu-item{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);outline:none}.menu-item[data-highlighted]{background:var(--surface-hover)}.menu-item kbd,.menu-item>svg:last-child{margin-left:auto}.popover-content{padding:var(--space-5);max-width:var(--measure-320)}.popover-content p{margin-block:var(--space-3)}.tooltip{background:var(--text);color:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);box-shadow:var(--shadow-2);max-width:var(--measure-260);transform-origin:var(--transform-origin);transition:opacity var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out)}.tooltip[data-starting-style],.tooltip[data-ending-style]{opacity:0;transform:scale(.97)}.tooltip[data-instant]{transition-duration:0ms}.accordion{border-bottom:var(--stroke) solid var(--border-subtle)}.accordion summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);list-style:none;min-height:var(--control-lg);cursor:pointer;font-weight:var(--weight-semibold);font-size:var(--text-sm)}summary::-webkit-details-marker{display:none}.accordion[open] summary>svg{transform:rotate(180deg)}.accordion>div{padding-bottom:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary)}.alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-control);font-size:var(--text-sm)}.alert p{color:inherit;font-size:var(--text-sm);margin-top:var(--space-1)}.backdrop{position:fixed;inset:0;background:var(--overlay);z-index:var(--z-overlay);-webkit-backdrop-filter:blur(var(--space-1));backdrop-filter:blur(var(--space-1));transition:opacity var(--duration-standard) var(--ease-out)}.backdrop[data-starting-style],.backdrop[data-ending-style]{opacity:0}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(var(--measure-600),calc(100vw - var(--space-8)));max-height:calc(100dvh - var(--space-8));overflow-y:auto;background:var(--surface-elevated);color:var(--text);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-4);z-index:calc(var(--z-overlay) + 1);transition:opacity var(--duration-standard) var(--ease-out),scale var(--duration-standard) var(--ease-out)}.modal[data-starting-style],.modal[data-ending-style]{opacity:0;scale:.96}.modal h2{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:normal}.modal-body{display:flex;flex-direction:column;gap:var(--space-5);padding-top:var(--space-5)}.drawer{top:0;right:0;left:auto;transform:none;max-height:100dvh;height:100dvh;width:min(var(--measure-440),calc(100vw - var(--space-4)));border-radius:var(--radius-card) 0 0 var(--radius-card);transition:transform var(--duration-standard) var(--ease-drawer)}.drawer[data-starting-style],.drawer[data-ending-style]{transform:translate(100%);scale:1;opacity:1}.tabs{display:flex;gap:var(--space-1);width:fit-content;max-width:100%;overflow-x:auto}.tabs-pill{padding:var(--space-1);border-radius:var(--radius-pill);background:var(--bg-soft)}.tab{border:0;min-height:var(--touch);background:transparent;color:var(--text-tertiary);padding:var(--space-2) var(--space-5);white-space:nowrap;font-weight:var(--weight-semibold);font-size:var(--text-sm);border-radius:var(--radius-pill)}.tabs-pill .tab[data-active]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.tabs-underline{border-bottom:var(--stroke) solid var(--border);width:100%}.tabs-underline .tab{border-radius:0;border-bottom:var(--measure-2) solid transparent}.tabs-underline .tab[data-active]{color:var(--text);border-bottom-color:var(--brand-aqua)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary)}.breadcrumbs>span{display:flex;align-items:center;gap:var(--space-3)}.breadcrumbs [aria-current]{color:var(--text)}.progress{height:var(--space-2);background:var(--bg-soft);overflow:hidden;border-radius:var(--radius-pill)}.progress>span{display:block;height:100%;background:var(--brand-aqua);transform-origin:left;transition:transform var(--duration-standard) var(--ease-out);border-radius:inherit}.progress-ring{position:relative;width:var(--ring-size);height:var(--ring-size);flex-shrink:0;color:var(--brand-aqua)}.progress-ring>svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:3}.ring-track{stroke:currentColor;opacity:.15}.ring-value{stroke:currentColor;stroke-linecap:round}.progress-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--text)}.ring-sm{width:var(--space-16);height:var(--space-16)}.ring-sm .numeric{font-size:var(--text-lg)}.ring-lg{width:var(--measure-200);height:var(--measure-200)}.proportion{height:var(--space-2);display:flex;gap:var(--space-1)}.proportion>span{border-radius:var(--radius-pill)}.segment-0{background:var(--brand-navy)}.segment-1{background:var(--brand-teal)}.segment-2{background:var(--brand-sky)}.proportion-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary)}.proportion-legend span{display:flex;gap:var(--space-1);align-items:center}.proportion-legend i{width:var(--measure-6);height:var(--measure-6);border-radius:50%;display:inline-block}.dot-number{fill:currentColor;width:auto;max-width:100%;height:var(--space-12)}.dot-sm{height:var(--space-6)}.dot-lg{height:var(--space-16)}.dot-chart{display:flex;align-items:flex-end;gap:var(--space-2);color:var(--brand-aqua);height:var(--measure-100)}.dot-chart>span{display:flex;flex-direction:column;gap:var(--space-1)}.dot-chart i{width:var(--space-1);height:var(--space-1);border-radius:50%;background:currentColor}.dot-rating{display:inline-flex;gap:var(--focus-width);align-items:center}.dot-rating i{width:var(--space-1);height:var(--space-1);border-radius:50%;background:var(--border-strong);opacity:.35}.dot-rating .filled{background:var(--brand-aqua);opacity:1}.skeleton{display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding:var(--space-4);min-height:var(--measure-100)}.skeleton span{height:var(--space-3);width:100%;border-radius:var(--radius-sm);background:var(--border-subtle);animation:skeleton var(--duration-pulse) ease infinite}.skeleton span:first-child{width:40%}.skeleton span:last-child{width:65%}.skeleton-card{height:var(--measure-200)}.skeleton-card span:first-child{height:var(--measure-100);width:100%;border-radius:var(--radius-control)}.skeleton-list span{height:var(--space-8)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{50%{opacity:.4}}.icon-tile{width:var(--touch);height:var(--touch);border-radius:var(--radius-field);display:flex;align-items:center;justify-content:center;background:var(--bg-soft);flex-shrink:0}.model-mark{display:flex;align-items:center;gap:var(--measure-2);color:var(--brand-aqua)}.model-mark i{height:var(--space-3);width:var(--focus-width);background:currentColor;border-radius:var(--radius-pill)}.model-mark i:nth-child(2){height:var(--space-5)}.model-mark i:nth-child(3){height:var(--space-2)}.model-trigger{padding-inline:var(--space-3);color:var(--text);font-size:var(--text-xs)}.model-menu{width:var(--measure-330)}.model-menu>.eyebrow{padding:var(--space-3);color:var(--text-tertiary)}.model-option{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-field);outline:none;cursor:pointer}.model-option[data-highlighted]{background:var(--surface-hover)}.model-option small{color:var(--text-secondary)}.model-ratings{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.model-ratings>span{display:flex;align-items:center;gap:var(--space-2)}.file-chip{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-soft);border-radius:var(--radius-field);padding:var(--space-2) var(--space-3);max-width:100%;min-width:0}.file-chip>span{display:flex;flex-direction:column;min-width:0}.file-chip strong{font-size:var(--text-xs);max-width:var(--measure-220);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-chip small{font-size:var(--text-xs);color:var(--text-tertiary)}.file-chip .icon-button{margin-right:calc(-1 * var(--space-2))}.document-stack{width:var(--ring-size);height:var(--measure-152);position:relative;margin-inline:auto;perspective:var(--measure-600)}.paper{position:absolute;width:var(--document-width);height:var(--document-height);border-radius:var(--radius-sm);background:var(--surface);border:var(--stroke) solid var(--border-subtle);box-shadow:var(--shadow-3);left:var(--control-sm);top:var(--space-5);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);color:var(--brand-aqua)}.paper-back{transform:rotate(-16deg) translate(-16px,var(--measure-6))}.paper-middle{transform:rotate(16deg) translate(var(--text-sm),-4px)}.paper-front{transform:rotate(-5deg) rotateX(14deg)}.paper i{height:var(--focus-width);background:var(--border-subtle);border-radius:var(--radius-pill);width:100%}.paper i:nth-last-child(2){width:65%}.paper span{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.prompt-input{border:var(--stroke) solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:var(--space-3);box-shadow:var(--shadow-2);transition:border-color var(--duration-micro) ease}.prompt-input:focus-within{border-color:var(--focus)}.prompt-input textarea{border:0;border-radius:var(--radius-field);padding:var(--space-3);min-height:var(--space-16);max-height:var(--measure-200);resize:none;box-shadow:none;background:transparent;outline:none}.prompt-input textarea:focus-visible{outline:var(--stroke) solid var(--focus);outline-offset:0}.prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tools-trigger{font-size:var(--text-xs);padding-inline:var(--space-2)}.prompt-blocked{opacity:.65}.attachment-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.attachment-row:empty{display:none}.tool-list{display:grid;gap:var(--space-4)}.tool-option{display:flex;align-items:center;gap:var(--space-3)}.tool-option>div{flex:1}.tool-option small{color:var(--text-tertiary)}.tool-option .check-label{min-height:var(--space-6)}.suggestion-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.suggestion{border:var(--stroke) solid var(--border-subtle);color:var(--text-secondary);background:var(--surface);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);min-height:var(--touch)}.generation{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text)}.generation>span:last-child{display:flex;flex-direction:column}.generation small{color:var(--text-tertiary)}@keyframes pulse{0%,to{transform:scale(.9);opacity:.2}50%{transform:scale(1.05);opacity:.55}}.source-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--stroke) solid var(--border-subtle);border-radius:var(--radius-field);font-size:var(--text-sm);min-height:var(--touch)}.source-card>span:nth-child(2){display:flex;flex-direction:column;flex:1}.source-card small{color:var(--text-tertiary)}.source-icon{display:grid;place-items:center;width:var(--space-8);height:var(--space-8);background:var(--bg-soft);border-radius:var(--radius-sm)}.source-compact{display:inline-flex;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}.source-compact .source-icon{background:transparent;width:auto;height:auto}.code-block{border-radius:var(--radius-control);background:var(--bg-soft);overflow:hidden;font-size:var(--text-xs)}.code-block>.between{padding:var(--space-1) var(--space-4);border-bottom:var(--stroke) solid var(--border)}.code-block pre{padding:var(--space-4);margin:0;overflow:auto;font-family:var(--font-mono)}.code-line{display:flex;line-height:1.9;white-space:pre}.line-number{color:var(--text-tertiary);min-width:var(--space-8);-webkit-user-select:none;user-select:none}.code-keyword{color:var(--text)}.code-string{color:var(--secondary-text)}.chat-demo,.agent-demo{padding:0;overflow:hidden}.demo-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:var(--stroke) solid var(--border-subtle)}.demo-topbar strong{font-size:var(--text-sm)}.demo-topbar small{display:block;color:var(--text-tertiary)}.conversation{min-height:var(--measure-340);max-height:var(--measure-600);overflow-y:auto;padding:var(--space-6)}.chat-welcome{max-width:var(--measure-600);margin:auto;padding:var(--space-5) 0}.chat-welcome h3{font-size:var(--text-xl);font-weight:var(--weight-light);line-height:var(--leading-heading);margin-bottom:var(--space-3)}.chat-welcome p{font-size:var(--text-sm);margin-bottom:var(--space-6)}.welcome-symbol{display:grid;place-items:center;background:var(--gradient-profundo);width:var(--space-12);height:var(--space-12);border-radius:var(--radius-control);margin-bottom:var(--space-5)}.welcome-symbol img{width:var(--space-8)}.chat-composer{padding:0 var(--space-6) var(--space-5)}.composer-note{display:block;text-align:center;color:var(--text-tertiary);margin-top:var(--space-3)}.user-message{margin-left:12%;margin-bottom:var(--space-6);display:flex;flex-direction:column;align-items:flex-end}.user-message>div:first-child{padding:var(--space-3) var(--space-5);border-radius:var(--radius-card) var(--radius-card) var(--space-1) var(--radius-card);background:var(--bg-soft);font-size:var(--text-sm);overflow-wrap:anywhere}.message-actions{display:flex;align-items:center;gap:var(--space-1)}.ai-message{margin-bottom:var(--space-6)}.message-content{margin:var(--space-3) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);font-size:var(--text-sm);overflow-wrap:anywhere}.message-content p{white-space:pre-wrap}.message-content .table-scroll{width:100%}.stream-text{font-size:var(--text-sm);margin-top:var(--space-3)}.history-item{display:flex;gap:var(--space-3);align-items:center;min-width:0}.history-item>div{flex:1;min-width:0}.history-item strong{display:block;font-size:var(--text-sm);overflow-wrap:anywhere}.history-item small{color:var(--text-tertiary)}.credits-card{border-radius:var(--radius-feature);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.mini-circle{width:var(--space-8);height:var(--space-8);background:var(--white-glass-40);border-radius:50%;display:grid;place-items:center}.credit-center{padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.credit-center>span{font-size:var(--text-sm)}.credits-bottom small{display:block}.credits-card .progress-ring{color:var(--brand-deep-teal)}.credits-card .progress-ring>div{color:var(--brand-navy);font-size:var(--text-xs)}.agent-symbol{width:var(--space-12);height:var(--space-12);display:grid;place-items:center;color:var(--brand-navy);background:var(--gradient-mare);border-radius:var(--radius-control)}.agent-symbol-1{background:var(--gradient-profundo);color:var(--white)}.agent-symbol-2{background:var(--gradient-horizonte);color:var(--white)}.agent-card h3{margin-top:var(--space-5);margin-bottom:var(--space-2)}.agent-card p{font-size:var(--text-sm);margin-bottom:var(--space-5)}.agent-tools-label{font-size:var(--text-xs);margin-left:auto}.agent-footer{display:flex;align-items:center;justify-content:space-between;border-top:var(--stroke) solid var(--border-subtle);margin-top:var(--space-5);padding-top:var(--space-3);color:var(--text-tertiary)}.agent-demo-body{padding:var(--space-6)}.task-brief h3{margin:var(--space-2) 0}.task-brief p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.task-brief .eyebrow{color:var(--text-tertiary)}.execution-timeline{list-style:none;padding:0;margin:var(--space-6) 0}.execution-step{display:flex;gap:var(--space-3);position:relative;min-height:var(--space-20)}.execution-step:not(:last-child):before{content:"";position:absolute;top:var(--space-8);bottom:0;left:var(--measure-15);width:var(--measure-2);background:var(--border-subtle);border-radius:var(--radius-pill)}.execution-step.step-complete:before{background:var(--brand-teal)}.step-icon{position:relative;width:var(--space-8);height:var(--space-8);border-radius:50%;background:var(--bg-soft);display:grid;place-items:center;flex-shrink:0}.step-icon>span:not(.running-dot){width:var(--measure-6);height:var(--measure-6);background:var(--border-strong);border-radius:50%}.step-complete .step-icon{background:var(--success-bg);color:var(--success)}.step-failed .step-icon{background:var(--danger-bg);color:var(--danger)}.running-dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--brand-aqua);animation:pulse var(--duration-pulse) ease infinite}.execution-step details{flex:1;min-width:0}.execution-step summary{display:flex;align-items:center;gap:var(--space-3);list-style:none;cursor:pointer;padding-block:var(--space-1);font-size:var(--text-sm);min-height:var(--touch)}.execution-step summary>span:first-child{flex:1}.execution-step small{display:block;color:var(--text-tertiary);font-weight:var(--weight-regular)}.execution-step p{font-size:var(--text-xs);padding:var(--space-2) 0 var(--space-5)}.approval{border-radius:var(--radius-control);padding:var(--space-5);background:var(--secondary);color:var(--text)}.approval p{font-size:var(--text-sm);margin:var(--space-3) 0}.approval dl{font-size:var(--text-xs);margin-bottom:var(--space-5)}.approval dl>div{margin-bottom:var(--space-2)}.approval dt{color:var(--text-tertiary)}.approval dd{margin:0}.agent-start{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}.agent-start .check-label{font-size:var(--text-xs)}.simulation-note{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-5)}.project-card h3{margin:var(--space-6) 0 var(--space-3);overflow-wrap:anywhere}.project-card p{font-size:var(--text-sm);margin-bottom:var(--space-5)}.upload-zone{border:var(--stroke) dashed var(--border-strong);border-radius:var(--radius-card);background:var(--bg);width:100%;padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.upload-zone>span,.upload-zone small{color:var(--text-tertiary);font-size:var(--text-xs)}.upload-files{display:grid;gap:var(--space-5);margin-top:var(--space-4)}.upload-files>div{min-width:0}.upload-files .progress{margin-top:var(--space-2)}.generated-image{padding:0;overflow:hidden}.image-frame{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--gradient-clareza);max-height:var(--measure-360)}.image-frame>img{width:100%;height:100%;object-fit:cover;animation:reveal var(--duration-enter) var(--ease-out)}.image-frame>.badge{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--glass)}.image-caption{padding:var(--space-4)}.image-caption>strong,.image-caption>small{display:block}.image-caption>small{color:var(--text-tertiary);margin:var(--space-1) 0 var(--space-3)}.image-full{width:100%;border-radius:var(--radius-control)}.empty-state{text-align:center;display:flex;align-items:center;flex-direction:column;padding:var(--space-6);gap:var(--space-3)}.empty-state p{max-width:var(--measure-320);font-size:var(--text-sm)}.empty-state .button{margin-top:var(--space-3)}.sidebar{width:var(--sidebar-width);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:var(--space-8) var(--space-5) var(--space-5);border-right:var(--stroke) solid var(--border-subtle);background:var(--bg);z-index:var(--z-nav);transition:width var(--duration-standard) var(--ease-out)}.brand-lockup{padding:var(--space-1) var(--space-3) var(--space-8)}.logo-crop{display:block;position:relative;width:var(--measure-142);height:var(--measure-29);overflow:hidden}.logo-crop img{position:absolute;width:var(--measure-144);height:var(--measure-144);top:-58px;left:-1px}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.brand-subtitle{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary)}.version-pill{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--stroke) var(--space-2);background:var(--surface-selected);color:var(--text);border-radius:var(--radius-pill)}.side-search{width:100%;background:var(--surface);border:var(--stroke) solid var(--border-subtle);border-radius:var(--radius-field);min-height:var(--touch);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-6)}.side-search kbd{margin-left:auto;padding:var(--measure-2) var(--space-1)}.sidebar nav{flex:1;overflow-y:auto;scrollbar-width:thin}.nav-section{margin-bottom:var(--space-5)}.nav-label{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--space-5) var(--space-3) var(--space-2);letter-spacing:.02em}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-3);border-radius:var(--radius-field);width:100%;min-height:var(--touch);font-size:var(--text-sm);color:var(--text-secondary)}.nav-item.active{background:var(--surface-selected);color:var(--text);font-weight:var(--weight-semibold)}.nav-item .nav-dot{width:var(--measure-5);height:var(--measure-5);border-radius:50%;margin-left:auto;background:var(--brand-aqua)}.sidebar-footer{border-top:var(--stroke) solid var(--border-subtle);padding-top:var(--space-4)}.sidebar-footer p{font-size:var(--text-xs);margin:var(--space-3) var(--space-3) 0;color:var(--text-tertiary)}.sidebar-footer .nav-item{font-size:var(--text-xs)}.shell-main{margin-left:var(--sidebar-width);min-width:0}.topbar{min-height:var(--topbar-height);padding:var(--space-4) var(--space-12);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:var(--stroke) solid var(--border-subtle)}.topbar-right{display:flex;align-items:center;gap:var(--space-4)}.topbar-status{display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-xs);color:var(--text-tertiary)}.topbar-status .status-dot{background:var(--brand-aqua)}.theme-toggle{border:var(--stroke) solid var(--border);border-radius:var(--radius-pill);display:flex;padding:var(--space-1);gap:var(--space-1);background:var(--bg)}.theme-toggle .button{min-width:var(--space-8);width:var(--space-8);height:var(--space-8);min-height:var(--space-8);border-radius:50%;padding:var(--space-2)}.theme-toggle [aria-pressed=true]{background:var(--surface);box-shadow:var(--shadow-1);color:var(--text)}.content{max-width:var(--content-max);margin:0 auto;padding:var(--space-10) var(--space-12) var(--space-16)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.page-heading .eyebrow{color:var(--text-tertiary);margin-bottom:var(--space-3)}.page-heading p{font-size:var(--text-sm);margin-top:var(--space-4);max-width:var(--measure-560)}.page-heading h1{font-size:var(--text-2xl)}.overview-hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:var(--hero-height);align-items:center;gap:var(--space-6);margin-top:var(--space-2)}.hero-copy{position:relative;z-index:2;padding-bottom:var(--space-8)}.hero-copy>.eyebrow{display:flex;align-items:center;gap:var(--space-2);color:var(--secondary-text);margin-bottom:var(--space-5)}.hero-copy>.eyebrow:before{content:"";width:var(--space-5);height:var(--stroke);background:currentColor}.hero-copy h1{font-size:clamp(var(--touch),4.25vw,var(--space-16));line-height:1.04;font-weight:var(--weight-light)}.hero-copy h1 em{font-style:normal;color:var(--brand-aqua)}[data-theme=dark] .hero-copy h1 em{color:var(--brand-teal)}.hero-copy p{max-width:var(--measure-360);font-size:var(--text-md);line-height:1.6;margin-top:var(--space-5)}.hero-copy .row{margin-top:var(--space-8)}.hero-copy .button{border-radius:var(--radius-pill)}.hero-stage{height:var(--hero-height);position:relative;perspective:var(--measure-1000);isolation:isolate}.hero-stage:before{content:"";position:absolute;inset:15% -8% 10%;background:radial-gradient(ellipse,var(--brand-warm),transparent 68%);opacity:.8;z-index:-1}.hero-stage .credits-card{position:absolute;top:var(--space-10);left:calc(50% - var(--measure-140));width:var(--hero-card-width);height:var(--hero-main-height);transform:rotate(-7deg) rotateY(-5deg);box-shadow:var(--shadow-4);z-index:2;border:var(--stroke) solid var(--white-glass-50);padding:var(--space-6);gap:var(--space-3)}.hero-stage .credits-card .eyebrow{font-size:var(--text-xs);letter-spacing:0;text-transform:none;font-weight:var(--weight-regular)}.hero-stage .credits-card .credit-center{padding-top:var(--space-4)}.hero-stage .credits-card .credits-bottom{margin-top:auto}.hero-task{position:absolute;right:-6px;top:0;width:var(--measure-214);transform:rotate(9deg) rotateY(-8deg);padding:var(--space-5);box-shadow:var(--shadow-3);z-index:1}.hero-task .eyebrow{font-size:var(--text-xs);letter-spacing:0;text-transform:none}.hero-task .progress-ring{width:var(--measure-120);height:var(--measure-120);margin:var(--space-4) auto;color:var(--brand-aqua)}.hero-task .numeric{font-size:var(--text-2xl)}.hero-task .progress-ring small{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.hero-task-footer{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary)}.hero-files{position:absolute;bottom:var(--measure-6);right:0;width:var(--measure-245);padding:var(--space-4) var(--space-5);transform:rotate(5deg);z-index:3;box-shadow:var(--shadow-3)}.hero-files .between strong{font-size:var(--text-sm);font-weight:var(--weight-regular)}.hero-files .document-stack{height:var(--measure-100);width:var(--measure-120);margin:0 auto}.hero-files .paper{width:var(--space-16);height:var(--space-20);left:var(--measure-30);top:var(--space-2);padding:var(--space-3);gap:var(--measure-5)}.hero-files .paper svg{width:var(--space-4);height:var(--space-4)}.hero-files .file-footer{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary)}.hero-mini-pill{position:absolute;left:var(--measure-2);bottom:var(--measure-22);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--glass);border:var(--stroke) solid var(--glass-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-2);transform:rotate(-5deg);font-size:var(--text-xs);z-index:4;-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}.hero-mini-pill .status-dot{background:var(--brand-aqua)}.intro-meta{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) 0;margin-top:var(--space-6);border-top:var(--stroke) solid var(--border-subtle);border-bottom:var(--stroke) solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary)}.intro-meta>span{display:flex;align-items:center;gap:var(--space-2)}.intro-meta>span:last-child{margin-left:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin:var(--space-10) 0 var(--space-6)}.section-heading h2{font-size:var(--text-xl);font-weight:var(--weight-regular);letter-spacing:-.02em}.section-heading p{font-size:var(--text-sm);margin-top:var(--space-2)}.section-heading>.button{font-size:var(--text-xs)}.overview-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:var(--space-5);align-items:stretch}.overview-tile{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);min-height:var(--hero-card-width);border:var(--stroke) solid var(--border-subtle);box-shadow:none}.tile-heading{display:flex;align-items:center;justify-content:space-between}.tile-heading h3{font-size:var(--text-sm)}.tile-heading>span{font-size:var(--text-xs);color:var(--text-tertiary)}.color-strips{display:flex;height:var(--space-16);gap:var(--space-1);margin:var(--space-2) 0}.color-strips>span{flex:1;border-radius:var(--radius-sm)}.tile-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--text-tertiary)}.type-sample{font-size:var(--text-2xl);font-weight:var(--weight-light);line-height:1}.type-sample small{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--text-tertiary)}.overview-tile .row{flex-wrap:wrap;gap:var(--space-2)}.overview-tile .button{font-size:var(--text-xs);padding-inline:var(--space-3)}.overview-tile .prompt-input{padding:var(--space-2);border-radius:var(--radius-control);margin-top:var(--space-2)}.overview-tile .prompt-input textarea{font-size:var(--text-sm);padding:var(--space-2);min-height:var(--space-20)}.overview-tile .tools-trigger{display:none}.overview-tile .model-trigger{font-size:var(--text-xs)}.overview-tile .icon-button{padding:var(--space-2);width:var(--space-8);min-width:var(--space-8)}.overview-demo-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6)}.demo-preview{padding:var(--space-6);border:var(--stroke) solid var(--border-subtle);box-shadow:none;display:flex;flex-direction:column;gap:var(--space-4)}.demo-preview>p{font-size:var(--text-sm)}.demo-preview>.row{margin-top:auto}.demo-preview-head{display:flex;justify-content:space-between;align-items:center}.preview-dialogue{font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0}.preview-dialogue>div:first-child{align-self:flex-end;border-radius:var(--radius-control);background:var(--bg-soft);padding:var(--space-3) var(--space-4)}.preview-dialogue .row p{color:var(--text-secondary)}.principle-note{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-8) 0 var(--space-4);margin-top:var(--space-8);border-top:var(--stroke) solid var(--border-subtle)}.principle-note p{font-size:var(--text-xs)}.principle-note strong{font-weight:var(--weight-regular);font-size:var(--text-sm)}.principle-note .wordmark{font-size:var(--text-xs);letter-spacing:var(--tracking-label)}.mobile-menu-button,.mobile-nav{display:none}.catalog-section{margin-bottom:var(--space-10)}.component-spec{border:var(--stroke) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface);overflow:hidden;min-width:0;scroll-margin-top:var(--space-6)}.spec-header{padding:var(--space-5) var(--space-6);border-bottom:var(--stroke) solid var(--border-subtle)}.spec-header h3{font-size:var(--text-md)}.spec-header p{font-size:var(--text-xs);margin-top:var(--space-1)}.spec-preview{padding:var(--space-6);min-height:var(--measure-150);display:flex;flex-direction:column;gap:var(--space-5)}.spec-preview>.card{border:var(--stroke) solid var(--border-subtle)}.spec-preview>p{font-size:var(--text-sm)}.spec-footer{background:var(--bg);padding:var(--space-3) var(--space-6);font-size:var(--text-xs);color:var(--text-tertiary)}.spec-footer summary{cursor:pointer;min-height:var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.spec-footer .token-list{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) 0}.token-list code{font:var(--text-xs) var(--font-mono);color:var(--text-secondary);background:var(--surface);border:var(--stroke) solid var(--border-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--space-1)}.spec-footer .state-list{margin-bottom:var(--space-3)}.spec-footer pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font:var(--text-xs)/1.6 var(--font-mono);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-sm)}.spec-preview .grid{gap:var(--space-4)}.variant-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.wide{grid-column:1/-1}.color-family{display:flex;flex-direction:column;gap:var(--space-2)}.color-family>div:first-child{display:flex;justify-content:space-between;font-size:var(--text-sm)}.scale-row{display:grid;grid-template-columns:repeat(10,1fr);border-radius:var(--radius-field);overflow:hidden}.scale-swatch{padding:var(--space-3) var(--space-1);min-height:var(--space-16);text-align:center;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-1);font-size:var(--text-xs);border:0;border-radius:0}.scale-swatch code{font-size:var(--text-xs);font-family:var(--font)}.scale-swatch:focus-visible{outline-offset:calc(-1 * var(--focus-width))}.palette-list{display:grid;gap:var(--space-6)}.semantic-table code{font-size:var(--text-xs);font-family:var(--font-mono)}.semantic-swatch{display:inline-block;width:var(--space-4);height:var(--space-4);border-radius:var(--space-1);border:var(--stroke) solid var(--border);vertical-align:middle;margin-right:var(--space-2)}.material-sample{min-height:var(--measure-200);padding:var(--space-6);border-radius:var(--radius-card);display:flex;flex-direction:column;justify-content:space-between;border:var(--stroke) solid var(--border-subtle)}.material-sample p{font-size:var(--text-sm)}.material-glass-stage{background:var(--gradient-profundo);padding:var(--space-4);border-radius:var(--radius-card)}.material-glass-stage .material-sample{height:100%;min-height:var(--measure-168);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));background:var(--glass)}.gradient-sample{height:var(--ring-size);border-radius:var(--radius-card);padding:var(--space-5);display:flex;align-items:flex-end;color:var(--white)}.gradient-mare{background:var(--gradient-mare);color:var(--brand-navy)}.gradient-profundo{background:var(--gradient-profundo)}.gradient-horizonte{background:var(--gradient-horizonte);color:var(--brand-navy)}.gradient-clareza{background:var(--gradient-clareza);color:var(--text)}.typography-row{padding:var(--space-5) 0;display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:var(--space-6);border-bottom:var(--stroke) solid var(--border-subtle)}.typography-row small{color:var(--text-tertiary);display:block}.type-render{line-height:1.3;overflow-wrap:anywhere}.spacing-row{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs)}.spacing-row code{width:var(--space-8)}.spacing-bar{height:var(--space-5);background:var(--secondary);border-left:var(--measure-2) solid var(--brand-aqua)}.radius-demo{width:var(--space-16);height:var(--space-16);background:var(--secondary);display:grid;place-items:center;font-size:var(--text-xs);color:var(--secondary-text)}.elevation-demo{background:var(--surface);padding:var(--space-6);border-radius:var(--radius-card);text-align:center}.motion-orb{width:var(--space-16);height:var(--space-16);background:var(--gradient-mare);border-radius:50%;box-shadow:var(--shadow-2);transition:transform var(--duration-standard) var(--ease-out)}.motion-track{padding:var(--space-5);border-radius:var(--radius-control);background:var(--bg-soft);width:100%}.motion-track[data-active=true] .motion-orb{transform:translate(150%)}.live-gradient{position:relative;overflow:hidden;min-height:var(--measure-180);border-radius:var(--radius-card);background:var(--gradient-clareza);display:grid;place-items:center}.live-gradient:before{content:"";position:absolute;inset:10%;border-radius:50%;background:var(--gradient-mare);filter:blur(var(--blur-live));animation:drift var(--duration-drift) var(--ease-in-out) infinite;opacity:.5}.live-gradient>span{position:relative;color:var(--text)}@keyframes drift{50%{transform:translate(10%,-8%) scale(1.1)}}@keyframes reveal{0%{opacity:.2;clip-path:inset(0 0 15% 0)}to{opacity:1;clip-path:inset(0)}}.mini-sidebar{background:var(--bg-soft);padding:var(--space-3);border-radius:var(--radius-control);max-width:var(--measure-280)}.mini-sidebar.collapsed{width:var(--space-20)}.mini-sidebar.collapsed .nav-item span{display:none}.example-topbar{padding:var(--space-3);border-radius:var(--radius-control);border:var(--stroke) solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.bottom-pill{display:flex;justify-content:center;gap:var(--space-2);border:var(--stroke) solid var(--border-subtle);padding:var(--space-2);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-3);width:fit-content;margin:auto}.bottom-pill button{border-radius:var(--radius-pill)}.notification-item{padding:var(--space-4);border-bottom:var(--stroke) solid var(--border-subtle);display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm)}.notification-item small{display:block;color:var(--text-tertiary);margin-top:var(--space-1)}.notification-item.unread{background:var(--secondary);border-radius:var(--radius-field)}.notification-item>div{flex:1}.command-shell{position:fixed;z-index:calc(var(--z-overlay) + 1);top:20%;left:50%;transform:translate(-50%);width:min(var(--measure-600),calc(100vw - var(--space-8)));background:var(--surface-elevated);border:var(--stroke) solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-4);overflow:hidden}.command-search{padding:var(--space-3) var(--space-4);border-bottom:var(--stroke) solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-3)}[cmdk-input]{border:0;background:transparent;outline:none;padding:var(--space-2);font-size:var(--text-md)}[cmdk-list]{max-height:var(--measure-360);overflow:auto;padding:var(--space-2)}[cmdk-group-heading]{font-size:var(--text-xs);padding:var(--space-3);color:var(--text-tertiary)}[cmdk-item]{padding:var(--space-3);min-height:var(--touch);display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-field);cursor:pointer;font-size:var(--text-sm)}[cmdk-item][data-selected=true]{background:var(--secondary);color:var(--secondary-text)}[cmdk-empty]{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.command-footer{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);border-top:var(--stroke) solid var(--border-subtle)}.empty-search{text-align:center;padding:var(--space-16);color:var(--text-tertiary)}.mobile-drawer-nav{display:flex;flex-direction:column;gap:var(--space-2)}.error-list{display:grid;gap:var(--space-4)}@media(hover:hover)and (pointer:fine){.button-primary:hover:not(:disabled){background:var(--action-hover)}.button-ghost:hover:not(:disabled),.button-outline:hover:not(:disabled){background:var(--surface-hover)}.button-secondary:hover:not(:disabled){filter:brightness(.96)}.nav-item:hover{background:var(--surface-hover)}.suggestion:hover,.source-card:hover{border-color:var(--border-strong)}.button-danger:hover:not(:disabled){filter:brightness(.9)}}@media(min-width:1440px){.content,.topbar{padding-inline:var(--space-16)}.hero-stage .credits-card{left:calc(50% - var(--measure-165))}.hero-task{right:var(--space-4)}.hero-files{right:var(--space-5)}}@media(max-width:1200px){.content,.topbar{padding-inline:var(--space-8)}.overview-hero{grid-template-columns:1fr 1fr;gap:var(--space-2)}.hero-stage{transform:scale(.88);transform-origin:right center}.hero-copy h1{font-size:var(--space-12)}.overview-grid{grid-template-columns:1fr 1fr}.overview-tile:last-child{grid-column:1/-1;min-height:0}.overview-tile:last-child .prompt-input{max-width:100%}.hero-mini-pill{left:calc(-1 * var(--space-5))}.topbar-status,.scale-swatch code{display:none}}@media(max-width:1023px){:root{--sidebar-width: var(--measure-210)}.sidebar{padding-inline:var(--space-3)}.content,.topbar{padding-inline:var(--space-6)}.overview-hero{grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:0}.hero-copy h1{font-size:var(--text-display);max-width:var(--measure-500)}.hero-copy p{max-width:var(--measure-450)}.hero-stage{height:var(--measure-380);width:var(--measure-460);max-width:100%;transform:none;margin:var(--space-4) auto 0}.hero-stage .credits-card{left:var(--space-10);top:var(--measure-30)}.hero-task{right:0}.hero-files{right:0;bottom:0}.hero-mini-pill{left:0;bottom:var(--space-3)}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-demo-grid{grid-template-columns:1fr}.intro-meta{gap:var(--space-4);flex-wrap:wrap}.intro-meta>span:last-child{margin-left:0}.grid.two{grid-template-columns:1fr}.demo-topbar{padding-inline:var(--space-5)}.section-heading h2{font-size:var(--text-xl)}.page-heading{align-items:flex-start}.page-heading .badge{display:none}}@media(max-width:767px){:root{--sidebar-width: var(--measure-0);--topbar-height: var(--measure-68)}.sidebar{display:none}.shell-main{margin-left:0}.mobile-menu-button{display:inline-flex}.topbar{padding:var(--space-3) var(--space-4);min-height:var(--topbar-height);gap:var(--space-2)}.topbar-right{gap:var(--space-2)}.topbar-right>.user-menu{display:none}.topbar .breadcrumbs{font-size:var(--text-xs);gap:var(--space-1)}.topbar .breadcrumbs>span{gap:var(--space-1)}.topbar .breadcrumbs>span:first-child{display:none}.content{padding:var(--space-8) var(--space-5) var(--measure-110)}.overview-hero{margin-top:0}.hero-copy h1{font-size:clamp(var(--touch),8vw,var(--space-16))}.hero-copy p{font-size:var(--text-md)}.hero-copy .row{margin-top:var(--space-6)}.hero-stage{height:var(--measure-380);margin-top:var(--space-6);width:var(--measure-440)}.hero-stage .credits-card{left:var(--space-2);top:var(--measure-30);width:var(--measure-250);height:var(--measure-280);padding:var(--space-5)}.hero-task{width:var(--measure-185);right:0;top:0;padding:var(--space-4)}.hero-files{width:var(--measure-220);right:0;bottom:0}.hero-mini-pill{left:-4px;font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.intro-meta{margin-top:var(--space-6);gap:var(--space-3);font-size:var(--text-xs)}.intro-meta>span:last-child{display:none}.overview-grid{grid-template-columns:1fr}.overview-tile{min-height:var(--preview-min)}.overview-tile:last-child{grid-column:auto}.overview-tile .prompt-input textarea{min-height:var(--space-16)}.grid.three{grid-template-columns:1fr}.page-heading h1{font-size:var(--text-2xl)}.page-heading p{font-size:var(--text-sm)}.section-heading{align-items:center}.section-heading .button{padding-inline:var(--space-2)}.section-heading h2{font-size:var(--text-xl)}.section-heading p{font-size:var(--text-xs)}.principle-note{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.spec-header,.spec-preview{padding:var(--space-5)}.spec-footer{padding-inline:var(--space-5)}.spec-preview .grid.three{grid-template-columns:1fr}.typography-row{grid-template-columns:1fr;gap:var(--space-3)}.scale-row{grid-template-columns:repeat(5,1fr);gap:var(--space-1);border-radius:0}.scale-swatch{border-radius:var(--radius-sm);padding-block:var(--space-3)}.scale-swatch code{display:block;font-size:var(--text-xs)}.drawer{top:auto;bottom:0;right:0;width:100%;max-height:88dvh;height:auto;border-radius:var(--radius-card) var(--radius-card) 0 0}.drawer[data-starting-style],.drawer[data-ending-style]{transform:translateY(100%)}.mobile-nav{display:flex;position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:var(--z-nav);background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:var(--stroke) solid var(--glass-border);box-shadow:var(--shadow-3);border-radius:var(--radius-pill);padding:var(--space-2);gap:var(--space-1);max-width:calc(100% - var(--space-6))}.mobile-nav .button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs)}.mobile-nav .button>span{display:none}.mobile-nav .button[aria-current=page]{background:var(--secondary);color:var(--secondary-text)}.mobile-nav .button[aria-current=page]>span{display:inline}.chat-demo .demo-topbar>.badge{display:none}.chat-composer{padding:0 var(--space-3) var(--space-4)}.conversation{padding:var(--space-5);min-height:var(--measure-300)}.tools-trigger span{display:none}.prompt-toolbar{gap:0}.model-trigger{gap:var(--space-1);padding-inline:var(--space-2)}.prompt-input textarea{font-size:var(--text-md)}.agent-demo .demo-topbar{flex-wrap:wrap}.agent-demo-body{padding:var(--space-5)}.alert{align-items:flex-start;flex-direction:column}.demo-topbar .row{gap:var(--space-2)}.demo-topbar strong{font-size:var(--text-sm)}.demo-topbar small{font-size:var(--text-xs)}.modal{padding:var(--space-5)}.command-shell{top:var(--space-20)}.approval{padding:var(--space-4)}.proportion-legend{gap:var(--space-2)}.upload-files>.between{flex-wrap:wrap}.history-item .icon-tile{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0ms!important}.live-gradient:before{transform:none}.button:active:not(:disabled){transform:none}}[data-keyboard=true] .popup,[data-keyboard=true] .tooltip,[data-keyboard=true] .modal,[data-keyboard=true] .backdrop,[data-keyboard=true] .switch>span,[data-keyboard=true] .motion-orb{transition:none!important}.brand-home{padding:0;background:none;border:0;display:block}.account-trigger{padding:var(--space-1);background:none;border:0;border-radius:50%;min-height:var(--touch);min-width:var(--touch)}.account-menu-header{padding:var(--space-3);border-bottom:var(--stroke) solid var(--border-subtle);margin-bottom:var(--space-2)}.account-menu-header small{display:block;color:var(--text-tertiary)}.topbar-right>.icon-button{position:relative}.notification-dot{position:absolute;top:var(--space-2);right:var(--space-2);width:var(--measure-5);height:var(--measure-5);border-radius:50%;background:var(--brand-pink);outline:var(--measure-2) solid var(--bg)}.command-backdrop{transition:none}.conversation,.chat-composer{max-width:var(--conversation-max);margin-inline:auto;width:100%}@media(max-width:1023px){.overview-hero{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-stage{min-width:0}.hero-stage{width:100%;max-width:var(--measure-460)}}@media(max-width:767px){.hero-stage{max-width:var(--measure-440)}.hero-task{right:var(--space-2)}.hero-copy .row{gap:var(--space-2)}.hero-copy .button{padding-inline:var(--space-4)}.hero-files{right:var(--space-2)}.hero-stage:before{inset:15% 0 10%}}.paper span{color:var(--secondary-text)}.dot-number circle{transition:opacity var(--duration-standard) var(--ease-out)}.animated-number{font-size:var(--text-2xl);font-weight:var(--weight-light);font-variant-numeric:tabular-nums}.theme-toggle .button{min-width:var(--touch);width:var(--touch);height:var(--touch);min-height:var(--touch)}.message-files{justify-content:flex-end;margin-bottom:var(--space-5)}.generation-symbol{width:var(--space-12);height:var(--space-12);display:grid;place-items:center;flex-shrink:0;background:var(--secondary);color:var(--secondary-text);border-radius:var(--radius-control)}.typing-dots{display:flex;align-items:center;gap:var(--space-1)}.typing-dots i{width:var(--typing-dot);height:var(--typing-dot);background:currentColor;border-radius:50%;opacity:.45;animation:thinking var(--duration-thinking) var(--ease-in-out) infinite}.typing-dots i:nth-child(2){animation-delay:var(--motion-stagger)}.typing-dots i:nth-child(3){animation-delay:calc(var(--motion-stagger) * 2)}.processing-spinner{animation:spin var(--duration-spinner) linear infinite}@keyframes thinking{0%,65%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(calc(-1 * var(--motion-lift)));opacity:1}}.welcome-symbol{color:var(--white)}.tabs{position:relative;isolation:isolate}.tab{position:relative;z-index:1}.tab-indicator{position:absolute;inset:0;pointer-events:none;background:var(--surface);clip-path:inset(var(--active-tab-top, 0px) calc(100% - var(--active-tab-left, 0px) - var(--active-tab-width, 0px)) calc(100% - var(--active-tab-top, 0px) - var(--active-tab-height, 0px)) var(--active-tab-left, 0px) round var(--radius-pill));transition:clip-path var(--duration-standard) var(--ease-out)}.tabs-pill .tab[data-active]{background:transparent;box-shadow:none}.tabs-underline .tab-indicator{background:var(--brand-aqua);clip-path:inset(calc(100% - var(--motion-lift)) calc(100% - var(--active-tab-left, 0px) - var(--active-tab-width, 0px)) 0 var(--active-tab-left, 0px))}.tabs-underline .tab[data-active]{border-bottom-color:transparent}.state-icon{position:relative;display:block;width:var(--icon-sm);height:var(--icon-sm)}.state-icon svg{position:absolute;inset:0;transition:transform var(--duration-standard) var(--ease-out),opacity var(--duration-micro) var(--ease-out)}.state-icon-before{opacity:1;transform:scale(1) rotate(0)}.state-icon-after{opacity:0;transform:scale(.9) rotate(-15deg);color:var(--success)}.state-icon[data-complete=true] .state-icon-before{opacity:0;transform:scale(.9) rotate(15deg)}.state-icon[data-complete=true] .state-icon-after{opacity:1;transform:scale(1) rotate(0)}.button>.lucide-arrow-up-right,.button>.lucide-arrow-right{transition:transform var(--duration-micro) var(--ease-out)}@media(hover:hover)and (pointer:fine){.button:not(.icon-button):hover>.lucide-arrow-up-right{transform:translate(var(--motion-lift),calc(-1 * var(--motion-lift)))}.button:not(.icon-button):hover>.lucide-arrow-right{transform:translate(var(--motion-lift))}}.illumination-showcase{padding:var(--space-8);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.illumination-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);width:100%}.illumination-heading .eyebrow{color:var(--text-tertiary)}.illumination-heading h2{font-size:var(--text-2xl);margin:var(--space-3) 0}.illumination-heading p{font-size:var(--text-sm)}.illumination-stage{height:var(--illumination-height);width:100%;position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-feature);display:grid;place-items:center;padding:var(--space-6)}.illumination-layer{position:absolute;inset:0;opacity:0;transition:opacity var(--duration-light) var(--ease-in-out);z-index:-1;overflow:hidden}.illumination-layer[data-active=true]{opacity:1}.illumination-glow{position:absolute;inset:10% 20%;border-radius:50%;background:var(--white-glass-50);filter:blur(var(--blur-live));animation:drift var(--duration-drift) var(--ease-in-out) infinite alternate;animation-play-state:paused}.illumination-layer[data-active=true] .illumination-glow{animation-play-state:running}.light-preview-card{width:min(100%,var(--measure-360));border-radius:var(--radius-card);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);color:var(--text)}.light-preview-card p{font-size:var(--text-sm);margin-top:var(--space-2)}.light-caption{font-size:var(--text-xs);color:var(--text-secondary)}.illumination-note{font-size:var(--text-sm);min-height:var(--space-6)}.motion-example>.eyebrow{color:var(--text-tertiary)}.motion-example>p{font-size:var(--text-sm)}.motion-example>small{margin-top:auto}.motion-example-stage{border-radius:var(--radius-control);background:var(--bg);padding:var(--space-5);min-height:var(--motion-stage-height)}.generation-examples{display:flex;flex-direction:column;justify-content:center;gap:var(--space-6)}.task-motion-stage{position:relative;display:grid;overflow:hidden}.task-motion-state{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);opacity:0;transform:translateY(var(--motion-enter-offset)) scale(.97);transition:opacity var(--duration-standard) var(--ease-out),transform var(--duration-standard) var(--ease-out);pointer-events:none}.task-motion-state[data-active=true]{opacity:1;transform:none}.task-motion-state small{color:var(--text-tertiary)}.task-motion-state .processing-spinner{animation-play-state:paused}.task-motion-state[data-active=true] .processing-spinner{animation-play-state:running}.completion-circle{width:var(--space-12);height:var(--space-12);border-radius:50%;display:grid;place-items:center;background:var(--success-bg);color:var(--success)}.counter-stage{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-2)}.counter-stage .animated-number{font-size:var(--text-display)}.counter-stage>span{font-size:var(--text-xs)}.motion-principles{display:flex;justify-content:space-between;gap:var(--space-8);padding:var(--space-4) 0}.motion-principles p{font-size:var(--text-sm);max-width:var(--measure-440)}@media(max-width:767px){.illumination-showcase{padding:var(--space-5)}.illumination-heading>.badge{display:none}.illumination-heading h2{font-size:var(--text-xl)}.illumination-showcase .tab{padding-inline:var(--space-3)}.illumination-stage{padding:var(--space-4);border-radius:var(--radius-card)}.light-preview-card{padding:var(--space-5)}.motion-principles{flex-direction:column;gap:var(--space-4)}}@media(prefers-reduced-motion:reduce){.typing-dots i{animation:none;opacity:.7}.processing-spinner,.illumination-glow{animation:none}.task-motion-state{transform:none}.button>.lucide-arrow-up-right,.button>.lucide-arrow-right{transform:none!important}}[data-keyboard=true] .tab-indicator,[data-keyboard=true] .state-icon svg,[data-keyboard=true] .task-motion-state,[data-keyboard=true] .illumination-layer,[data-keyboard=true] .button{transition:none!important}[data-keyboard=true] .button:active:not(:disabled){transform:none}.tabs-underline .tab-indicator{top:auto;height:var(--motion-lift);clip-path:inset(0 calc(100% - var(--active-tab-left, 0px) - var(--active-tab-width, 0px)) 0 var(--active-tab-left, 0px))}.motion-preference{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--secondary);color:var(--text);border-radius:var(--radius-control)}.motion-preference>div{flex:1}.motion-preference p{font-size:var(--text-sm);margin-top:var(--space-1)}@media(max-width:1023px){.motion-preference{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.motion-preference .button{white-space:normal;text-align:left}}@media(prefers-reduced-motion:reduce){[data-motion-preview=true] .typing-dots i{animation:thinking var(--duration-thinking) var(--ease-in-out) infinite!important}[data-motion-preview=true] .typing-dots i:nth-child(2){animation-delay:var(--motion-stagger)!important}[data-motion-preview=true] .typing-dots i:nth-child(3){animation-delay:calc(var(--motion-stagger) * 2)!important}[data-motion-preview=true] .processing-spinner{animation:spin var(--duration-spinner) linear infinite!important}[data-motion-preview=true] .task-motion-state .processing-spinner{animation-play-state:paused!important}[data-motion-preview=true] .task-motion-state[data-active=true] .processing-spinner{animation-play-state:running!important}[data-motion-preview=true] .illumination-layer[data-active=true] .illumination-glow{animation:drift var(--duration-drift) var(--ease-in-out) infinite alternate!important}[data-motion-preview=true] .illumination-layer{transition-duration:var(--duration-light)!important}[data-motion-preview=true] .tab-indicator,[data-motion-preview=true] .switch>span,[data-motion-preview=true] .state-icon svg,[data-motion-preview=true] .task-motion-state,[data-motion-preview=true] .popup,[data-motion-preview=true] .modal,[data-motion-preview=true] .backdrop{transition-duration:var(--duration-standard)!important}[data-motion-preview=true] .task-motion-state{transform:translateY(var(--motion-enter-offset)) scale(.97)}[data-motion-preview=true] .task-motion-state[data-active=true]{transform:none}[data-motion-preview=true] .button{transition-duration:var(--duration-micro)!important}[data-motion-preview=true] .button:active:not(:disabled){transform:scale(var(--press-scale))}}[data-keyboard=true] .tab-indicator,[data-keyboard=true] .state-icon svg,[data-keyboard=true] .task-motion-state,[data-keyboard=true] .illumination-layer,[data-keyboard=true] .button,[data-keyboard=true] .switch>span,[data-keyboard=true] .popup,[data-keyboard=true] .modal,[data-keyboard=true] .backdrop{transition:none!important}[data-keyboard=true] .button:active:not(:disabled){transform:none!important}.catalogue-recipe{margin-top:var(--space-8)}.catalogue-recipe>h3{font-size:var(--text-2xl);font-weight:300;line-height:1.15;margin:var(--space-4) 0 var(--space-6)}.catalogue-recipe>p{max-width:900px;color:var(--text-secondary)}.catalogue-recipe>a{display:inline-block;margin-top:var(--space-5);color:var(--text);text-underline-offset:4px}.recipe-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-block:var(--space-6)}.recipe-color-sample{padding:var(--space-6);border-radius:var(--radius-card);min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4)}.recipe-color-sample strong{font-size:var(--text-lg)}.recipe-color-sample span{font-size:var(--text-sm)}.recipe-code{margin-top:var(--space-5);border-top:1px solid var(--border);padding-top:var(--space-4)}.recipe-code>summary{cursor:pointer;font-size:var(--text-sm);font-weight:600;min-height:44px;display:flex;align-items:center}.recipe-code>pre{padding:var(--space-4);background:var(--surface-elevated);border-radius:var(--radius-field);font-size:var(--text-xs);line-height:1.6;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.recipe-reading{font-size:var(--text-md);line-height:1.5;max-width:650px}.recipe-material{position:relative;min-height:380px;padding:var(--space-8);background:var(--gradient-horizonte);border-radius:var(--radius-feature);overflow:hidden;display:flex;align-items:end}.recipe-material>img{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover}.recipe-material>.card{position:relative;z-index:1;max-width:440px;margin:0;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.recipe-material h4{font-weight:300;font-size:var(--text-2xl);line-height:1.15;margin:var(--space-4) 0}.recipe-material p{font-size:var(--text-sm);color:var(--text-secondary)}.recipe-material span{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);margin-top:var(--space-6)}.recipe-spacing{padding:var(--space-8);border:1px dashed var(--border-strong);border-radius:var(--radius-feature);background:var(--bg-soft);display:grid;gap:var(--space-4)}.recipe-spacing>span,.recipe-spacing>small{font-size:var(--text-xs);color:var(--text-secondary)}.recipe-spacing>article{padding:var(--space-8);display:grid;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.recipe-spacing>article>span{font-size:var(--text-xs);color:var(--text-secondary);border-top:1px dashed var(--border-strong);padding-top:var(--space-2)}.recipe-spacing>article>.button{justify-self:start}.recipe-button-states{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border)}.recipe-button-states h4{font-size:var(--text-lg);margin:0 0 var(--space-3)}.recipe-button-states>p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5)}.recipe-table-scroll{max-width:100%;overflow:auto}.recipe-table-scroll table{width:100%;min-width:620px;border-collapse:collapse;text-align:left}.recipe-table-scroll caption{text-align:left;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-4)}.recipe-table-scroll td,.recipe-table-scroll th{padding:var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-sm)}.recipe-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.recipe-form{display:grid;gap:var(--space-5);align-content:start}.recipe-form-status{min-height:44px;font-size:var(--text-sm);color:var(--text-secondary)}.recipe-form-guide{background:var(--bg-soft);padding:var(--space-6);border-radius:var(--radius-card);border:1px solid var(--border)}.recipe-form-guide h4{font-size:var(--text-xl);font-weight:300;line-height:1.2;margin:var(--space-6) 0}.recipe-form-guide ol{padding-left:20px;display:grid;gap:var(--space-3);font-size:var(--text-sm)}.recipe-form-guide p{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-6)}.component-spec[id]{scroll-margin-top:110px}.breadcrumbs a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:4px}.breadcrumbs a:hover{color:var(--text)}@media(max-width:850px){.recipe-color-grid,.recipe-form-layout{grid-template-columns:1fr}.recipe-material{padding:var(--space-5)}.recipe-material>img{width:100%}.recipe-material>.card{max-width:85%}.recipe-spacing{padding:var(--space-4)}.recipe-spacing>article{padding:var(--space-6)}}@media(max-width:767px){[data-sonner-toaster][data-y-position=bottom]{bottom:calc(86px + env(safe-area-inset-bottom))!important}}