@font-face{font-family:UI2 material-rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-rounded-usYgMO-4.woff2) format("woff2")}@font-face{font-family:UI2 material-outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-outlined-8hklVc34.woff2) format("woff2")}@font-face{font-family:UI2 material-sharp;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-sharp-B1hyJ9d1.woff2) format("woff2")}[data-kit=material-3][data-theme=light]{--field-radius:4px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--layout-inset:12px;--row-compact:36px;--row-comfortable:44px;--control-height-sm:40px;--control-height-md:48px;--control-height-lg:56px;--nest-step:28px;--inline-gap:8px;--radius-small:8px;--radius-control:24px;--radius-standard:16px;--radius-panel:24px;--radius-floating:16px;--radius-large:28px;--radius-round:999px;--nav-width:308px;--nav-min:272px;--nav-max:380px;--inspector-width:380px;--inspector-min:300px;--inspector-max:520px;--reading-width:760px;--container-width:1280px;--pane-header:54px;--workspace-header:62px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--icon-sm:18px;--icon-md:24px;--icon-lg:28px;--icon-display:40px;--preview-height:360px;--preview-phone:375px;--preview-tablet:768px;--preview-desktop:1200px;--chart-height:220px;--shadow-floating:0 8px 24px rgb(0 0 0 / .2);--shadow-panel:0 16px 48px rgb(0 0 0 / .25);--shadow-surface:0 2px 6px rgb(0 0 0 / .12);--layer-context:40;--layer-floating:60;--layer-modal:71;--shadow-contact:none;--shadow-control:none;--shadow-control-hover:none;--shadow-inset:none;--shadow-card-hover:0 4px 10px rgb(0 0 0 / .16);--surface-highlight:transparent;--control-hover-y:0px;--control-press-scale:1;--font-sans:Arial, system-ui, sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--type-display:clamp(48px, 5.8vw, 88px);--type-page:clamp(32px, 3.5vw, 45px);--type-object:28px;--type-section:clamp(20px, 2vw, 24px);--type-body:16px;--type-interface:14px;--type-small:14px;--type-meta:12px;--link-color:var(--accent);--leading-display:1.04;--leading-title:1.15;--leading-body:1.55;--leading-ui:1.2;--leading-meta:1.4;--tracking-display:-.025em;--tracking-title:-.015em;--tracking-body:0;--tracking-ui:-.005em;--tracking-label:.06em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--measure-prose:68ch;--measure-lead:52ch;--duration-instant:80ms;--duration-micro:.12s;--duration-short:.18s;--duration-medium:.24s;--duration-long:.3s;--duration-panel:.4s;--duration-reflow:.24s;--ease-settle:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.2,0,0,1);--ease-in:cubic-bezier(.3,0,1,1);--ease-in-out:cubic-bezier(.2,0,0,1);--app:#fef7ff;--sidebar:#f3edf7;--panel:#ffffff;--surface:#f3edf7;--surface-raised:#ece6f0;--control-fill:#e6e0e9;--hover:#e8def8;--selected:#eaddff;--selected-strong:#d0bcff;--border:#cac4d0;--border-soft:#e6e0e9;--border-strong:#79747e;--border-interactive:#79747e;--border-control:#79747e;--text:#1d1b20;--text-secondary:#49454f;--text-muted:#625b71;--text-disabled:#79747e;--text-inverse:#ffffff;--accent:#6750a4;--accent-hover:#4f378b;--accent-surface:#eaddff;--accent-ink:#ffffff;--accent-fill:#6750a4;--control-thumb:#ffffff;--danger:#b3261e;--warning:#775a00;--success:#286b3a;--info:#245e91;--favorite:#775a00;--scrim:rgb(0 0 0 / .32);--chart-1:var(--accent);--chart-2:var(--text-secondary);--chart-3:var(--success);--chart-4:var(--warning);--chart-5:var(--info);--positive:var(--success);--negative:var(--danger);--selection-overlay:var(--accent-surface)}[data-kit=material-3][data-theme=dark]{--field-radius:4px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--layout-inset:12px;--row-compact:36px;--row-comfortable:44px;--control-height-sm:40px;--control-height-md:48px;--control-height-lg:56px;--nest-step:28px;--inline-gap:8px;--radius-small:8px;--radius-control:24px;--radius-standard:16px;--radius-panel:24px;--radius-floating:16px;--radius-large:28px;--radius-round:999px;--nav-width:308px;--nav-min:272px;--nav-max:380px;--inspector-width:380px;--inspector-min:300px;--inspector-max:520px;--reading-width:760px;--container-width:1280px;--pane-header:54px;--workspace-header:62px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--icon-sm:18px;--icon-md:24px;--icon-lg:28px;--icon-display:40px;--preview-height:360px;--preview-phone:375px;--preview-tablet:768px;--preview-desktop:1200px;--chart-height:220px;--shadow-floating:0 8px 24px rgb(0 0 0 / .2);--shadow-panel:0 16px 48px rgb(0 0 0 / .25);--shadow-surface:0 2px 6px rgb(0 0 0 / .12);--layer-context:40;--layer-floating:60;--layer-modal:71;--shadow-contact:none;--shadow-control:none;--shadow-control-hover:none;--shadow-inset:none;--shadow-card-hover:0 4px 10px rgb(0 0 0 / .16);--surface-highlight:transparent;--control-hover-y:0px;--control-press-scale:1;--font-sans:Arial, system-ui, sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--type-display:clamp(48px, 5.8vw, 88px);--type-page:clamp(32px, 3.5vw, 45px);--type-object:28px;--type-section:clamp(20px, 2vw, 24px);--type-body:16px;--type-interface:14px;--type-small:14px;--type-meta:12px;--link-color:var(--accent);--leading-display:1.04;--leading-title:1.15;--leading-body:1.55;--leading-ui:1.2;--leading-meta:1.4;--tracking-display:-.025em;--tracking-title:-.015em;--tracking-body:0;--tracking-ui:-.005em;--tracking-label:.06em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--measure-prose:68ch;--measure-lead:52ch;--duration-instant:80ms;--duration-micro:.12s;--duration-short:.18s;--duration-medium:.24s;--duration-long:.3s;--duration-panel:.4s;--duration-reflow:.24s;--ease-settle:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.2,0,0,1);--ease-in:cubic-bezier(.3,0,1,1);--ease-in-out:cubic-bezier(.2,0,0,1);--app:#141218;--sidebar:#1d1b20;--panel:#1d1b20;--surface:#211f26;--surface-raised:#2b2930;--control-fill:#36343b;--hover:#36343b;--selected:#4f378b;--selected-strong:#625080;--border:#49454f;--border-soft:#36343b;--border-strong:#938f99;--border-interactive:#938f99;--border-control:#938f99;--text:#e6e0e9;--text-secondary:#cac4d0;--text-muted:#b7aebe;--text-disabled:#938f99;--text-inverse:#1d1b20;--accent:#d0bcff;--accent-hover:#eaddff;--accent-surface:#4f378b;--accent-ink:#381e72;--accent-fill:#d0bcff;--control-thumb:#381e72;--danger:#f2b8b5;--warning:#eac36d;--success:#a4d5a8;--info:#a7c8f0;--favorite:#eac36d;--scrim:rgb(0 0 0 / .55);--chart-1:var(--accent);--chart-2:var(--text-secondary);--chart-3:var(--success);--chart-4:var(--warning);--chart-5:var(--info);--positive:var(--success);--negative:var(--danger);--selection-overlay:var(--accent-surface)}[data-kit=material-3][data-theme=contrast]{--field-radius:4px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--layout-inset:12px;--row-compact:36px;--row-comfortable:44px;--control-height-sm:40px;--control-height-md:48px;--control-height-lg:56px;--nest-step:28px;--inline-gap:8px;--radius-small:8px;--radius-control:24px;--radius-standard:16px;--radius-panel:24px;--radius-floating:16px;--radius-large:28px;--radius-round:999px;--nav-width:308px;--nav-min:272px;--nav-max:380px;--inspector-width:380px;--inspector-min:300px;--inspector-max:520px;--reading-width:760px;--container-width:1280px;--pane-header:54px;--workspace-header:62px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--icon-sm:18px;--icon-md:24px;--icon-lg:28px;--icon-display:40px;--preview-height:360px;--preview-phone:375px;--preview-tablet:768px;--preview-desktop:1200px;--chart-height:220px;--shadow-floating:0 8px 24px rgb(0 0 0 / .2);--shadow-panel:0 16px 48px rgb(0 0 0 / .25);--shadow-surface:0 2px 6px rgb(0 0 0 / .12);--layer-context:40;--layer-floating:60;--layer-modal:71;--shadow-contact:none;--shadow-control:none;--shadow-control-hover:none;--shadow-inset:none;--shadow-card-hover:0 4px 10px rgb(0 0 0 / .16);--surface-highlight:transparent;--control-hover-y:0px;--control-press-scale:1;--font-sans:Arial, system-ui, sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--type-display:clamp(48px, 5.8vw, 88px);--type-page:clamp(32px, 3.5vw, 45px);--type-object:28px;--type-section:clamp(20px, 2vw, 24px);--type-body:16px;--type-interface:14px;--type-small:14px;--type-meta:12px;--link-color:var(--accent);--leading-display:1.04;--leading-title:1.15;--leading-body:1.55;--leading-ui:1.2;--leading-meta:1.4;--tracking-display:-.025em;--tracking-title:-.015em;--tracking-body:0;--tracking-ui:-.005em;--tracking-label:.06em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--measure-prose:68ch;--measure-lead:52ch;--duration-instant:80ms;--duration-micro:.12s;--duration-short:.18s;--duration-medium:.24s;--duration-long:.3s;--duration-panel:.4s;--duration-reflow:.24s;--ease-settle:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.2,0,0,1);--ease-in:cubic-bezier(.3,0,1,1);--ease-in-out:cubic-bezier(.2,0,0,1);--app:#000000;--sidebar:#000000;--panel:#000000;--surface:#141218;--surface-raised:#211f26;--control-fill:#36343b;--hover:#36343b;--selected:#4f378b;--selected-strong:#625080;--border:#ffffff;--border-soft:#cac4d0;--border-strong:#938f99;--border-interactive:#ffffff;--border-control:#ffffff;--text:#ffffff;--text-secondary:#ffffff;--text-muted:#e6e0e9;--text-disabled:#938f99;--text-inverse:#1d1b20;--accent:#ebddff;--accent-hover:#eaddff;--accent-surface:#4f378b;--accent-ink:#21005d;--accent-fill:#d0bcff;--control-thumb:#381e72;--danger:#f2b8b5;--warning:#eac36d;--success:#a4d5a8;--info:#a7c8f0;--favorite:#eac36d;--scrim:rgb(0 0 0 / .55);--chart-1:var(--accent);--chart-2:var(--text-secondary);--chart-3:var(--success);--chart-4:var(--warning);--chart-5:var(--info);--positive:var(--success);--negative:var(--danger);--selection-overlay:var(--accent-surface)}[data-kit=material-3][data-composition=workspace]{--type-display:clamp(28px, 2.4vw, 32px);--control-height-md:48px;--type-page:clamp(28px, 2.4vw, 32px);--type-object:16px;--type-section:20px;--type-body:16px;--type-interface:16px;--type-small:14px;--type-meta:14px;--leading-title:1.3;--leading-ui:1.4;--link-color:var(--accent);--tracking-title:-.015em;--tracking-body:0}[data-kit=material-3]{--m3-primary:#6750a4;--m3-on-primary:#fff;--m3-container:#eaddff;--m3-on-container:#21005d;--m3-surface:#fef7ff;--m3-surface-raised:#f3edf7;--m3-text:#1d1b20;--m3-secondary:#49454f;--m3-outline:#79747e;--m3-line:#cac4d0;--m3-gap:24px;color-scheme:light}[data-kit=material-3][data-theme=dark]{--m3-primary:#d0bcff;--m3-on-primary:#381e72;--m3-container:#4f378b;--m3-on-container:#eaddff;--m3-surface:#141218;--m3-surface-raised:#211f26;--m3-text:#e6e0e9;--m3-secondary:#cac4d0;--m3-outline:#938f99;--m3-line:#49454f;color-scheme:dark}[data-kit=material-3][data-theme=contrast]{--m3-primary:#ebddff;--m3-on-primary:#21005d;--m3-container:#382457;--m3-on-container:#fff;--m3-surface:#000;--m3-surface-raised:#000;--m3-text:#fff;--m3-secondary:#fff;--m3-outline:#fff;--m3-line:#fff;color-scheme:dark}.m3-root,.m3-layer{font-family:Arial,system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--m3-text);background:var(--m3-surface);text-align:start;overflow-wrap:anywhere}.m3-root{padding:24px;border-radius:24px;container-type:inline-size}.m3-root *,.m3-layer *{box-sizing:border-box}.m3-root a{color:var(--m3-primary);font-weight:600;text-decoration:underline;text-underline-offset:4px}.m3-stack{display:flex;flex-direction:column;gap:var(--m3-gap,24px);min-width:0}.m3-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.m3-between{justify-content:space-between}.m3-button{border:1px solid transparent;min-height:48px;padding:10px 24px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;position:relative;isolation:isolate;background:var(--m3-primary);color:var(--m3-on-primary);transition:transform .12s ease,background-color .18s ease;flex-shrink:0}.m3-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;pointer-events:none}.m3-button:hover:before{opacity:.08}.m3-button:active:before{opacity:.12}.m3-button:active{transform:scale(var(--m3-press,.98))}.m3-button:disabled{opacity:.5;cursor:not-allowed}.m3-tonal,.m3-button[aria-pressed=true]{background:var(--m3-container);color:var(--m3-on-container)}.m3-text,.m3-outlined{background:transparent;color:var(--m3-primary)}.m3-outlined{border-color:var(--m3-outline)}.m3-button:focus-visible,.m3-root :focus-visible,.m3-layer :focus-visible{outline:3px solid var(--m3-primary);outline-offset:3px}.m3-heading{font-size:24px;line-height:1.3;font-weight:500;margin:0}.m3-display{font-size:45px;line-height:1.13;letter-spacing:-1px;font-weight:500;max-width:20ch;margin:0}.m3-description{font-size:14px;color:var(--m3-secondary)}.m3-lead{font-size:18px;line-height:1.55;max-width:65ch}.m3-kicker{display:flex;align-items:center;gap:12px;color:var(--m3-primary);font-size:14px;font-weight:600}.m3-card{padding:24px;border-radius:16px;background:var(--m3-surface-raised);border:1px solid transparent;display:flex;flex-direction:column;gap:20px;min-width:0}.m3-pill{padding:6px 16px;border-radius:8px;background:var(--m3-container);color:var(--m3-on-container);width:fit-content;font-size:14px}.m3-field{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0;font-size:14px}.m3-field>input,.m3-field>textarea,.m3-field>select{width:100%;border:1px solid var(--m3-outline);border-radius:4px;min-height:56px;background:transparent;color:var(--m3-text);padding:12px 16px;resize:vertical}.m3-field>textarea{min-height:100px}.m3-check{display:inline-flex;gap:12px;align-items:center;min-height:48px}.m3-check input{width:20px;height:20px;accent-color:var(--m3-primary)}.m3-study-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.m3-orbit{position:relative;display:grid;place-items:center;min-height:260px;overflow:hidden;border-radius:100px 24px;background:var(--m3-container);color:var(--m3-on-container)}.m3-orbit>span:not([data-icon-role]){position:absolute;border:1px solid currentColor;width:180px;height:180px;border-radius:50%;opacity:.22}.m3-orbit>span:nth-child(2){transform:translate(-50px)}.m3-orbit>span:nth-child(3){transform:translate(50px)}.m3-orbit>[data-icon-role]{transform:scale(2)}.m3-metrics,.m3-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.m3-number{font-size:32px;line-height:1.2;overflow-wrap:anywhere;font-weight:500}.m3-workspace{display:grid;grid-template-columns:156px minmax(0,1fr);gap:24px}.m3-rail{display:flex;flex-direction:column;gap:12px;padding:12px 0}.m3-rail .m3-button{padding:12px;justify-content:flex-start;text-align:start}.m3-brand{color:var(--m3-primary);padding:16px}.m3-avatar{display:grid;place-items:center;background:var(--m3-container);color:var(--m3-on-container);border-radius:50%;width:48px;height:48px}.m3-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.m3-projects .m3-button{justify-content:flex-start;text-align:start;padding:8px 0;font-size:20px}.m3-veil{position:fixed;inset:0;z-index:80;background:#00000052}.m3-layer{position:fixed;z-index:81;inset:50% auto auto 50%;translate:-50% -50%;width:520px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border-radius:28px;box-shadow:0 12px 36px #0003;display:flex;flex-direction:column;gap:24px;background:var(--m3-surface-raised)}.m3-drawer{inset:0 0 0 auto;translate:none;width:400px;max-height:100dvh;border-radius:16px 0 0 16px}.m3-actions{display:flex;gap:12px;flex-wrap:wrap;position:sticky;bottom:0;padding-block:12px;background:var(--m3-surface-raised)}.m3-article{max-width:68ch;display:flex;flex-direction:column;gap:24px;margin:auto;font-size:18px;line-height:1.75}.m3-content-visual{display:grid;place-items:center;background:var(--m3-container);color:var(--m3-on-container);min-height:160px;border-radius:16px}.m3-chat{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px}.m3-chat-nav{display:flex;flex-direction:column;gap:8px}.m3-chat-nav .m3-button{justify-content:flex-start;text-align:start;padding-inline:12px}.m3-chat-log{max-height:480px;min-height:250px;overflow:auto;display:flex;flex-direction:column;gap:20px;overscroll-behavior:contain}.m3-chat-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:32px}.m3-message{padding:16px 20px;max-width:92%;border-radius:20px;background:var(--m3-surface-raised);white-space:pre-wrap}.m3-message-user{align-self:flex-end;background:var(--m3-container);color:var(--m3-on-container)}.m3-message .m3-button{min-height:40px;padding:4px 12px}.m3-composer{padding:16px;background:var(--m3-surface-raised);border-radius:24px;display:flex;flex-direction:column;gap:12px}.m3-attachment{font-size:14px;max-width:180px;overflow:hidden}.m3-attachment input{width:100%;display:block}.m3-root [data-design-selected=true]{outline:2px solid var(--m3-primary);outline-offset:4px}@container (max-width:680px){.m3-study-grid,.m3-workspace,.m3-chat{grid-template-columns:1fr}.m3-orbit{min-height:180px}.m3-metrics,.m3-projects{grid-template-columns:1fr}.m3-rail,.m3-chat-nav{flex-direction:row;flex-wrap:wrap}.m3-rail .m3-button{flex:1;justify-content:center;min-width:110px}.m3-brand{display:none}.m3-display{font-size:32px}.m3-root{padding:16px}}[data-kit=material-3][data-density=compact] .m3-card{padding:16px}[data-kit=material-3][data-motion=reduced] .m3-button{transition:none;transform:none}@media(prefers-reduced-motion:reduce){.m3-button{transition:none!important;transform:none!important}}@media(forced-colors:active){.m3-card,.m3-button,.m3-layer{border:1px solid CanvasText}.m3-button[aria-pressed=true]{outline:2px solid Highlight}.m3-orbit{display:none}}.m3-timeline{position:relative;min-height:300px;overflow:hidden;border:1px solid var(--m3-outline);border-radius:16px;background:var(--m3-surface);color:var(--m3-text)}.m3-timeline-veil{position:absolute;inset:0;background:#000}.m3-timeline-layer{position:relative;padding:24px;background:var(--m3-surface-raised);max-width:90%;display:flex;flex-direction:column;gap:24px}.m3-timeline-drawer{margin-left:auto;min-height:300px}.m3-timeline-dialog{margin:36px auto}.m3-button:before{transition:opacity .16s ease}@media(prefers-reduced-motion:reduce){.m3-button:before{transition:none}}.m3-workspace form>.m3-field{flex-basis:200px}[data-kit=material-3][data-motion=reduced] .m3-button:before{transition:none}.m3-select-trigger{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--m3-outline);border-radius:4px;background:var(--m3-surface);color:var(--m3-text);font:inherit;text-align:start}.m3-select-popup{z-index:100;min-width:var(--radix-select-trigger-width);max-width:calc(100vw - 24px);max-height:var(--radix-select-content-available-height);overflow:auto;padding:7px;border:1px solid var(--m3-outline);border-radius:16px;background:var(--m3-surface-raised);color:var(--m3-text);box-shadow:0 8px 24px #0003}.m3-select-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 16px;border-radius:8px;font-size:16px;outline:none;cursor:pointer}.m3-select-option[data-highlighted]{background:var(--m3-container);color:var(--m3-on-container)}.m3-select-trigger:focus-visible{outline:3px solid var(--m3-primary);outline-offset:3px}@media(forced-colors:active){.m3-select-trigger,.m3-select-popup{border-color:CanvasText}.m3-select-option[data-highlighted]{outline:2px solid Highlight}}[data-kit=apple-inspired][data-theme=light]{--field-radius:10px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--layout-inset:12px;--row-compact:36px;--row-comfortable:44px;--control-height-sm:36px;--control-height-md:44px;--control-height-lg:50px;--nest-step:28px;--inline-gap:8px;--radius-small:8px;--radius-control:10px;--radius-standard:20px;--radius-panel:24px;--radius-floating:20px;--radius-large:28px;--radius-round:999px;--nav-width:308px;--nav-min:272px;--nav-max:380px;--inspector-width:380px;--inspector-min:300px;--inspector-max:520px;--reading-width:760px;--container-width:1280px;--pane-header:54px;--workspace-header:62px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-display:40px;--preview-height:360px;--preview-phone:375px;--preview-tablet:768px;--preview-desktop:1200px;--chart-height:220px;--shadow-floating:0 2px 6px rgb(20 25 35 / .08), 0 18px 50px -12px rgb(20 25 35 / .2);--shadow-panel:0 4px 12px rgb(20 25 35 / .08), 0 32px 90px -18px rgb(20 25 35 / .24);--shadow-surface:0 2px 4px rgb(20 25 35 / .025), 0 18px 40px -22px rgb(20 25 35 / .18);--layer-context:40;--layer-floating:60;--layer-modal:71;--shadow-contact:0 1px 2px rgb(20 25 35 / .08);--shadow-control:inset 0 1px 0 rgb(255 255 255 / .65), 0 1px 2px rgb(20 25 35 / .07);--shadow-control-hover:0 3px 8px rgb(20 25 35 / .12);--shadow-inset:inset 0 1px 2px rgb(20 25 35 / .045);--shadow-card-hover:0 8px 20px rgb(20 25 35 / .07), 0 24px 54px -20px rgb(20 25 35 / .16);--surface-highlight:rgb(255 255 255 / .4);--control-hover-y:-1px;--control-press-scale:.975;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--type-display:clamp(40px, 6vw, 76px);--type-page:clamp(30px, 4vw, 48px);--type-object:28px;--type-section:22px;--type-body:16px;--type-interface:15px;--type-small:14px;--type-meta:12px;--link-color:var(--accent);--leading-display:1.04;--leading-title:1.15;--leading-body:1.55;--leading-ui:1.2;--leading-meta:1.4;--tracking-display:-.055em;--tracking-title:-.035em;--tracking-body:-.01em;--tracking-ui:-.005em;--tracking-label:.1em;--weight-regular:400;--weight-medium:600;--weight-semibold:600;--measure-prose:68ch;--measure-lead:52ch;--duration-instant:80ms;--duration-micro:.12s;--duration-short:.18s;--duration-medium:.24s;--duration-long:.3s;--duration-panel:.36s;--duration-reflow:.26s;--ease-settle:cubic-bezier(.22,1,.36,1);--ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--app:#f5f5f7;--sidebar:#ededf0;--panel:#ffffff;--surface:#ffffff;--surface-raised:#ffffff;--control-fill:#e9e9ed;--hover:#dfdfe5;--selected:#d9eafa;--selected-strong:#b9d8f5;--border:#d5d5dc;--border-soft:#e5e5ea;--border-strong:#8e8e98;--border-control:#c5c5ce;--border-interactive:#73737d;--text:#1d1d1f;--text-secondary:#515158;--text-muted:#65656d;--text-disabled:#8e8e98;--text-inverse:#ffffff;--accent:#0066cc;--accent-hover:#0055aa;--accent-surface:#e4effc;--accent-ink:#ffffff;--accent-fill:#0066cc;--control-thumb:#ffffff;--danger:#b82129;--warning:#805900;--success:#237a42;--info:#0066cc;--favorite:#805900;--scrim:rgb(15 18 25 / .3);--chart-1:var(--accent);--chart-2:#7654aa;--chart-3:var(--success);--chart-4:var(--warning);--chart-5:#a84469;--positive:var(--success);--negative:var(--danger);--selection-overlay:var(--accent-surface)}[data-kit=apple-inspired][data-theme=dark]{--field-radius:10px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--layout-inset:12px;--row-compact:36px;--row-comfortable:44px;--control-height-sm:36px;--control-height-md:44px;--control-height-lg:50px;--nest-step:28px;--inline-gap:8px;--radius-small:8px;--radius-control:10px;--radius-standard:20px;--radius-panel:24px;--radius-floating:20px;--radius-large:28px;--radius-round:999px;--nav-width:308px;--nav-min:272px;--nav-max:380px;--inspector-width:380px;--inspector-min:300px;--inspector-max:520px;--reading-width:760px;--container-width:1280px;--pane-header:54px;--workspace-header:62px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-display:40px;--preview-height:360px;--preview-phone:375px;--preview-tablet:768px;--preview-desktop:1200px;--chart-height:220px;--shadow-floating:0 3px 8px rgb(0 0 0 / .25), 0 24px 64px -14px rgb(0 0 0 / .65);--shadow-panel:0 4px 16px rgb(0 0 0 / .3), 0 32px 90px -16px rgb(0 0 0 / .7);--shadow-surface:0 2px 6px rgb(0 0 0 / .14), 0 18px 40px -22px rgb(0 0 0 / .5);--layer-context:40;--layer-floating:60;--layer-modal:71;--shadow-contact:0 1px 3px rgb(0 0 0 / .25);--shadow-control:inset 0 1px 0 rgb(255 255 255 / .05), 0 1px 3px rgb(0 0 0 / .2);--shadow-control-hover:0 3px 8px rgb(0 0 0 / .3);--shadow-inset:inset 0 1px 2px rgb(0 0 0 / .18);--shadow-card-hover:0 8px 24px rgb(0 0 0 / .3);--surface-highlight:rgb(255 255 255 / .04);--control-hover-y:-1px;--control-press-scale:.975;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--type-display:clamp(40px, 6vw, 76px);--type-page:clamp(30px, 4vw, 48px);--type-object:28px;--type-section:22px;--type-body:16px;--type-interface:15px;--type-small:14px;--type-meta:12px;--link-color:var(--accent);--leading-display:1.04;--leading-title:1.15;--leading-body:1.55;--leading-ui:1.2;--leading-meta:1.4;--tracking-display:-.055em;--tracking-title:-.035em;--tracking-body:-.01em;--tracking-ui:-.005em;--tracking-label:.1em;--weight-regular:400;--weight-medium:600;--weight-semibold:600;--measure-prose:68ch;--measure-lead:52ch;--duration-instant:80ms;--duration-micro:.12s;--duration-short:.18s;--duration-medium:.24s;--duration-long:.3s;--duration-panel:.36s;--duration-reflow:.26s;--ease-settle:cubic-bezier(.22,1,.36,1);--ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--app:#101114;--sidebar:#17181d;--panel:#202126;--surface:#24252b;--surface-raised:#303138;--control-fill:#32333b;--hover:#3c3e47;--selected:#163d66;--selected-strong:#245481;--border:#41424c;--border-soft:#31323a;--border-strong:#858793;--border-control:#131419;--border-interactive:#a1a3af;--text:#f5f5f7;--text-secondary:#c3c4cd;--text-muted:#a5a6b1;--text-disabled:#777985;--text-inverse:#15161a;--accent:#78baff;--accent-hover:#a3d0ff;--accent-surface:#173551;--accent-ink:#0d2035;--accent-fill:#258bf0;--control-thumb:#ffffff;--danger:#ff9399;--warning:#e8c577;--success:#7edaa0;--info:#78baff;--favorite:#e8c577;--scrim:rgb(0 0 0 / .58);--chart-1:var(--accent);--chart-2:#bca1ef;--chart-3:var(--success);--chart-4:var(--warning);--chart-5:#eea0bc;--positive:var(--success);--negative:var(--danger);--selection-overlay:var(--accent-surface)}[data-kit=apple-inspired][data-theme=contrast]{--field-radius:10px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--layout-inset:12px;--row-compact:36px;--row-comfortable:44px;--control-height-sm:36px;--control-height-md:44px;--control-height-lg:50px;--nest-step:28px;--inline-gap:8px;--radius-small:8px;--radius-control:10px;--radius-standard:20px;--radius-panel:24px;--radius-floating:20px;--radius-large:28px;--radius-round:999px;--nav-width:308px;--nav-min:272px;--nav-max:380px;--inspector-width:380px;--inspector-min:300px;--inspector-max:520px;--reading-width:760px;--container-width:1280px;--pane-header:54px;--workspace-header:62px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-display:40px;--preview-height:360px;--preview-phone:375px;--preview-tablet:768px;--preview-desktop:1200px;--chart-height:220px;--shadow-floating:none;--shadow-panel:none;--shadow-surface:none;--layer-context:40;--layer-floating:60;--layer-modal:71;--shadow-contact:none;--shadow-control:none;--shadow-control-hover:none;--shadow-inset:none;--shadow-card-hover:none;--surface-highlight:transparent;--control-hover-y:-1px;--control-press-scale:.975;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--type-display:clamp(40px, 6vw, 76px);--type-page:clamp(30px, 4vw, 48px);--type-object:28px;--type-section:22px;--type-body:16px;--type-interface:15px;--type-small:14px;--type-meta:12px;--link-color:var(--accent);--leading-display:1.04;--leading-title:1.15;--leading-body:1.55;--leading-ui:1.2;--leading-meta:1.4;--tracking-display:-.055em;--tracking-title:-.035em;--tracking-body:-.01em;--tracking-ui:-.005em;--tracking-label:.1em;--weight-regular:400;--weight-medium:600;--weight-semibold:600;--measure-prose:68ch;--measure-lead:52ch;--duration-instant:80ms;--duration-micro:.12s;--duration-short:.18s;--duration-medium:.24s;--duration-long:.3s;--duration-panel:.36s;--duration-reflow:.26s;--ease-settle:cubic-bezier(.22,1,.36,1);--ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--app:#000000;--sidebar:#000000;--panel:#101010;--surface:#101010;--surface-raised:#171717;--control-fill:#171717;--hover:#303030;--selected:#173b5c;--selected-strong:#245481;--border:#ffffff;--border-soft:#bdbdbd;--border-strong:#ffffff;--border-control:#ffffff;--border-interactive:#ffffff;--text:#ffffff;--text-secondary:#ffffff;--text-muted:#eeeeee;--text-disabled:#777985;--text-inverse:#15161a;--accent:#9fd2ff;--accent-hover:#a3d0ff;--accent-surface:#173551;--accent-ink:#001a30;--accent-fill:#258bf0;--control-thumb:#ffffff;--danger:#ff9399;--warning:#e8c577;--success:#7edaa0;--info:#78baff;--favorite:#e8c577;--scrim:rgb(0 0 0 / .58);--chart-1:var(--accent);--chart-2:#bca1ef;--chart-3:var(--success);--chart-4:var(--warning);--chart-5:#eea0bc;--positive:var(--success);--negative:var(--danger);--selection-overlay:var(--accent-surface)}[data-kit=apple-inspired][data-composition=workspace]{--type-display:clamp(28px, 2.4vw, 32px);--control-height-md:44px;--type-page:clamp(28px, 2.4vw, 32px);--type-object:16px;--type-section:20px;--type-body:16px;--type-interface:16px;--type-small:14px;--type-meta:14px;--leading-title:1.25;--leading-ui:1.4;--link-color:var(--accent);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--weight-medium:600;--tracking-title:-.03em;--tracking-body:-.01em}[data-kit=apple-inspired]{color:var(--text);font-family:var(--font-sans)}.qo-dialog[data-kit=apple-inspired],.qo-popover[data-kit=apple-inspired],.qo-menu[data-kit=apple-inspired]{background-color:var(--surface-raised);background-image:linear-gradient(var(--surface-highlight),transparent 100px)}@supports (backdrop-filter:blur(20px)){.qo-dialog[data-kit=apple-inspired]:not([data-theme=contrast]),.qo-popover[data-kit=apple-inspired]:not([data-theme=contrast]),.qo-menu[data-kit=apple-inspired]:not([data-theme=contrast]){background-color:color-mix(in srgb,var(--surface-raised) 96%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2)}}.ap-root{padding:clamp(16px,3vw,40px);container-type:inline-size;color:var(--text);font-family:var(--font-sans)}.ap-root .ap-root{padding:0}.ap-focus{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-48);align-items:center;padding-block:var(--space-32)}.ap-focus-copy{display:grid;gap:var(--space-24)}.ap-focus-copy>.qo-heading{max-width:13ch;font-size:var(--type-display);font-weight:600;letter-spacing:var(--tracking-display);line-height:1.05}.ap-focus-copy>.qo-text{max-width:42ch;color:var(--text-secondary);font-size:var(--type-body);line-height:1.6}.ap-focus .qo-inline{gap:var(--space-12)}.ap-object{--ap-object-inset:var(--space-32);position:relative;display:grid;align-items:center;min-height:360px;padding:var(--ap-object-inset);background:linear-gradient(145deg,var(--accent-surface),var(--app) 75%);border-radius:calc(var(--radius-standard) + var(--ap-object-inset) + 1px);border:1px solid var(--border-soft)}.ap-object-card{display:grid;gap:var(--space-20);padding:var(--space-24);border:1px solid var(--border-soft);border-radius:var(--radius-standard);background:var(--surface);box-shadow:var(--shadow-floating)}.ap-object-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--accent-surface);color:var(--accent)}.ap-object-card .qo-description-list{margin:0}.ap-object-card>.qo-button{justify-self:start}.ap-collection{display:grid;gap:var(--space-24);padding-block:var(--space-32)}.ap-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-20)}.ap-collection-card{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-24);border-radius:var(--radius-standard);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-surface)}.ap-collection-card .qo-heading{font-size:var(--type-section)}.ap-collection-card>.qo-button{margin-top:auto;align-self:flex-start}.ap-collection-card>.qo-text{color:var(--text-secondary)}.ap-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-20);padding-block:var(--space-24)}.ap-article{max-width:760px;margin-inline:auto;display:grid;gap:var(--space-24);padding-block:var(--space-32)}.ap-article>.qo-heading{font-size:var(--type-page);letter-spacing:var(--tracking-title);line-height:1.1}.ap-article>.qo-text{line-height:1.7}.ap-profile{max-width:640px}.ap-form,.ap-navigation{display:grid;gap:var(--space-24)}.ap-navigation-content{min-height:200px}.ap-root .qo-chat-demo{border-radius:var(--radius-panel)}@container (max-width:800px){.ap-focus{grid-template-columns:minmax(0,1fr);gap:var(--space-24)}.ap-focus-copy>.qo-heading{max-width:18ch;font-size:clamp(36px,8cqi,56px)}.ap-object{min-height:280px}.ap-collection-grid,.ap-metrics{grid-template-columns:minmax(0,1fr)}}@container (max-width:440px){.ap-focus,.ap-collection{padding-block:var(--space-16)}.ap-object{--ap-object-inset:var(--space-16)}.ap-object-card{padding:var(--space-20)}.ap-focus-copy .qo-inline{flex-wrap:wrap}}@media(prefers-reduced-transparency:reduce){.qo-dialog[data-kit=apple-inspired],.qo-menu[data-kit=apple-inspired],.qo-popover[data-kit=apple-inspired]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--surface-raised)}}@media(forced-colors:active){.ap-object,.ap-object-card,.ap-collection-card{background:Canvas;border:1px solid CanvasText;box-shadow:none}.ap-object-icon{background:Canvas;color:CanvasText}.qo-dialog[data-kit=apple-inspired],.qo-menu[data-kit=apple-inspired],.qo-popover[data-kit=apple-inspired]{-webkit-backdrop-filter:none;backdrop-filter:none;background:Canvas}}.qo-reference-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-16);margin-block:var(--space-24)}.qo-reference-toolbar>*{flex:1;min-width:min(100%,220px)}.qo-reference-drop{border:1px dashed var(--border-interactive);border-radius:var(--radius-control);padding:var(--space-20);margin-block:var(--space-24);color:var(--text-secondary)}.qo-reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-24)}.qo-reference-card{min-width:0;overflow-wrap:anywhere;border:1px solid var(--border-soft);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-surface);padding:var(--space-8)}.qo-button.qo-reference-open{display:block;width:100%;border:0;padding:0;background:var(--app);color:var(--text);border-radius:max(0px,calc(var(--radius-panel) - var(--space-8) - 1px));cursor:pointer;overflow:hidden}.qo-reference-open:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.qo-reference-thumb{height:220px;display:grid;place-items:center;overflow:hidden}.qo-reference-thumb .qo-reference-image{height:100%;width:100%}.qo-reference-thumb img{height:100%;width:100%;object-fit:contain}.qo-reference-card-body{padding:var(--space-16);display:grid;gap:var(--space-12)}.qo-reference-card-body>.qo-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qo-reference-image{position:relative;max-width:100%;line-height:0}.qo-reference-image img{display:block;max-width:100%;width:100%;height:auto}.qo-reference-region{position:absolute;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none}.qo-reference-region b{display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);line-height:1;font-size:var(--type-small);width:24px;height:24px}.qo-reference-image.is-annotating{touch-action:none;cursor:crosshair}.qo-reference-editor{display:grid;gap:var(--space-32)}.qo-reference-editor video,.qo-reference-direction-item video,.qo-reference-board video{width:100%;max-height:440px}.qo-reference-stage{display:grid;gap:var(--space-16)}.qo-reference-coordinates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.qo-reference-link{display:grid;place-items:center;text-align:center;gap:var(--space-12);padding:var(--space-24)}.qo-reference-picker{display:grid;max-height:380px;overflow:auto;gap:var(--space-8)}.qo-reference-choice{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12);border-bottom:1px solid var(--border-soft);cursor:pointer}.qo-reference-choice>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.qo-reference-choice strong,.qo-reference-choice small{display:block}.qo-reference-choice small{color:var(--text-secondary);margin-top:var(--space-4)}.qo-reference-choice-image{display:grid;place-items:center;flex:0 0 64px;height:56px;overflow:hidden;border-radius:var(--radius-small);background:var(--app)}.qo-reference-choice-image img{max-height:56px;object-fit:contain}.qo-reference-choice-image .qo-reference-region{display:none}.qo-reference-direction-item{border-bottom:1px solid var(--border-soft);padding-bottom:var(--space-20)}.qo-reference-direction-item summary{padding-block:var(--space-12);cursor:pointer;font-weight:var(--weight-medium)}.qo-reference-direction-item>.qo-stack>.qo-reference-image{max-height:260px;overflow:auto}.qo-reference-board{display:grid;align-content:start;gap:var(--space-24);padding:var(--space-20);background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius-panel);min-width:0;max-height:80vh;overflow:auto}.qo-reference-board article{display:grid;gap:var(--space-8);overflow-wrap:anywhere}.qo-reference-board img{height:auto}.qo-reference-thumb .qo-reference-region{display:none}.qo-reference-brief{white-space:pre-wrap}.qo-reference-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,30%);gap:var(--space-16);align-items:start}.qo-reference-comparison>*{min-width:0}@media(max-width:1000px){.qo-reference-comparison{grid-template-columns:minmax(0,1fr)}.qo-reference-board{max-height:none}}@media(forced-colors:active){.qo-reference-card,.qo-reference-board,.qo-reference-region{border-color:CanvasText;box-shadow:none}.qo-reference-region{background:transparent}}.qo-reference-stage-media{max-height:60vh;overflow:auto;border-radius:var(--radius-control);background:var(--app)}@media(min-width:900px){.qo-reference-editor{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.qo-reference-stage{position:sticky;top:0}}.qo-reference-thumb .qo-reference-image img{height:100%;object-fit:contain}.qo-reference-card-body>.qo-inline:first-child>.qo-heading{flex:1;min-width:0}.qo-reference-card-body .qo-choice-row{flex-shrink:0}.qo-studio-workspace.qo-studio-reference-review .qo-studio-workbench{grid-template-columns:180px minmax(0,1fr)}.qo-studio-reference-review .qo-studio-inspector-desktop{display:none}.qo-studio-reference-review .qo-studio-inspector-toggle{display:inline-flex}@media(max-width:900px){.qo-studio-workspace.qo-studio-reference-review .qo-studio-workbench{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.qo-reference-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}.qo-reference-toolbar>*{min-width:0;width:100%}}*{box-sizing:border-box}html{background:var(--app);color:var(--text);font-family:var(--font-sans);font-size:var(--type-body);line-height:var(--leading-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;color:var(--text-disabled)}a{color:inherit;text-decoration:none}button,input,textarea,select{min-width:0}h1,h2,h3,h4,p,figure,pre,ol,ul{margin:0}h1,h2,h3,h4{font-weight:var(--weight-medium)}img,video,svg{max-width:100%}::selection{background:var(--selected-strong);color:var(--text)}:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}[tabindex="-1"]:focus{outline:none}.qo-sr-only,.qo-choice-row:has(.qo-sr-label)>label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.qo-skip-link{position:fixed;top:var(--space-8);left:var(--space-8);z-index:100;background:var(--accent);color:var(--accent-ink);padding:var(--space-12);transform:translateY(-200%)}.qo-skip-link:focus{transform:none}.qo-stack{display:flex;flex-direction:column;min-width:0}.qo-inline{display:flex;align-items:center;min-width:0}.qo-wrap{flex-wrap:wrap}.qo-justify-between{justify-content:space-between}.qo-justify-end{justify-content:flex-end}.qo-justify-center{justify-content:center}.qo-grid{display:grid;min-width:0}.qo-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.qo-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.qo-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.qo-container{width:100%;margin-inline:auto;min-width:0}.qo-container-wide{max-width:var(--container-width);padding:var(--space-40) var(--space-48)}.qo-container-prose{max-width:var(--reading-width);padding:var(--space-48) var(--space-24)}.qo-container-narrow{max-width:var(--reading-width);padding:var(--space-32)}.qo-container-full{padding:var(--space-24)}.qo-section{display:flex;flex-direction:column;gap:var(--space-24);padding-block:var(--space-32);border-top:var(--border-width) solid var(--border-soft)}.qo-surface{border:var(--border-width) solid var(--border);border-radius:var(--radius-standard);min-width:0;container-type:inline-size}.qo-tone-panel{background:var(--panel)}.qo-tone-surface{background:var(--surface)}.qo-tone-raised{background:var(--surface-raised);--text-muted:var(--text-secondary)}.qo-tone-app{background:var(--app)}.qo-divider{border:0;border-top:var(--border-width) solid var(--border-soft);margin:0}.qo-center{display:grid;place-items:center;min-height:var(--preview-height);text-align:center;padding:var(--space-24)}.qo-scroll{overflow:auto;min-width:0}.qo-heading{color:var(--text);overflow-wrap:anywhere}.qo-type-display{font-size:var(--type-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--weight-medium)}.qo-type-page{font-size:var(--type-page);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.qo-type-object{font-size:var(--type-object);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.qo-type-section{font-size:var(--type-section);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.qo-type-ui{font-size:var(--type-body);line-height:var(--leading-ui);font-weight:var(--weight-medium)}.qo-type-body{font-size:var(--type-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}.qo-type-interface{font-size:var(--type-interface);line-height:var(--leading-ui)}.qo-type-small{font-size:var(--type-small);line-height:var(--leading-meta)}.qo-type-meta{font-size:var(--type-meta);line-height:var(--leading-meta)}.qo-text{overflow-wrap:anywhere}.qo-text-default{color:var(--text)}.qo-text-secondary{color:var(--text-secondary)}.qo-text-muted{color:var(--text-muted)}.qo-text-accent{color:var(--accent)}.qo-text-success{color:var(--success)}.qo-text-danger{color:var(--danger)}.qo-eyebrow{color:var(--text-muted);font-size:var(--type-meta);letter-spacing:var(--tracking-label);font-weight:var(--weight-medium);text-transform:uppercase;line-height:var(--leading-meta)}.qo-prose{overflow-wrap:anywhere;max-width:var(--measure-prose);font-size:var(--type-body);line-height:1.65}.qo-prose>*+*{margin-top:var(--space-24)}.qo-prose h2{font-size:var(--type-section);letter-spacing:var(--tracking-title);margin-top:var(--space-48)}.qo-prose p{color:var(--text-secondary)}.qo-prose a{color:var(--accent);text-decoration:underline}.qo-prose blockquote{border-left:var(--focus-width) solid var(--accent);padding-left:var(--space-24);margin-inline:0;color:var(--text);font-size:var(--type-section)}.qo-prose code{font-family:var(--font-mono);background:var(--surface);border-radius:var(--radius-small);padding:var(--space-4) var(--space-6);font-size:var(--type-interface)}.qo-serif{font-family:var(--font-serif)}.qo-kbd{font-family:var(--font-mono);font-size:var(--type-meta);line-height:var(--leading-ui);color:var(--text-secondary);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--space-4);padding:var(--space-4) var(--space-6);white-space:nowrap}.qo-icon{display:block;flex-shrink:0;vertical-align:middle}.qo-icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.qo-icon-md{width:var(--icon-md);height:var(--icon-md)}.qo-icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.qo-icon-display{width:var(--icon-display);height:var(--icon-display)}.qo-mark{width:var(--space-32);height:var(--space-40);flex-shrink:0}.qo-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--inline-gap);border:var(--border-width) solid transparent;border-radius:var(--radius-control);font-size:var(--type-interface);font-weight:var(--weight-medium);line-height:var(--leading-ui);white-space:nowrap;padding-inline:var(--space-12);transition:background var(--duration-micro) var(--ease-out),border-color var(--duration-micro) var(--ease-out);flex-shrink:0;max-width:100%;text-decoration:none}.qo-button span:empty{display:none}.qo-button:active:not(:disabled){filter:brightness(.91)}.qo-control-sm{min-height:var(--control-height-sm)}.qo-control-md{min-height:var(--control-height-md)}.qo-control-lg{min-height:var(--control-height-lg);padding-inline:var(--space-20)}.qo-button-secondary{background:var(--control-fill);border-color:var(--border);color:var(--text)}.qo-button-secondary:hover:not(:disabled){background:var(--selected)}.qo-button-primary{background:var(--accent);color:var(--accent-ink)}.qo-button-primary:hover:not(:disabled){background:var(--accent-hover)}.qo-button-ghost{background:transparent;color:var(--text-secondary)}.qo-button-ghost:hover:not(:disabled){background:var(--hover);color:var(--text)}.qo-button-outline{background:transparent;border-color:var(--border);color:var(--text-secondary)}.qo-button-outline:hover:not(:disabled){background:var(--hover)}.qo-button-danger{background:var(--danger);color:var(--accent-ink)}.qo-button:disabled{background:var(--surface);border-color:var(--border-soft);color:var(--text-disabled)}.qo-button[data-state=on]{background:var(--accent-surface);color:var(--accent);border-color:var(--accent)}.qo-icon-button{aspect-ratio:1;padding:var(--space-8)}.qo-link{color:var(--link-color);font-size:inherit;text-underline-offset:var(--space-4)}.qo-link:hover{text-decoration:underline}.qo-button-group{display:inline-flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.qo-badge,.qo-tag{display:inline-flex;align-items:center;gap:var(--space-6);line-height:var(--leading-ui);font-size:var(--type-meta);padding:var(--space-4) var(--space-8);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);white-space:nowrap;max-width:100%}.qo-badge-neutral,.qo-tag{background:var(--surface);color:var(--text-secondary)}.qo-badge-accent{background:var(--accent-surface);color:var(--accent);border-color:transparent}.qo-badge-success{color:var(--success)}.qo-badge-danger{color:var(--danger)}.qo-badge-warning{color:var(--warning)}.qo-badge-info{color:var(--info)}.qo-status{display:inline-flex;align-items:center;gap:var(--space-8);font-size:var(--type-small);line-height:var(--leading-ui)}.qo-status-dot{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-round);background:currentColor;flex-shrink:0}.qo-status.qo-text-neutral{color:var(--text-muted)}.qo-status.qo-text-warning{color:var(--warning)}.qo-avatar{border-radius:var(--radius-round);display:inline-flex;align-items:center;justify-content:center;background:var(--selected);color:var(--text-secondary);font-size:var(--type-meta);line-height:var(--leading-ui);font-weight:var(--weight-medium);overflow:hidden;flex-shrink:0;border:var(--border-width) solid var(--border)}.qo-avatar-sm{width:var(--space-28);height:var(--space-28)}.qo-avatar-md{width:var(--space-36,var(--row-compact));height:var(--row-compact)}.qo-avatar-lg{width:var(--space-48);height:var(--space-48)}.qo-avatar img{width:100%;height:100%;object-fit:cover}.qo-avatar-group{display:flex}.qo-avatar-group>*+*{margin-left:calc(-1 * var(--space-6))}.qo-field{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.qo-label{font-size:var(--type-interface);line-height:var(--leading-ui);color:var(--text);font-weight:var(--weight-medium)}.qo-input{--field-corner:var(--field-radius,var(--radius-control));width:100%;height:var(--control-height-lg);border:var(--border-width) solid var(--border-control);box-shadow:var(--shadow-surface);background:var(--control-fill);color:var(--text);border-radius:var(--field-corner);padding:var(--space-10) var(--space-12);font-size:var(--type-interface);line-height:var(--leading-ui);transition:border-color var(--duration-micro)}.qo-input::placeholder{color:var(--text-secondary)}.qo-input:hover:not(:disabled){border-color:var(--border-strong)}.qo-input[aria-invalid=true]{border-color:var(--danger)}.qo-input:read-only{background:var(--surface)}.qo-input:disabled{border-color:var(--border)}.qo-textarea{height:auto;min-height:var(--space-96);resize:vertical;line-height:var(--leading-body)}.qo-search-input,.qo-password,.qo-select{position:relative;min-width:0;width:100%;display:flex;align-items:center}.qo-search-input>.qo-icon{position:absolute;left:var(--space-12);color:var(--text-secondary);pointer-events:none}.qo-search-input>.qo-input{--field-corner:var(--field-radius,var(--radius-control));padding-left:var(--space-40)}.qo-password>.qo-input{--field-corner:var(--field-radius,var(--radius-control));padding-right:var(--space-48)}.qo-password>.qo-button{position:absolute;right:var(--space-4)}.qo-choice-row{display:flex;align-items:center;gap:var(--space-10);min-height:var(--row-compact);font-size:var(--type-interface);line-height:var(--leading-ui)}.qo-choice-row label{cursor:pointer}.qo-checkbox,.qo-radio{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-20);height:var(--space-20);padding:0;background:var(--control-fill);border:var(--border-width) solid var(--border-interactive);box-shadow:var(--shadow-surface);border-radius:var(--space-4);color:var(--accent-ink)}.qo-checkbox[data-state=checked],.qo-checkbox[data-state=indeterminate]{background:var(--accent);border-color:var(--accent)}.qo-checkbox:disabled,.qo-radio:disabled,.qo-switch:disabled{opacity:.4}.qo-radio{border-radius:var(--radius-round)}.qo-radio-dot{width:var(--space-10);height:var(--space-10);background:var(--accent);border-radius:var(--radius-round)}.qo-switch{display:flex;align-items:center;padding:var(--space-4);width:var(--space-40);height:var(--space-24);border-radius:var(--radius-round);background:var(--control-fill);border:var(--border-width) solid var(--border-control);box-shadow:var(--shadow-surface);flex-shrink:0}.qo-switch-thumb{width:var(--space-16);height:var(--space-16);border-radius:var(--radius-round);background:var(--text-secondary)}.qo-switch[data-state=checked]{background:var(--accent);border-color:var(--accent);justify-content:flex-end}.qo-switch[data-state=checked] .qo-switch-thumb{background:var(--accent-ink)}.qo-slider{position:relative;display:flex;align-items:center;width:100%;height:var(--control-height-lg);touch-action:none}.qo-slider-track{position:relative;height:var(--space-4);background:var(--border-interactive);flex-grow:1;border-radius:var(--radius-round)}.qo-slider-range{position:absolute;height:100%;background:var(--accent);border-radius:inherit}.qo-slider-thumb{display:block;width:var(--space-20);height:var(--space-20);border-radius:var(--radius-round);background:var(--text);border:var(--border-width) solid var(--border-interactive)}.qo-segmented{--segment-inset:var(--space-4);--segment-radius:max(0px,calc(var(--radius-control) - var(--segment-inset) - var(--border-width)));display:inline-flex;max-width:100%;border:var(--border-width) solid var(--border);padding:var(--segment-inset);gap:var(--space-4);border-radius:var(--radius-control);background:var(--sidebar)}.qo-segment{background:transparent;border:0;min-height:var(--control-height-sm);padding-inline:var(--space-12);font-size:var(--type-small);line-height:var(--leading-ui);color:var(--text-secondary);border-radius:var(--segment-radius);white-space:nowrap}.qo-segment[data-state=on]{background:var(--selected);color:var(--text)}.qo-segment:hover{color:var(--text)}.qo-fieldset{border:0;padding:0;margin:0;min-width:0}.qo-fieldset legend{margin-bottom:var(--space-12)}.qo-combobox{position:relative}.qo-combo-list{position:absolute;top:100%;margin-top:var(--space-8);left:0;right:0;z-index:20;max-height:var(--preview-height);overflow:auto;background:var(--surface-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-control);padding:var(--space-6);box-shadow:var(--shadow-floating)}.qo-combo-list [aria-selected=true]{background:var(--selected-strong)}.qo-dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--space-24);border:var(--border-width) dashed var(--border-interactive);border-radius:var(--radius-standard);text-align:center}.qo-dropzone label{display:flex;flex-direction:column;gap:var(--space-16)}.qo-dropzone input{border:0;background:transparent;max-width:100%}.qo-drop-active{border-color:var(--accent)!important;background:var(--accent-surface)!important}.qo-drop-error{border-color:var(--danger)}.qo-otp{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-align:center;max-width:var(--preview-phone)}.qo-menu,.qo-popover,.qo-tooltip{background:var(--surface-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-floating);padding:var(--space-6);box-shadow:var(--shadow-floating);z-index:60;color:var(--text);max-width:calc(100vw - var(--space-24));transform-origin:var(--radix-dropdown-menu-content-transform-origin);animation:qo-appear var(--duration-short) var(--ease-out)}.qo-menu{--menu-inner-radius:max(0px,calc(var(--radius-floating) - var(--space-6) - var(--border-width)));min-width:var(--space-128);max-height:var(--radix-dropdown-menu-content-available-height);overflow:auto}.qo-menu-item{display:flex;align-items:center;gap:var(--space-10);min-height:var(--row-compact);border-radius:var(--menu-inner-radius);padding:var(--space-8) var(--space-12);font-size:var(--type-interface);line-height:var(--leading-ui);cursor:pointer;outline:none}.qo-menu-item>span:not(.qo-icon){flex:1}.qo-menu-item[data-highlighted]{background:var(--selected-strong)}.qo-menu-item[data-disabled]{color:var(--text-disabled);pointer-events:none}.qo-tooltip{font-size:var(--type-small);padding:var(--space-8) var(--space-12);border-radius:var(--radius-small)}.qo-popover{width:var(--inspector-width);padding:var(--space-20)}.qo-scrim{position:fixed;inset:0;background:var(--scrim);z-index:70;animation:qo-appear var(--duration-short)}.qo-dialog{position:fixed;z-index:71;display:flex;flex-direction:column;gap:var(--space-16);background:var(--panel);border:var(--border-width) solid var(--border);padding:var(--space-24);box-shadow:var(--shadow-floating);max-width:calc(100vw - var(--space-32));max-height:calc(100dvh - var(--space-32));overflow:auto;animation:qo-appear var(--duration-short) var(--ease-out)}.qo-dialog-dialog,.qo-dialog-lightbox{top:50%;left:50%;transform:translate(-50%,-50%);width:var(--reading-width);border-radius:var(--radius-floating)}.qo-dialog-dialog{width:calc(var(--inspector-width) + var(--space-128))}.qo-dialog-drawer{top:0;left:0;bottom:0;width:var(--nav-width);max-height:100dvh;max-width:calc(100vw - var(--space-24));border-radius:0 var(--radius-floating) var(--radius-floating) 0}.qo-dialog-sheet{bottom:0;left:0;right:0;margin-inline:auto;width:var(--reading-width);border-radius:var(--radius-floating) var(--radius-floating) 0 0}.qo-dialog-body{display:flex;flex-direction:column;gap:var(--space-20);min-width:0}.qo-accordion-item{border-bottom:var(--border-width) solid var(--border)}.qo-accordion-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);text-align:left;min-height:var(--pane-header);width:100%;border:0;padding:var(--space-16) 0;background:transparent;color:var(--text);font-size:var(--type-interface);line-height:var(--leading-ui)}.qo-accordion-trigger[data-state=open] .qo-icon{transform:rotate(45deg)}.qo-accordion-content{padding-bottom:var(--space-20);font-size:var(--type-interface);color:var(--text-secondary)}.qo-details{border:var(--border-width) solid var(--border);border-radius:var(--radius-small);padding:var(--space-16);font-size:var(--type-interface)}summary{cursor:pointer}summary:focus-visible{outline-offset:var(--space-4)}.qo-details>div{padding-top:var(--space-16)}.qo-tab-list{display:flex;gap:var(--space-24);border-bottom:var(--border-width) solid var(--border);max-width:100%;overflow:auto;padding-inline:var(--space-4)}.qo-tab{font-size:var(--type-interface);line-height:var(--leading-ui);padding:var(--space-16) 0;border:0;border-bottom:var(--focus-width) solid transparent;background:transparent;color:var(--text-muted);white-space:nowrap}.qo-tab[data-state=active]{color:var(--text);border-bottom-color:var(--accent)}.qo-tab-content{padding-block:var(--space-24);min-width:0}.qo-tabs-vertical{display:grid;grid-template-columns:var(--space-128) 1fr;gap:var(--space-24)}.qo-tabs-vertical .qo-tab-list{flex-direction:column;border-bottom:0;gap:var(--space-8)}.qo-tabs-vertical .qo-tab{text-align:left;padding:var(--space-12)}.qo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6)}.qo-floating-toolbar{padding:var(--space-6);border:var(--border-width) solid var(--border);border-radius:var(--radius-floating);box-shadow:var(--shadow-floating);background:var(--surface-raised);width:fit-content}.qo-alert{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-16);border:var(--border-width) solid var(--border);border-radius:var(--radius-control);background:var(--surface)}.qo-alert-info>.qo-icon{color:var(--info)}.qo-alert-success>.qo-icon{color:var(--success)}.qo-alert-warning>.qo-icon{color:var(--warning)}.qo-alert-danger>.qo-icon{color:var(--danger)}.qo-progress-wrap{display:flex;align-items:center;gap:var(--space-12)}progress{appearance:none;display:block;flex:1;min-width:0;width:100%;height:var(--space-6);border:0;overflow:hidden;border-radius:var(--radius-round);background:var(--selected-strong);accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--selected-strong)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.qo-progress-circle{display:grid;place-items:center;gap:var(--space-8);padding:var(--space-16);border:var(--space-4) solid var(--accent);border-radius:var(--radius-round);width:var(--space-96);height:var(--space-96)}.qo-skeleton{height:var(--space-16);background:var(--selected);border-radius:var(--radius-small)}.qo-skeleton:last-child{width:65%}.qo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-16);padding:var(--space-48) var(--space-24);min-height:var(--preview-height)}.qo-empty p{max-width:var(--measure-lead)}.qo-empty-icon{display:grid;place-items:center;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-panel);width:var(--space-48);height:var(--space-48);color:var(--text-secondary)}.qo-toast-viewport{position:fixed;bottom:var(--space-24);right:var(--space-24);z-index:100;margin:0;padding:0;list-style:none;max-width:calc(100vw - var(--space-48))}.qo-toast{display:flex;align-items:center;gap:var(--space-12);background:var(--surface-raised);border:var(--border-width) solid var(--border);padding:var(--space-12) var(--space-16);border-radius:var(--radius-floating);box-shadow:var(--shadow-floating);font-size:var(--type-interface)}.qo-toast>.qo-icon{color:var(--success)}.qo-breadcrumbs{list-style:none;padding:0;display:flex;gap:var(--space-10);align-items:center;font-size:var(--type-small);line-height:var(--leading-ui)}.qo-breadcrumbs li{display:flex;align-items:center;gap:var(--space-10);color:var(--text-secondary)}.qo-breadcrumbs a{color:var(--text-muted)}.qo-stepper{list-style:none;padding:0;display:flex;gap:var(--space-24);flex-wrap:wrap}.qo-stepper li{display:flex;align-items:center;gap:var(--space-8);font-size:var(--type-small);color:var(--text-secondary)}.qo-stepper li>span{display:grid;place-items:center;width:var(--space-24);height:var(--space-24);border:var(--border-width) solid var(--border);border-radius:var(--radius-round)}.qo-stepper [aria-current=step]{color:var(--accent)}.qo-stepper [aria-current=step]>span{border-color:var(--accent)}.qo-description-list{margin:0}.qo-description-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-24);padding-block:var(--space-12);border-bottom:var(--border-width) solid var(--border-soft);font-size:var(--type-interface)}.qo-description-list dt{color:var(--text-secondary)}.qo-description-list dd{margin:0;text-align:end;overflow-wrap:anywhere}.qo-stat{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-24) 0}.qo-tag{padding:var(--space-4) var(--space-8)}.qo-tag>.qo-button{min-height:var(--space-20);padding:0}.qo-code-block{border:var(--border-width) solid var(--border);background:var(--sidebar);border-radius:var(--radius-standard);padding:var(--space-16);min-width:0}.qo-code-block pre{overflow:auto;font-family:var(--font-mono);font-size:var(--type-small);padding-top:var(--space-12);color:var(--text-secondary);tab-size:2}.qo-preview-outer{container-type:inline-size;overflow:auto;border:var(--border-width) solid var(--border);border-radius:var(--radius-standard);background:var(--sidebar)}.qo-preview{color:var(--text);background:var(--app);width:100%;margin-inline:auto;container-type:inline-size}.qo-preview-phone{max-width:var(--preview-phone)}.qo-preview-tablet{max-width:var(--preview-tablet)}.qo-swatch{min-width:0}.qo-swatch-color{height:var(--space-80);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);margin-bottom:var(--space-10)}.qo-swatch .qo-text{overflow-wrap:anywhere}.qo-app-shell{display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);min-height:100dvh}.qo-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:var(--space-24) var(--space-20) var(--space-16);background:var(--sidebar);border-right:var(--border-width) solid var(--border);overflow-y:auto}.qo-brand{display:flex;align-items:center;gap:var(--space-12);font-size:var(--type-body);font-weight:var(--weight-medium);letter-spacing:var(--tracking-title);line-height:var(--leading-ui);color:var(--text)}.qo-brand:hover{text-decoration:none}.qo-brand>span{display:flex;flex-direction:column;gap:var(--space-6)}.qo-brand .qo-type-meta{font-size:var(--type-meta);letter-spacing:var(--tracking-label);font-weight:var(--weight-regular)}.qo-sidebar-search{justify-content:flex-start;margin-top:var(--space-32);width:100%;font-weight:var(--weight-regular)}.qo-sidebar-search>span{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);width:100%;font-size:var(--type-small)}.qo-navigation{padding-top:var(--space-28);display:flex;flex-direction:column;gap:var(--space-28)}.qo-nav-group{display:flex;flex-direction:column;gap:var(--space-4)}.qo-nav-label{font-size:var(--type-meta);line-height:var(--leading-ui);color:var(--text-muted);padding:0 var(--space-12) var(--space-8)}.qo-nav-item{display:flex;align-items:center;min-height:var(--row-compact);gap:var(--space-12);color:var(--text-secondary);font-size:var(--type-interface);line-height:var(--leading-ui);padding:var(--space-8) var(--space-12);border-radius:var(--radius-small)}.qo-nav-item:hover{background:var(--hover);text-decoration:none;color:var(--text)}.qo-nav-current{background:var(--selected);color:var(--text)}.qo-nav-current>.qo-icon{color:var(--accent)}.qo-nav-count{margin-left:auto;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--type-meta)}.qo-sidebar-footer{margin-top:auto;padding-top:var(--space-32)}.qo-main-shell{min-width:0}.qo-resizer{position:fixed;left:calc(var(--nav-width) - var(--space-4));top:0;bottom:0;width:var(--space-8);z-index:30;cursor:col-resize;touch-action:none}.qo-resizer:hover{border-right:var(--border-width) solid var(--accent)}.qo-workspace-header{height:var(--workspace-header);position:sticky;top:0;z-index:25;background:var(--app);border-bottom:var(--border-width) solid var(--border-soft);padding-inline:var(--space-32);display:flex;align-items:center;gap:var(--space-12)}.qo-workspace-header>.qo-inline{width:100%}.qo-mobile-only{display:none}.qo-page-header{display:flex;flex-direction:column;gap:var(--space-16);padding-block:var(--space-16) var(--space-40)}.qo-page-header-body{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-24);min-width:0}.qo-page-header-copy{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}.qo-page-header-copy>p{max-width:var(--measure-lead)}.qo-page-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-8);flex-shrink:0;max-width:100%}.qo-hero{padding-block:var(--space-24) var(--space-48);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-40)}.qo-hero-main{display:flex;flex-direction:column;gap:var(--space-24);min-width:0;max-width:var(--reading-width)}.qo-hero-main>.qo-text{max-width:var(--measure-lead)}.qo-hero-main>.qo-inline{padding-top:var(--space-8)}.qo-hero-aside{width:var(--space-128);flex-shrink:0}.qo-marketing-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);padding-block:var(--space-20);border-bottom:var(--border-width) solid var(--border)}.qo-marketing-header nav{font-size:var(--type-small)}.qo-marketing-header nav a{color:var(--text-secondary)}.qo-footer{border-top:var(--border-width) solid var(--border);padding:var(--space-24) 0;margin-top:var(--space-32);font-size:var(--type-small);color:var(--text-muted)}.qo-command-results{max-height:var(--preview-height);overflow:auto}.qo-command-item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12);border-radius:var(--radius-small);cursor:pointer}.qo-command-item>.qo-stack{flex:1}.qo-command-item[aria-selected=true]{background:var(--selected)}.qo-table-wrap{container-type:inline-size;overflow:auto;max-width:100%}.qo-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--type-small);line-height:var(--leading-ui)}.qo-table th{font-weight:var(--weight-regular);color:var(--text-secondary);background:var(--panel);white-space:nowrap}.qo-table td,.qo-table th{padding:var(--space-12) var(--space-12);border-bottom:var(--border-width) solid var(--border-soft);height:var(--row-comfortable)}.qo-table th>.qo-button{padding:0;color:var(--text-muted);font-size:var(--type-meta)}.qo-table tbody tr:hover{background:var(--hover)}.qo-table tr[data-selected=true]{background:var(--accent-surface)}.qo-table td:first-child{color:var(--text)}.qo-table td{color:var(--text-secondary)}.qo-chart{width:100%;min-width:0}.qo-chart svg{display:block;width:100%;height:auto;overflow:visible}.qo-chart-grid{stroke:var(--border-soft);stroke-width:1;stroke-dasharray:3 5}.qo-chart-label{font-family:var(--font-mono);font-size:var(--type-meta);fill:var(--text-muted)}.qo-chart-line{fill:none;stroke:var(--chart-1);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.qo-chart-comparison{fill:none;stroke:var(--chart-2);stroke-width:1;stroke-dasharray:4 5}.qo-chart-dot,.qo-chart-fill{fill:var(--chart-1)}.qo-chart-area{fill:var(--accent-surface)}.qo-chart-data{margin-top:var(--space-16);font-size:var(--type-meta);color:var(--text-muted)}.qo-chart-data summary{display:list-item;width:fit-content}.qo-chart-data table{margin-top:var(--space-16)}.qo-donut{fill:none;stroke-width:24}.qo-series-1{--series:var(--chart-1);stroke:var(--chart-1)}.qo-series-2{--series:var(--chart-2);stroke:var(--chart-2)}.qo-series-3{--series:var(--chart-3);stroke:var(--chart-3)}.qo-series-4{--series:var(--chart-4);stroke:var(--chart-4)}.qo-series-5{--series:var(--chart-5);stroke:var(--chart-5)}.qo-legend{display:inline-flex;align-items:center;gap:var(--space-8);font-size:var(--type-meta);color:var(--text-secondary)}.qo-legend>span{width:var(--space-6);height:var(--space-6);background:var(--series);border-radius:var(--radius-round)}.qo-feed{list-style:none;padding:0}.qo-feed li{display:flex;align-items:center;gap:var(--space-12);padding-block:var(--space-16);border-bottom:var(--border-width) solid var(--border-soft)}.qo-feed li>div{display:flex;flex-direction:column;gap:var(--space-6)}.qo-calendar{max-width:var(--preview-phone);width:100%}.qo-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-4);text-align:center;padding-top:var(--space-16)}.qo-calendar-grid>.qo-text{padding-block:var(--space-8)}.qo-calendar-grid>.qo-button{padding:0}.qo-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16)}.qo-kanban-column{background:var(--sidebar);padding:var(--space-16);border:var(--border-width) solid var(--border);border-radius:var(--radius-standard);display:flex;flex-direction:column;gap:var(--space-16);min-height:var(--preview-height)}.qo-tree details{font-size:var(--type-interface)}.qo-tree summary{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12) 0}.qo-tree details>.qo-stack{padding-left:var(--nest-step)}.qo-tree .qo-button{justify-content:flex-start}.qo-editor{border:var(--border-width) solid var(--border);border-radius:var(--radius-standard);overflow:hidden}.qo-editor>.qo-toolbar{padding:var(--space-8);border-bottom:var(--border-width) solid var(--border)}.qo-editor textarea{border:0;border-radius:0;min-height:var(--preview-height);padding:var(--space-24);background:var(--app)}.qo-chat-message{display:flex;align-items:flex-start;gap:var(--space-16);padding-block:var(--space-20)}.qo-chat-message>.qo-stack{min-width:0}.qo-composer{border:var(--border-width) solid var(--border-control);box-shadow:var(--shadow-surface);border-radius:var(--radius-standard);padding:var(--space-12);background:var(--panel)}.qo-composer textarea{background:transparent;border:0;resize:none}.qo-product-visual{display:grid;place-items:center;min-height:var(--preview-height);background:var(--surface);border-radius:var(--radius-standard);overflow:hidden;padding:var(--space-40);position:relative}.qo-product-object{width:var(--space-128);height:calc(var(--space-128) + var(--space-48));background:var(--sidebar);border:var(--border-width) solid var(--border-strong);border-radius:var(--space-4) var(--radius-small) var(--radius-small) var(--space-4);display:flex;flex-direction:column;padding:var(--space-20);color:var(--text-secondary);transform:rotate(-9deg)}.qo-notebook-label{font-size:var(--type-meta);letter-spacing:var(--tracking-label);line-height:var(--leading-meta)}.qo-notebook-rule{height:var(--border-width);width:var(--space-20);background:var(--text-muted);margin-top:var(--space-12)}.qo-notebook-number{margin-top:auto;font-family:var(--font-mono);font-size:var(--type-meta)}.qo-product-desk .qo-product-object{width:calc(var(--space-128) * 2);height:var(--space-128);border-radius:var(--radius-large);background:var(--selected)}.qo-product-pen .qo-product-object{height:calc(var(--space-128) * 1.5);width:var(--space-12);padding:0;transform:rotate(25deg);border-radius:var(--radius-round);background:var(--text-secondary)}.qo-product-card{display:flex;flex-direction:column;gap:var(--space-20)}.qo-product-card>.qo-inline a{color:var(--text)}.qo-quantity{display:flex;align-items:center;border:var(--border-width) solid var(--border);border-radius:var(--radius-control);width:fit-content}.qo-quantity input{width:var(--space-48);text-align:center;padding:0;border:0;background:transparent;appearance:textfield}.qo-quantity input::-webkit-inner-spin-button{appearance:none}.qo-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--border-width) solid var(--border);border-radius:var(--radius-panel);overflow:hidden}.qo-pricing-plan{padding:var(--space-28);display:flex;flex-direction:column;gap:var(--space-20);border-right:var(--border-width) solid var(--border)}.qo-pricing-plan:last-child{border-right:0}.qo-pricing-featured{background:var(--panel)}.qo-pricing-plan>.qo-inline{flex-wrap:wrap}.qo-feature-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-12) 0;font-size:var(--type-small)}.qo-feature-list li{display:flex;align-items:center;gap:var(--space-12)}.qo-feature-list .qo-icon{color:var(--text-secondary)}.qo-figure img{width:100%;height:auto;border-radius:var(--radius-standard)}.qo-figure figcaption{font-size:var(--type-small);color:var(--text-muted);padding-top:var(--space-12)}.qo-media{width:100%;border-radius:var(--radius-standard)}.qo-carousel{display:flex;flex-direction:column;gap:var(--space-20)}.qo-inspector{position:fixed;right:0;top:0;bottom:0;width:var(--inspector-width);background:var(--panel);border-left:var(--border-width) solid var(--border);padding:var(--space-24);overflow:auto}.qo-app-shell:has(.qo-inspector){padding-right:var(--inspector-width)}.qo-context-trigger{display:block}.qo-preview .qo-stat{padding:var(--space-16) 0}.qo-demo-layout{display:grid;grid-template-columns:var(--space-128) minmax(0,1fr);min-width:0}.qo-demo-rail{background:var(--sidebar);border-right:var(--border-width) solid var(--border);padding:var(--space-20) var(--space-12);display:flex;flex-direction:column;gap:var(--space-24)}.qo-demo-rail .qo-button{justify-content:flex-start;font-size:var(--type-small);padding:var(--space-8);min-width:0}.qo-demo-workspace{padding:var(--space-24);min-width:0}.qo-demo-head{border-bottom:var(--border-width) solid var(--border-soft);padding-bottom:var(--space-20)}.qo-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24)}.qo-preview-tile{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-24);border:var(--border-width) solid var(--border);border-radius:var(--radius-standard);color:var(--text);background:var(--panel)}.qo-preview-tile:hover{background:var(--hover);text-decoration:none}.qo-preview-tile-visual{height:var(--preview-height);background:var(--sidebar);display:grid;place-items:center;border:var(--border-width) solid var(--border);border-radius:var(--radius-small);padding:var(--space-24);overflow:hidden}.qo-feature-row{display:grid;grid-template-columns:var(--space-48) 1fr auto;align-items:center;gap:var(--space-20);padding-block:var(--space-24);border-bottom:var(--border-width) solid var(--border-soft)}.qo-feature-row>span:not(.qo-avatar){font-family:var(--font-mono);font-size:var(--type-small);color:var(--text-muted)}.qo-editorial-cover{padding:var(--space-64) var(--space-32);border-top:var(--border-width) solid var(--border);border-bottom:var(--border-width) solid var(--border);background:var(--panel)}.qo-editorial-cover .qo-heading{font-family:var(--font-serif);max-width:var(--measure-lead)}.qo-logo-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-32);padding-block:var(--space-32);border-block:var(--border-width) solid var(--border);color:var(--text-muted);font-size:var(--type-section);letter-spacing:var(--tracking-title)}.qo-settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);padding-block:var(--space-20);border-bottom:var(--border-width) solid var(--border-soft)}.qo-settings-row>.qo-stack{max-width:var(--measure-lead)}.qo-audit-status{display:flex;align-items:center;gap:var(--space-8);font-size:var(--type-small);color:var(--text-secondary)}.qo-reading-progress{position:sticky;top:var(--workspace-header);height:var(--space-4);background:var(--accent);z-index:20}.qo-announcement{padding:var(--space-12);text-align:center;border-bottom:var(--border-width) solid var(--border);font-size:var(--type-small);background:var(--panel)}.qo-page-index{display:flex;flex-direction:column}.qo-page-index a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-20) 0;border-bottom:var(--border-width) solid var(--border-soft);color:var(--text)}.qo-page-index a:hover{text-decoration:none;color:var(--accent)}[data-density=compact]{--row-comfortable:var(--row-compact)}[data-motion=reduced]{--duration-instant:0ms;--duration-micro:0ms;--duration-short:0ms;--duration-medium:0ms;--duration-long:0ms;scroll-behavior:auto}[data-stress=long]{overflow-wrap:anywhere;word-break:normal}[data-stress=locale]{direction:rtl}[data-stress=locale] .qo-sidebar{border-inline-end:var(--border-width) solid var(--border)}@keyframes qo-appear{0%{opacity:0}to{opacity:1}}@container (max-width:650px){.qo-demo-layout{grid-template-columns:minmax(0,1fr)}.qo-demo-rail{display:none}.qo-demo-workspace{padding:var(--space-16)}.qo-demo-workspace .qo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qo-demo-workspace .qo-demo-head{flex-wrap:wrap;gap:var(--space-12)}}@container (max-width:480px){.qo-table thead{display:none}.qo-table tbody,.qo-table tr,.qo-table td{display:block}.qo-table tr{padding-block:var(--space-8);border-bottom:var(--border-width) solid var(--border)}.qo-table td{display:flex;justify-content:space-between;align-items:center;gap:var(--space-16);height:auto;min-height:var(--row-comfortable);border:0;padding:var(--space-8)}.qo-table td:before{content:attr(data-label);font-size:var(--type-meta);color:var(--text-muted);flex-shrink:0}.qo-grid{grid-template-columns:minmax(0,1fr)}.qo-segment{padding-inline:var(--space-8)}.qo-settings-row{align-items:flex-start;flex-direction:column}.qo-kanban,.qo-pricing{grid-template-columns:minmax(0,1fr)}}@media(min-width:1600px){.qo-container-wide{padding-inline:var(--space-64)}}@media(max-width:1200px){.qo-container-wide{padding-inline:var(--space-32)}.qo-hero-aside{display:none}.qo-pricing-plan{padding:var(--space-20)}.qo-inspector{display:none}.qo-app-shell:has(.qo-inspector){padding-right:0}}@media(max-width:1023px){.qo-app-shell{grid-template-columns:minmax(0,1fr)}.qo-sidebar,.qo-resizer{display:none}.qo-mobile-only{display:inline-flex}.qo-workspace-header{padding-inline:var(--space-20)}.qo-hero{padding-block:var(--space-24) var(--space-40)}.qo-container-wide{padding:var(--space-24)}.qo-hero .qo-type-display{font-size:var(--type-display)}}@media(max-width:767px){.qo-grid,.qo-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qo-pricing{grid-template-columns:minmax(0,1fr)}.qo-pricing-plan{border-right:0;border-bottom:var(--border-width) solid var(--border)}.qo-kanban{grid-template-columns:minmax(0,1fr)}.qo-kanban-column{min-height:0}.qo-hero .qo-type-display{font-size:min(var(--type-display),64px)}.qo-marketing-header{flex-wrap:wrap}.qo-marketing-header nav{order:3;width:100%}.qo-hero{flex-direction:column;align-items:flex-start}.qo-page-header{padding-bottom:var(--space-32)}.qo-tabs-vertical{grid-template-columns:minmax(0,1fr)}.qo-tabs-vertical .qo-tab-list{flex-direction:row}}@media(max-width:480px){.qo-container-wide,.qo-container-prose,.qo-container-narrow{padding:var(--space-24) var(--space-16)}.qo-container-full{padding:var(--space-16)}.qo-workspace-header{padding-inline:var(--space-12)}.qo-grid,.qo-preview-grid{grid-template-columns:minmax(0,1fr)}.qo-hero{padding-top:var(--space-16)}.qo-hero-main{gap:var(--space-20)}.qo-hero .qo-type-display{font-size:var(--type-page);line-height:var(--leading-title)}.qo-section{padding-block:var(--space-24)}.qo-breadcrumbs li:first-child:not(:last-child){display:none}.qo-button{white-space:normal}.qo-segmented{max-width:100%}.qo-segment{padding-inline:var(--space-8);font-size:var(--type-meta)}.qo-dialog{padding:var(--space-20)}.qo-dialog .qo-brand{margin-top:var(--space-8)}.qo-dialog .qo-sidebar-search{margin-top:var(--space-20)}.qo-toast-viewport{bottom:var(--space-16);right:var(--space-16);max-width:calc(100vw - var(--space-32))}.qo-settings-row{align-items:flex-start;flex-direction:column}.qo-feature-row{grid-template-columns:var(--space-24) 1fr auto;gap:var(--space-12)}.qo-editorial-cover{padding:var(--space-32) var(--space-20)}.qo-surface.qo-padding-32{padding:var(--space-20)}.qo-preview-tile{padding:var(--space-16)}}@media(pointer:coarse){.qo-button,.qo-segment,.qo-menu-item,.qo-nav-item,.qo-tab,.qo-choice-row{min-height:var(--control-height-lg)}.qo-checkbox:before,.qo-radio:before{content:"";position:absolute;width:var(--control-height-lg);height:var(--control-height-lg)}.qo-checkbox,.qo-radio{position:relative}.qo-slider-thumb:before{content:"";position:absolute;inset:calc(-1 * var(--space-12))}.qo-slider-thumb{position:relative}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.qo-button:active{filter:none}.qo-accordion-trigger .qo-icon{transform:none!important}}@media(forced-colors:active){.qo-button,.qo-input,.qo-checkbox,.qo-radio,.qo-switch,.qo-surface,.qo-nav-current,.qo-tab,.qo-dialog,.qo-menu{border:1px solid ButtonText}.qo-button-primary,.qo-checkbox[data-state=checked]{background:Highlight;color:HighlightText}.qo-nav-current,.qo-tab[data-state=active]{outline:2px solid Highlight}.qo-chart-line{stroke:Highlight}.qo-chart-comparison{stroke:CanvasText}.qo-chart-dot,.qo-chart-fill{fill:Highlight}.qo-chart-grid{stroke:GrayText}.qo-chart-label{fill:CanvasText}:focus-visible{outline-color:Highlight}.qo-scrim{background:Canvas;opacity:.8}}.qo-gap-4{gap:var(--space-4)}.qo-padding-4{padding:var(--space-4)}.qo-gap-6{gap:var(--space-6)}.qo-padding-6{padding:var(--space-6)}.qo-gap-8{gap:var(--space-8)}.qo-padding-8{padding:var(--space-8)}.qo-gap-10{gap:var(--space-10)}.qo-padding-10{padding:var(--space-10)}.qo-gap-12{gap:var(--space-12)}.qo-padding-12{padding:var(--space-12)}.qo-gap-16{gap:var(--space-16)}.qo-padding-16{padding:var(--space-16)}.qo-gap-20{gap:var(--space-20)}.qo-padding-20{padding:var(--space-20)}.qo-gap-24{gap:var(--space-24)}.qo-padding-24{padding:var(--space-24)}.qo-gap-28{gap:var(--space-28)}.qo-padding-28{padding:var(--space-28)}.qo-gap-32{gap:var(--space-32)}.qo-padding-32{padding:var(--space-32)}.qo-gap-40{gap:var(--space-40)}.qo-padding-40{padding:var(--space-40)}.qo-gap-48{gap:var(--space-48)}.qo-padding-48{padding:var(--space-48)}.qo-gap-64{gap:var(--space-64)}.qo-padding-64{padding:var(--space-64)}.qo-gap-80{gap:var(--space-80)}.qo-padding-80{padding:var(--space-80)}.qo-gap-96{gap:var(--space-96)}.qo-padding-96{padding:var(--space-96)}.qo-gap-128{gap:var(--space-128)}.qo-padding-128{padding:var(--space-128)}.qo-tone-sidebar{background:var(--sidebar)}.qo-progress-circle{position:relative;padding:0;border:0;display:grid;place-items:center}.qo-progress-circle svg{position:absolute;inset:0;transform:rotate(-90deg);width:100%;height:100%;fill:none;stroke-width:4}.qo-progress-circle-track{stroke:var(--border-strong)}.qo-progress-circle-value{stroke:var(--accent);stroke-linecap:round}.qo-nav-current .qo-nav-count{color:var(--text-secondary)}.qo-chart-data summary{min-height:var(--space-24);padding-block:var(--space-4)}.qo-workspace-header>.qo-inline{flex:1;width:auto}.qo-breadcrumbs{min-width:0}.qo-breadcrumbs li:last-child{overflow-wrap:anywhere}.qo-breadcrumbs li:last-child>span{min-width:0}@media(max-width:480px){.qo-workspace-header a[aria-label="View source repository"]{display:none}.qo-workspace-header>.qo-inline>.qo-inline{gap:var(--space-4)}}@media(forced-colors:active){:root,[data-theme],[data-kit][data-theme][data-kit]{--app:Canvas;--sidebar:Canvas;--panel:Canvas;--surface:Canvas;--surface-raised:Canvas;--control-fill:ButtonFace;--hover:Canvas;--selected:Canvas;--selected-strong:Canvas;--text:CanvasText;--text-secondary:CanvasText;--text-muted:CanvasText;--text-disabled:GrayText;--text-inverse:Canvas;--border:ButtonText;--border-soft:GrayText;--border-strong:ButtonText;--border-interactive:ButtonText;--border-control:ButtonText;--accent:LinkText;--accent-hover:LinkText;--accent-surface:Canvas;--accent-ink:Canvas;--danger:CanvasText;--success:CanvasText;--warning:CanvasText;--info:CanvasText;--favorite:CanvasText}.qo-link{color:LinkText}.qo-button-primary{background:Highlight;color:HighlightText}}.qo-code-block pre{max-height:var(--preview-height)}.qo-slider[data-disabled]{opacity:.4}.qo-segment:disabled{color:var(--text-disabled);cursor:not-allowed}@media(pointer:coarse){.qo-tag>.qo-button{min-height:var(--control-height-lg);min-width:var(--control-height-lg)}.qo-chart-data summary{min-height:var(--control-height-lg)}}.qo-product-finish-stone .qo-product-object{background:var(--text-secondary);color:var(--app)}.qo-product-finish-stone .qo-notebook-rule{background:var(--app)}.qo-menu[data-state=open],.qo-popover[data-state=open]{animation:qo-layer-in var(--duration-short) var(--ease-out);transform-origin:var(--radix-dropdown-menu-content-transform-origin,var(--radix-popover-content-transform-origin))}.qo-menu[data-state=closed],.qo-popover[data-state=closed],.qo-dialog[data-state=closed],.qo-scrim[data-state=closed]{animation:qo-disappear var(--duration-micro) var(--ease-in)}@keyframes qo-layer-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes qo-disappear{0%{opacity:1}to{opacity:0}}.qo-input{--field-corner:var(--field-radius,var(--radius-control));height:auto;min-height:var(--control-height-lg)}.qo-button{white-space:normal}.qo-segmented{flex-wrap:wrap}textarea.qo-input{--field-corner:var(--field-radius,var(--radius-control));min-height:var(--space-96)}[data-kit]{color:var(--text);font-family:var(--font-sans);font-size:var(--type-body);line-height:var(--leading-body);font-synthesis:none}[data-kit][data-density=compact]{--row-comfortable:var(--row-compact)}.qo-kit-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);margin-block:var(--space-24) var(--space-48);border:var(--border-width) solid var(--border);border-radius:var(--radius-panel);overflow:hidden;background:var(--panel)}.qo-kit-intro{padding:var(--space-32);display:flex;align-items:center}.qo-kit-sample{padding:var(--space-24);background:var(--sidebar);border-left:var(--border-width) solid var(--border);min-width:0;display:flex;align-items:center}.qo-platform-sample{width:100%;min-width:0;container-type:inline-size;background:var(--app)}.qo-kit-sample .qo-platform-sample{border-radius:var(--radius-standard);overflow:hidden}.qo-studio-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-20);margin-block:var(--space-24)}.qo-studio-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.qo-studio-pane{min-width:0;overflow:hidden;border:var(--border-width) solid var(--border);border-radius:var(--radius-panel);background:var(--sidebar)}.qo-studio-pane-header{padding:var(--space-16);border-bottom:var(--border-width) solid var(--border)}.qo-studio-canvas{padding:var(--space-12);overflow:auto;min-width:0}.qo-studio-canvas>.qo-platform-sample{margin-inline:auto}.qo-studio-width-phone>.qo-platform-sample{max-width:var(--preview-phone)}.qo-studio-width-tablet>.qo-platform-sample{max-width:var(--preview-tablet)}.qo-studio-pane .qo-alert{margin:var(--space-12)}@container (max-width:500px){.qo-platform-sample .qo-surface{padding:var(--space-16)}.qo-platform-sample .qo-search-input{width:100%}.qo-platform-sample .qo-table th,.qo-platform-sample .qo-table td{padding-inline:var(--space-8)}}@media(max-width:1200px){.qo-kit-entry{grid-template-columns:minmax(0,1fr)}.qo-kit-sample{border-left:0;border-top:var(--border-width) solid var(--border)}}@media(max-width:900px){.qo-studio-compare{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.qo-kit-intro,.qo-kit-sample{padding:var(--space-16)}.qo-studio-canvas{padding:var(--space-6)}}.qo-platform-sample{border-radius:var(--radius-standard)}.qo-studio-toolbar>.qo-inline{flex:1}.qo-studio-toolbar .qo-select{width:auto;min-width:160px}.qo-studio-selectors>.qo-select{flex:1;min-width:140px}@media(max-width:600px){.qo-studio-toolbar>.qo-inline{width:100%}.qo-studio-toolbar .qo-select{flex:1}}.qo-kit-tabs{display:flex;flex-wrap:wrap;gap:var(--space-16);padding-block:var(--space-20);margin-bottom:var(--space-24);border-bottom:var(--border-width) solid var(--border)}.qo-kit-tabs a{font-size:var(--type-small)}.qo-kit-tabs [aria-current]{color:var(--text);text-decoration:underline}.qo-demo-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.qo-demo-catalog-entry{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-24);background:var(--panel);border:var(--border-width) solid var(--border);border-radius:var(--radius-standard);color:var(--text);min-width:0}.qo-demo-catalog-entry:hover{background:var(--hover);text-decoration:none;border-color:var(--border-strong)}.qo-demo-catalog-entry>.qo-inline:last-child{margin-top:auto}.qo-demo-catalog-entry>.qo-inline{flex-wrap:wrap}.qo-demo-toolbar>.qo-select{width:auto;flex:1 1 160px}.qo-demo-toolbar>.qo-choice-row{flex:1 1 200px}.qo-demo-previews{display:grid;gap:var(--space-24);margin-block:var(--space-24);min-width:0}.qo-demo-previews-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.qo-demo-pane{min-width:0;border:var(--border-width) solid var(--border);border-radius:var(--radius-standard);overflow:hidden;background:var(--sidebar)}.qo-demo-pane-controls{padding:var(--space-12);border-bottom:var(--border-width) solid var(--border)}.qo-demo-pane-controls .qo-select{width:130px}.qo-demo-frame{width:100%;max-width:100%;margin-inline:auto}.qo-demo-frame-phone{width:375px}.qo-demo-frame-tablet{width:768px}.qo-demo-library{container-type:inline-size;overflow-wrap:anywhere;min-height:320px}.qo-demo-library .qo-button{white-space:normal}.qo-demo-library input[type=file]{max-width:100%}.qo-navigation-demo,.qo-chat-demo,.qo-documentation-demo{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--space-24)}.qo-navigation-demo>aside,.qo-chat-history,.qo-documentation-demo>aside{border-right:var(--border-width) solid var(--border);padding-right:var(--space-16);min-width:0}.qo-navigation-collapsed{grid-template-columns:96px minmax(0,1fr)}.qo-chat-main{min-width:0}.qo-chat-transcript{max-height:520px;overflow:auto;overscroll-behavior:contain;padding:var(--space-8)}.qo-inspector-demo{display:grid;grid-template-columns:minmax(0,1fr) var(--space-12) minmax(0,var(--demo-inspector));gap:var(--space-12)}.qo-demo-divider{cursor:col-resize;touch-action:none;background:var(--border-soft);border-radius:var(--radius-small)}.qo-demo-divider:hover{background:var(--border-interactive)}.qo-dialog-right-drawer{top:0;right:0;bottom:0;width:var(--nav-width);max-height:100dvh;max-width:calc(100vw - var(--space-24));border-radius:var(--radius-floating) 0 0 var(--radius-floating)}.qo-example-header,.qo-example-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);flex-wrap:wrap;padding-block:var(--space-16);border-bottom:var(--border-width) solid var(--border)}.qo-example-footer{border-bottom:0;border-top:var(--border-width) solid var(--border)}.qo-example-header>.qo-inline{gap:var(--space-16)}.qo-story-figure{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:var(--panel);border:var(--border-width) solid var(--border);overflow:hidden}.qo-story-lines{width:55%;height:60%;border:var(--border-width) solid var(--border-strong);transform:rotate(-8deg);box-shadow:var(--space-24) var(--space-24) 0 var(--surface-raised)}@container (max-width:700px){.qo-navigation-demo,.qo-chat-demo,.qo-documentation-demo{grid-template-columns:minmax(0,1fr)}.qo-navigation-demo>aside,.qo-chat-history,.qo-documentation-demo>aside{border-right:0;border-bottom:var(--border-width) solid var(--border);padding:0 0 var(--space-16)}.qo-chat-history>.qo-stack{flex-direction:row;flex-wrap:wrap;align-items:center}.qo-inspector-demo{grid-template-columns:minmax(0,1fr)}.qo-demo-divider{min-height:var(--space-12)}.qo-demo-library .qo-grid{grid-template-columns:minmax(0,1fr)}.qo-demo-library .qo-container-prose{padding-inline:0}.qo-demo-library .qo-hero{padding-block:var(--space-24)}}@media(max-width:1100px){.qo-demo-previews-compare{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.qo-demo-catalog{grid-template-columns:minmax(0,1fr)}.qo-demo-library{padding:var(--space-16)}.qo-demo-toolbar{gap:var(--space-12)}}.qo-demo-toolbar{align-items:flex-end}.qo-demo-toolbar>.qo-field{flex:1 1 140px;max-width:240px}.qo-demo-toolbar>.qo-choice-row{flex:1 1 210px;align-self:center}.qo-demo-toolbar .qo-label{color:var(--text-secondary);font-size:var(--type-meta)}.qo-demo-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-16)}.qo-demo-toolbar>.qo-field{max-width:none}.qo-demo-toolbar>.qo-choice-row{align-self:end;min-height:var(--control-height-lg)}.qo-demo-toolbar .qo-segmented{flex-wrap:nowrap}.qo-demo-toolbar .qo-segmented .qo-button{min-width:0;padding-inline:var(--space-8)}@media(max-width:1100px){.qo-demo-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.qo-demo-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.qo-demo-toolbar>.qo-choice-row{grid-column:1/-1}}.qo-dialog[data-motion-managed],.qo-scrim[data-motion-managed]{animation:none!important}.qo-dialog{z-index:var(--layer-modal);box-shadow:var(--shadow-panel)}.qo-menu,.qo-popover,.qo-tooltip{z-index:var(--layer-floating)}.qo-segmented,.qo-navigation{position:relative;isolation:isolate}.qo-selection-indicator,.qo-nav-indicator{position:absolute;pointer-events:none;background:var(--selected);border-radius:var(--segment-radius,var(--radius-small));transform-origin:top left;z-index:-1}.qo-nav-indicator{border-radius:var(--radius-control)}.qo-segment[data-state=on],.qo-navigation .qo-nav-current{background:transparent}.qo-navigation .qo-nav-item{position:relative}.qo-button{transition:background var(--duration-micro) var(--ease-out),border-color var(--duration-micro) var(--ease-out),scale var(--duration-micro) var(--ease-settle)}.qo-button:active:not(:disabled){scale:.98;filter:none}.qo-button:has(.qo-icon):active:not(:disabled){scale:.97}.qo-switch{transition:background var(--duration-short) var(--ease-out)}.qo-switch[data-state=checked]{justify-content:flex-start}.qo-switch-thumb{transition:translate var(--duration-short) var(--ease-settle),background var(--duration-short);translate:0 0}.qo-switch[data-state=checked] .qo-switch-thumb{translate:14px 0}.qo-tab-content[data-state=active],.qo-alert{animation:qo-content-in var(--duration-short) var(--ease-settle)}.qo-toast[data-state=open]{animation:qo-notice-in var(--duration-medium) var(--ease-settle)}.qo-toast[data-state=closed]{animation:qo-disappear var(--duration-micro) var(--ease-in)}@keyframes qo-content-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}@keyframes qo-notice-in{0%{opacity:0;translate:0 12px;scale:.98}to{opacity:1;translate:0 0;scale:1}}.qo-workspace-header{background:color-mix(in srgb,var(--app) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.qo-app-shell:has(.qo-demo-stage) .qo-main-shell{background:var(--sidebar)}.qo-demo-stage .qo-page-header{gap:var(--space-12);padding-bottom:var(--space-20)}.qo-demo-stage>.qo-kit-tabs{padding-block:var(--space-12);margin-bottom:var(--space-16)}.qo-demo-stage .qo-demo-pane{box-shadow:var(--shadow-surface);border-color:var(--border-strong)}.qo-demo-stage .qo-demo-library{border:0;border-radius:0}.qo-demo-stage .qo-demo-toolbar{display:flex;align-items:center;gap:var(--space-12)}.qo-demo-stage .qo-demo-toolbar>.qo-field{flex:1 1 120px;max-width:180px}.qo-demo-stage .qo-demo-toolbar>.qo-choice-row{flex:0 1 auto;align-self:center}.qo-demo-stage .qo-demo-toolbar>.qo-button{align-self:center}.qo-preview-settings{display:flex;flex-direction:column;gap:var(--space-24)}.qo-chat-transcript{overflow-anchor:none;scrollbar-gutter:stable;min-height:200px}.qo-chat-composer{position:relative;padding:var(--space-16);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-floating);box-shadow:var(--shadow-surface)}.qo-chat-composer .qo-textarea{min-height:72px;resize:none}.qo-chat-status{min-height:120px}.qo-chat-transcript [data-motion-item]{transform-origin:top left}.qo-chat-jump{align-self:center}.qo-object-inspector .qo-description-list{margin-block:var(--space-16)}.qo-object-list{display:flex;flex-direction:column;gap:var(--space-8)}.qo-object-list>[data-motion-item]{position:relative}:root{view-transition-name:none}.qo-main-shell>main{view-transition-name:workspace}.qo-demo-stage .qo-page-header h1,[data-transition-origin=true]{view-transition-name:demo-title}::view-transition-old(workspace){animation:qo-disappear .12s ease-out}::view-transition-new(workspace){animation:qo-content-in .22s cubic-bezier(.16,1,.3,1)}::view-transition-group(demo-title){animation-duration:.26s;animation-timing-function:cubic-bezier(.16,1,.3,1)}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*){animation:none!important}}@media(forced-colors:active){.qo-selection-indicator,.qo-nav-indicator{background:Canvas;border:1px solid Highlight}.qo-segment[data-state=on]{outline:2px solid Highlight}.qo-dialog{box-shadow:none}.qo-workspace-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:Canvas}}.qo-motion-controls{align-items:center}.qo-motion-controls>.qo-field{min-width:160px}.qo-motion-review-scope{padding:var(--space-24);border-radius:var(--radius-panel);background:var(--app);color:var(--text);border:var(--border-width) solid var(--border)}.qo-motion-canvas{position:relative;isolation:isolate;min-height:480px;overflow:hidden;border:var(--border-width) solid var(--border);border-radius:var(--radius-panel);background:var(--sidebar);container-type:inline-size}.qo-motion-underlay{padding:var(--space-40);display:flex;flex-direction:column;gap:var(--space-20);max-width:580px}.qo-motion-underlay>p{max-width:38ch}.qo-motion-paper{margin-top:var(--space-24);width:60%;display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-24);background:var(--panel);border:var(--border-width) solid var(--border);border-radius:var(--radius-standard);box-shadow:var(--shadow-surface)}.qo-motion-paper span{height:var(--space-8);width:85%;background:var(--selected);border-radius:var(--radius-round)}.qo-motion-paper span:last-child{width:55%}.qo-motion-panel{position:absolute;right:0;top:0;bottom:0;width:min(380px,85%);overflow:auto;padding:var(--space-24);background:var(--panel);border-left:var(--border-width) solid var(--border-strong);box-shadow:var(--shadow-panel)}.qo-motion-feedback{max-width:600px;margin-inline:auto;padding:var(--space-24);width:100%}.qo-motion-feedback-status{min-height:100px;display:flex;align-items:center}.qo-motion-review-scope>.qo-stack>.qo-chat-demo{container-type:inline-size}@media(max-width:640px){.qo-motion-review-scope{padding:var(--space-12)}.qo-motion-underlay{padding:var(--space-24)}.qo-motion-review-scope .qo-chat-demo{grid-template-columns:minmax(0,1fr)}.qo-motion-controls{gap:var(--space-12)}}.qo-standard-copy{white-space:pre-line}.qo-inspector-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-24);align-items:start}.qo-inspector-layout-open{grid-template-columns:minmax(0,1fr) minmax(300px,340px)}.qo-inspector-canvas{min-width:0}.qo-context-inspector{position:sticky;top:80px;max-height:calc(100dvh - 104px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--panel);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-panel);box-shadow:var(--shadow-surface);margin-block:var(--space-24)}.qo-context-inspector>header{position:sticky;top:0;z-index:2;padding:var(--space-20);background:var(--panel);border-bottom:var(--border-width) solid var(--border);display:grid;gap:var(--space-12)}.qo-context-inspector-body{padding:var(--space-20)}.qo-context-inspector .qo-grid,.qo-inspector-layout-open .qo-demo-previews-compare{grid-template-columns:minmax(0,1fr)}.qo-inspector-layout-open .qo-demo-library{container-type:inline-size}.qo-inspector-actions{position:sticky;bottom:0;background:var(--panel);padding-block:var(--space-16);border-top:var(--border-width) solid var(--border);display:grid;gap:var(--space-12)}.qo-demo-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap;padding:var(--space-12) var(--space-16);border-top:var(--border-width) solid var(--border)}.qo-demo-tools .qo-inline{flex-wrap:wrap}.qo-demo-tools button[aria-expanded=true]{background:var(--selected);border-color:var(--border-interactive)}.qo-demo-library-filters{display:flex;align-items:end;gap:var(--space-20);flex-wrap:wrap}.qo-demo-library-filters>.qo-field{flex:1;min-width:180px}.qo-demo-result-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-12);padding-top:var(--space-16)}.qo-interaction-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16)}.qo-interaction-map>.qo-surface{padding:var(--space-24)}@media(max-width:760px){.qo-interaction-map{grid-template-columns:minmax(0,1fr)}.qo-demo-tools{align-items:stretch}.qo-demo-tools>.qo-inline{width:100%}.qo-demo-tools button{flex:1}.qo-context-inspector{position:static}.qo-inspector-actions .qo-inline{flex-wrap:wrap}}@media(forced-colors:active){.qo-context-inspector,.qo-context-inspector>header,.qo-inspector-actions{background:Canvas}.qo-demo-tools button[aria-expanded=true]{outline:2px solid Highlight}}.qo-record-filters{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:var(--space-16);align-items:start}.qo-record-filters>.qo-field{min-width:0}.qo-record-filters .qo-select,.qo-record-filters .qo-search-input{width:100%;min-width:0}@container (max-width:700px){.qo-record-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.qo-record-filters>.qo-field:first-child{grid-column:1/-1}}@media(max-width:640px){.qo-record-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.qo-record-filters>.qo-field:first-child{grid-column:1/-1}}.qo-destination-grid,.qo-experience-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24,24px)}.qo-destination,.qo-experience-card{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,16px);color:var(--text);text-decoration:none;min-width:0}.qo-destination:hover,.qo-experience-card:hover{background:var(--hover);border-color:var(--border-interactive)}.qo-experience-card{min-height:200px;justify-content:space-between}.qo-experience-preview{min-width:0;border:1px solid var(--border);border-radius:var(--radius-lg,16px);background:var(--panel);overflow:hidden}.qo-experience-preview>.qo-kit-tabs{margin:0;padding:12px;border-bottom:1px solid var(--border);flex-wrap:wrap}.qo-experience-preview .qo-demo-frame{padding:0;margin-inline:auto}.qo-experience-render{min-height:280px;overflow-wrap:anywhere}.qo-experience-render>[data-node]+[data-node]{border-top:1px solid var(--border)}.qo-version-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.qo-version-comparison>div,.qo-version-single{min-width:0}.qo-version-comparison h2,.qo-version-single h2{margin-block:16px}.qo-change-list{padding-left:24px;color:var(--text-secondary);display:grid;gap:8px;overflow-wrap:anywhere}.qo-dependency-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}@media(max-width:1100px){.qo-version-comparison{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.qo-destination-grid,.qo-experience-list{grid-template-columns:minmax(0,1fr)}.qo-destination,.qo-experience-card{padding:20px}.qo-experience-card{min-height:160px}}[data-design-selected=true]{outline:2px solid var(--accent);outline-offset:4px}[data-design-kind=button]:active{scale:var(--design-press,1)}.qo-design-select [data-design-element]{cursor:crosshair}.qo-design-select [data-design-element]:hover{outline:1px dashed var(--accent);outline-offset:3px}.qo-design-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0}.qo-design-field{padding:16px 0;border-bottom:1px solid var(--border-soft)}.qo-design-source{font-size:var(--type-small);color:var(--text-secondary);overflow-wrap:anywhere;margin:6px 0 12px}.qo-design-inspector{min-width:0;display:flex;flex-direction:column;gap:16px}.qo-design-inspector [data-dial-root]{max-width:100%}.qo-design-tokens{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.qo-design-token{border:1px solid var(--border);border-radius:var(--radius-panel);padding:20px;background:var(--panel)}.qo-design-canvas{min-width:0}.qo-design-canvas .qo-experience-preview{margin-block:0}.qo-design-finding{padding:20px;border:1px solid var(--border);border-radius:var(--radius-panel);display:grid;gap:12px}.qo-design-capture{display:block;max-width:100%;max-height:400px;object-fit:contain;object-position:top left;border:1px solid var(--border);border-radius:12px}.qo-copilot-panel{position:fixed;right:16px;top:76px;bottom:16px;width:min(420px,calc(100vw - 32px));z-index:65;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-panel);padding:20px;gap:16px}.qo-copilot-log{flex:1;overflow:auto;display:flex;flex-direction:column;gap:20px;min-height:100px;overscroll-behavior:contain}.qo-copilot-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--type-body);line-height:var(--leading-body)}.qo-copilot-message[data-role=user]{padding:12px 16px;border-radius:12px;background:var(--surface)}.qo-copilot-status{font-size:var(--type-small);line-height:var(--leading-body);color:var(--text-secondary)}@media(min-width:1500px){body:has(.qo-copilot-panel) .qo-main-shell{margin-right:450px}}@media(prefers-reduced-motion:reduce){[data-design-kind=button]:active{scale:1}}.qo-experience-render [data-node] .qo-demo-library>.qo-surface>.qo-stack{gap:var(--design-section-gap,24px)}.qo-design-tools+.qo-inline{margin-bottom:16px}.qo-copilot-panel .qo-textarea{min-height:80px;max-height:160px}.qo-copilot-panel .qo-field{min-width:0}.qo-copilot-panel .qo-button{white-space:normal;text-align:left}@media(max-width:640px){.qo-workspace-header>.qo-inline>.qo-inline{gap:4px}.qo-workspace-header .qo-breadcrumbs{display:none}.qo-copilot-panel{top:64px}.qo-design-tokens{grid-template-columns:minmax(0,1fr)}}.qo-timeline-stage{height:320px;position:relative;overflow:hidden;background:var(--app);border:1px solid var(--border);border-radius:16px}.qo-timeline-backdrop{position:absolute;inset:0;background:var(--scrim)}.qo-timeline-layer{position:absolute;right:12px;top:12px;bottom:12px;max-width:calc(100% - 24px);background:var(--panel);border:1px solid var(--border);overflow:auto}.qo-timeline-dialog{left:12px;margin:auto;height:fit-content}.qo-director-stage{position:fixed;left:-15000px;top:0;width:1100px;pointer-events:none;background:var(--app)}.qo-director-stage.qo-director-phone{width:390px}@media(max-width:480px){.qo-workspace-header{gap:4px}.qo-workspace-header .qo-button{padding-inline:8px}}.qo-language-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:var(--space-32);align-items:start;margin-block:var(--space-24)}.qo-knowledge-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:var(--space-24);align-items:start;margin-block:var(--space-24)}.qo-knowledge-list{display:flex;flex-direction:column;gap:var(--space-8);max-height:75vh;overflow:auto}.qo-knowledge-list>.qo-button{height:auto;justify-content:flex-start;text-align:start;white-space:normal;padding:var(--space-16)}.qo-icon-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-8);max-height:440px;overflow:auto;padding:var(--space-8)}.qo-icon-library-grid>.qo-button{height:auto;min-height:88px}.qo-icon-library-grid .qo-stack{align-items:center}.qo-context-knowledge{padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-standard)}.qo-context-knowledge>summary{cursor:pointer;font-weight:var(--weight-medium)}.qo-context-knowledge[open]>summary{margin-bottom:var(--space-16)}@media(max-width:1050px){.qo-language-layout,.qo-knowledge-layout{grid-template-columns:1fr}.qo-knowledge-list{max-height:320px}}.qo-quality-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-24);margin-bottom:var(--space-32)}.qo-quality-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;gap:var(--space-32);margin-block:var(--space-24)}.qo-quality-canvas,.qo-quality-results{min-width:0}.qo-quality-canvas{display:grid;gap:var(--space-16)}.qo-quality-results{padding:var(--space-24);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-raised)}.qo-quality-patterns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-16)}.qo-quality-results summary,.qo-quality-records summary{cursor:pointer;padding-block:var(--space-12);font-weight:500}.qo-quality-observation{border-bottom:1px solid var(--border);padding-block:var(--space-12)}.qo-quality-records{border-top:1px solid var(--border);margin-top:var(--space-32);padding-top:var(--space-16)}.qo-quality-measure{position:fixed;left:-20000px;top:0;pointer-events:none;z-index:-1}@media(max-width:1199px){.qo-quality-workspace{grid-template-columns:minmax(0,1fr)}.qo-quality-results{padding:var(--space-16)}}.qo-quality-measure-390{width:390px}.qo-quality-measure-768{width:768px}.qo-quality-measure-1280{width:1280px}.qo-inline:has(>.qo-button)>.qo-link{display:inline-flex;align-items:center;min-height:var(--control-height-lg);font-size:var(--type-interface);line-height:var(--leading-ui)}.qo-quality-patterns>.qo-surface>.qo-stack{height:100%}.qo-quality-patterns>.qo-surface>.qo-stack>.qo-inline:last-child{margin-top:auto}@media(max-width:360px){.qo-workspace-header .qo-theme-label{display:none}}[data-appearance-scope][data-kit]{background:var(--app)}@media(max-width:767px){.qo-page-header-body{flex-direction:column;gap:var(--space-24)}}.qo-select-native{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;pointer-events:none;opacity:0}.qo-select-trigger{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);text-align:start;cursor:pointer;background:var(--control-fill);-webkit-tap-highlight-color:transparent}.qo-select-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.qo-select-trigger>.qo-icon{flex-shrink:0;color:var(--text-secondary);transition:transform var(--duration-micro) var(--ease-out)}.qo-select-trigger[data-state=open]>.qo-icon{transform:rotate(180deg)}.qo-select-trigger:read-only{background:var(--control-fill)}.qo-select-trigger:hover:not(:disabled),.qo-select-trigger:focus,.qo-select-trigger[data-state=open]{border-color:var(--border-control);box-shadow:var(--shadow-surface)}.qo-select-trigger:focus:not(:focus-visible){outline:none}.qo-select-trigger[aria-invalid=true]{border-color:var(--danger)}.qo-select-trigger:disabled{cursor:not-allowed;color:var(--text-disabled);box-shadow:none}.qo-select-popup{--select-inset:var(--space-6);--select-inner-radius:max(0px,calc(var(--radius-floating) - var(--select-inset) - var(--border-width)));z-index:var(--layer-floating);width:var(--radix-select-trigger-width);max-width:calc(100vw - 24px);max-height:min(360px,var(--radix-select-content-available-height));overflow:hidden;background:var(--surface-raised);color:var(--text);border:var(--border-width) solid var(--border-control);border-radius:var(--radius-floating);box-shadow:var(--shadow-floating);transform-origin:var(--radix-select-content-transform-origin);animation:qo-appear var(--duration-short) var(--ease-out)}.qo-select-viewport{padding:var(--select-inset)}.qo-select-option{position:relative;display:flex;align-items:center;gap:var(--space-12);min-height:44px;padding:var(--space-10) var(--space-12);padding-right:var(--space-40);border-radius:var(--select-inner-radius);font-size:var(--type-interface);line-height:var(--leading-ui);outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;overflow-wrap:anywhere}.qo-select-option[data-highlighted]{background:var(--selected-strong)}.qo-select-option[data-disabled]{color:var(--text-disabled);cursor:not-allowed}.qo-select-check{position:absolute;right:var(--space-12);display:flex;align-items:center}.qo-select-scroll{display:flex;justify-content:center;align-items:center;min-height:32px;color:var(--text-secondary);background:var(--surface-raised)}@media(forced-colors:active){.qo-select-popup{background:Canvas;border-color:ButtonText;box-shadow:none}.qo-select-option[data-highlighted]{background:Highlight;color:HighlightText}.qo-select-option[data-disabled]{color:GrayText}}.qo-select:has(.qo-select-validation){flex-wrap:wrap}.qo-select-validation{width:100%;margin-top:var(--space-8)}.qo-studio-workspace{container:studio / inline-size;min-width:0;padding:24px;--studio-line:var(--border-soft)}.qo-studio-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 24px;flex-wrap:wrap}.qo-studio-header>div:first-child{display:grid;gap:6px;min-width:0}.qo-studio-header h1{font-size:28px;line-height:1.2;overflow-wrap:anywhere}.qo-studio-header small,.qo-studio-header a{font-size:14px;color:var(--text-secondary)}.qo-studio-workbench{display:grid;grid-template-columns:180px minmax(0,1fr) 300px;border:1px solid var(--studio-line);border-radius:16px;overflow:clip;background:var(--panel);min-height:680px;align-items:start}.qo-studio-pages-desktop,.qo-studio-inspector-desktop{position:sticky;top:64px;max-height:calc(100dvh - 80px);overflow-y:auto;scrollbar-width:thin;min-width:0}.qo-studio-pages-desktop{border-right:1px solid var(--studio-line)}.qo-studio-inspector-desktop{border-left:1px solid var(--studio-line)}.qo-studio-pages{padding:16px 10px;display:flex;flex-direction:column;gap:20px}.qo-studio-panel-heading{display:flex;align-items:center;justify-content:space-between;padding-left:8px}.qo-studio-panel-heading h2{font-size:16px;font-weight:600}.qo-studio-page,.qo-studio-node-list button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);text-align:start;font-size:14px;line-height:1.4}.qo-studio-page>span,.qo-studio-node-list button>span{flex:1;overflow-wrap:anywhere}.qo-studio-page svg,.qo-studio-node-list svg{flex-shrink:0}.qo-studio-page small{font-size:12px}.qo-studio-page[aria-current=page]{background:var(--selected);color:var(--text);box-shadow:inset 2px 0 var(--accent)}.qo-studio-page:hover,.qo-studio-node-list button:hover{background:var(--hover)}.qo-studio-node-list{margin:6px 0 12px 16px;border-left:1px solid var(--studio-line);padding-left:6px}.qo-studio-node-list button[aria-pressed=true]{color:var(--text);background:var(--surface)}.qo-studio-page-actions{display:grid;gap:16px;border-top:1px solid var(--studio-line);padding:16px 8px;font-size:14px}.qo-author-canvas{min-width:0;background:var(--app);padding:16px}.qo-author-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.qo-author-canvas-toolbar .qo-field{max-width:112px}.qo-author-canvas-toolbar .qo-field-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.qo-author-canvas-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--text-secondary);margin-bottom:12px;flex-wrap:wrap}.qo-author-canvas-label>span:first-child{color:var(--text)}.qo-author-canvas .qo-experience-preview{border-radius:12px;box-shadow:var(--shadow-surface);overflow:clip;border:1px solid var(--border-soft)}.qo-author-canvas .qo-demo-frame{margin-inline:auto}.qo-studio-inspector{padding:16px;min-width:0}.qo-studio-inspector>.qo-segmented{width:100%}.qo-studio-inspector-body{padding-top:20px}.qo-studio-inspector-body details{border-top:1px solid var(--studio-line,var(--border-soft));padding-top:12px}.qo-studio-inspector-body summary{font-size:16px;font-weight:500;min-height:44px;cursor:pointer}.qo-studio-inspector-body details>.qo-stack{padding-block:12px}.qo-studio-inspector-body small{font-size:14px;color:var(--text-secondary);line-height:1.5}.qo-studio-inspector-body .qo-stack{gap:20px}.qo-studio-scope{display:grid;gap:8px;background:var(--surface);padding:12px;border-radius:10px}.qo-studio-scope strong{font-size:14px;overflow-wrap:anywhere}.qo-studio-property{display:grid;gap:8px}.qo-studio-property>label{font-size:14px}.qo-studio-property-source{display:flex;align-items:center;justify-content:space-between;gap:8px}.qo-studio-property-source .qo-button{min-height:32px;padding:4px 8px;font-size:14px}.qo-studio-property input[type=color]{width:100%;height:44px;padding:6px}.qo-studio-inspector .qo-field-label{font-size:14px}.qo-studio-review-list{list-style:none;padding:0;display:grid;gap:12px}.qo-studio-review-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.qo-studio-preview-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:20px 0 4px;font-size:14px;color:var(--text-secondary)}.qo-studio-preview-footer small{font-size:14px;max-width:50ch}.qo-studio-status{padding:16px 0;font-size:14px;color:var(--text-secondary)}.qo-studio-starters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.qo-studio-starter{--starter-inset:var(--space-12);--starter-inner-radius:var(--radius-small);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;text-align:start;padding:var(--starter-inset) var(--starter-inset) 20px;background:var(--panel);border:var(--border-width) solid var(--border-soft);border-radius:calc(var(--starter-inner-radius) + var(--starter-inset) + var(--border-width));color:var(--text);transition:background .14s ease,box-shadow .14s ease}.qo-studio-starter:hover{background:var(--surface);box-shadow:var(--shadow-surface)}.qo-studio-starter>span{margin-inline:8px}.qo-studio-starter>span:last-child{font-size:14px;line-height:1.55;color:var(--text-secondary)}.qo-studio-starter-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}.qo-studio-starter-title>svg:last-child{margin-left:auto}.qo-studio-mini{height:140px;display:grid;grid-template-columns:28px 1fr;gap:10px;padding:14px;border-radius:var(--starter-inner-radius,var(--radius-small));background:var(--app);border:1px solid var(--border-soft);overflow:hidden}.qo-studio-mini>span{background:var(--surface);border-radius:4px}.qo-studio-mini>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qo-studio-mini i{background:var(--surface);border:1px solid var(--border-soft);border-radius:6px}.qo-studio-mini i:first-child{border-top:2px solid var(--accent)}.qo-studio-mini-settings>div{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.qo-studio-mini-chat>div{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 22px}.qo-studio-mini-chat i:nth-child(2){margin-left:28px;background:var(--selected)}.qo-studio-mini-content>div{display:flex;flex-direction:column}.qo-studio-mini-content i:first-child{height:36px}.qo-studio-mini-content i{height:8px}.qo-studio-mini-content i:last-child{width:65%}.qo-studio-recent{display:grid;gap:0}.qo-studio-recent-row{display:flex;align-items:center;gap:16px;padding:20px 8px;border-bottom:1px solid var(--border-soft)}.qo-studio-recent-row>span{display:grid;flex:1;gap:6px;min-width:0}.qo-studio-recent-row strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.qo-studio-recent-row small{font-size:14px;color:var(--text-secondary)}.qo-studio-resources{padding-block:24px}.qo-studio-resources summary{min-height:44px;cursor:pointer}.qo-studio-resources .qo-inline{gap:24px;padding-block:16px}.qo-studio-preview-shell{container:experience / inline-size;display:grid;grid-template-columns:1fr;min-width:0;min-height:540px}.qo-studio-preview-sidebar{grid-template-columns:150px minmax(0,1fr)}.qo-studio-preview-content{min-width:0}.qo-studio-preview-centered .qo-experience-render{max-width:900px;margin-inline:auto}.qo-studio-preview-nav{padding:12px;display:flex;gap:6px;flex-wrap:wrap;align-content:start;border-bottom:1px solid var(--border-soft)}.qo-studio-preview-sidebar>.qo-studio-preview-nav{flex-direction:column;border-bottom:0;border-right:1px solid var(--border-soft);background:var(--panel)}.qo-studio-preview-nav button{min-height:44px;padding:10px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);text-align:start;font-size:14px;overflow-wrap:anywhere}.qo-studio-preview-nav button[aria-current=page]{background:var(--selected);color:var(--text);box-shadow:inset 2px 0 var(--accent)}.qo-studio-pages-toggle,.qo-studio-inspector-toggle{display:none}@container studio (max-width:1060px){.qo-studio-workbench{grid-template-columns:180px minmax(0,1fr)}.qo-studio-inspector-desktop{display:none}.qo-studio-inspector-toggle{display:inline-flex}}@container studio (max-width:680px){.qo-studio-workbench{grid-template-columns:minmax(0,1fr)}.qo-studio-pages-desktop{display:none}.qo-studio-pages-toggle{display:inline-flex}.qo-studio-header{gap:16px}.qo-studio-header h1{font-size:24px}.qo-studio-header>.qo-inline{gap:8px}.qo-author-canvas{padding:12px}.qo-author-canvas-toolbar{gap:8px}.qo-author-canvas-toolbar .qo-select-trigger{max-width:100px}}@container (max-width:600px){.qo-studio-preview-sidebar{grid-template-columns:minmax(0,1fr)}.qo-studio-preview-sidebar>.qo-studio-preview-nav{flex-direction:row;border-right:0;border-bottom:1px solid var(--border-soft)}}@media(max-width:1200px){.qo-studio-starters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.qo-studio-workspace{padding:16px 12px}.qo-studio-starters{grid-template-columns:minmax(0,1fr)}.qo-studio-mini{height:120px}.qo-studio-recent-row{gap:10px}.qo-studio-recent-row>.qo-badge{display:none}}@media(prefers-reduced-motion:reduce){.qo-studio-starter{transition:none}}@media(forced-colors:active){.qo-studio-page[aria-current=page],.qo-studio-preview-nav button[aria-current=page]{border-color:Highlight}.qo-studio-starter,.qo-studio-workbench{border-color:CanvasText}}.qo-studio-starter>span{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%;margin:0!important;white-space:normal}.qo-studio-starter .qo-studio-mini{width:100%}.qo-studio-starter .qo-studio-starter-title{font-size:16px;color:var(--text);padding-inline:6px}.qo-studio-starter>span>span:last-child{font-size:14px;color:var(--text-secondary);line-height:1.55;padding-inline:6px}.qo-studio-page>span,.qo-studio-node-list button>span{display:flex;align-items:center;gap:8px;width:100%;white-space:normal}.qo-studio-page>span>span,.qo-studio-node-list button>span>span{flex:1;min-width:0}.qo-studio-page>span>small{font-size:12px;margin-left:auto}.qo-author-canvas-toolbar>.qo-select{flex:0 0 110px;max-width:110px}.qo-studio-header{column-gap:32px}.qo-studio-header>div:first-child{flex:1 1 240px}.qo-studio-header>.qo-inline{flex:0 1 auto;justify-content:flex-end}.qo-studio-starters~*{min-width:0}.qo-studio-preview-shell .qo-example-header,.qo-studio-preview-shell .qo-example-footer{display:none}.qo-studio-preview-shell .qo-demo-library>.qo-surface{border:0;background:transparent;padding:0}.qo-studio-preview-shell .qo-stat{min-height:0;display:grid;align-content:start;gap:12px}.qo-app-shell-focus>.qo-sidebar,.qo-app-shell-focus>.qo-resizer{display:none}.qo-app-shell-focus .qo-workspace-header>.qo-mobile-only{display:inline-flex}.qo-app-shell-focus{grid-template-columns:minmax(0,1fr)}.qo-app-shell-focus>.qo-main-shell{grid-column:1;min-width:0}.qo-island{--island-duration:.34s;--island-radius:28px;box-sizing:border-box;isolation:isolate;width:280px;max-width:100%;margin-inline:auto;background:var(--panel);color:var(--text);border:var(--border-width) solid var(--border-control);border-radius:var(--island-radius);box-shadow:0 8px 24px #0000002e,0 2px 6px #0000001f;transition:width var(--island-duration) var(--ease-settle),border-radius var(--island-duration) var(--ease-settle)}.qo-island[data-expanded=true]{--island-radius:24px;width:420px}.qo-island-trigger{font:inherit;font-size:var(--type-interface);font-weight:500;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;background:transparent;color:inherit;border:0;border-radius:max(0px,calc(var(--island-radius) - var(--border-width)));transition:border-radius var(--island-duration) var(--ease-settle);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.qo-island-trigger:hover{background:var(--hover)}.qo-island-trigger:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.qo-island-leading{display:flex;color:var(--accent);flex-shrink:0}.qo-island-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qo-island-trailing{display:flex;align-items:center;font-variant-numeric:tabular-nums;flex-shrink:0;color:var(--text-secondary)}.qo-island-chevron{display:flex;color:var(--text-secondary);transition:rotate var(--island-duration) var(--ease-settle)}.qo-island[data-expanded=true] .qo-island-chevron{rotate:180deg}.qo-island-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--island-duration) var(--ease-settle),opacity var(--island-duration) var(--ease-settle)}.qo-island[data-expanded=true] .qo-island-reveal{grid-template-rows:1fr;opacity:1}.qo-island-clip{min-height:0;overflow:hidden}.qo-island-body{padding:4px 20px 20px;overflow-wrap:anywhere}.qo-island-actions{display:flex;gap:8px;flex-wrap:wrap}.qo-island-actions .qo-button{min-height:44px}.qo-island-stage{min-height:290px;padding:24px 8px;display:flex;align-items:flex-start;width:100%;box-sizing:border-box}.qo-island-demo{width:100%;min-width:0}@media(prefers-reduced-motion:reduce){.qo-island,.qo-island-trigger,.qo-island-reveal,.qo-island-chevron{transition:none}}@media(forced-colors:active){.qo-island{border-color:CanvasText;box-shadow:none}.qo-island-leading{color:ButtonText}.qo-island-trigger:focus-visible{outline-color:Highlight}}.qo-progress-striped{width:100%}.qo-progress-channel{height:22px;flex:1;min-width:0;border-radius:11px;background:var(--app);border:1px solid var(--border-control);padding:2px;box-shadow:inset 0 2px 4px #0000003d;overflow:hidden}.qo-progress-fill{--meter-accent:var(--accent-fill,var(--accent));display:block;height:100%;border-radius:8px;background-color:var(--meter-accent);background-image:linear-gradient(to bottom,rgb(255 255 255 / .24),transparent 55%,rgb(0 0 0 / .12)),repeating-linear-gradient(135deg,transparent 0 7px,rgb(255 255 255 / .22) 7px 13px);box-shadow:inset 0 1px 1px #ffffff4d;transition:width var(--duration-short) var(--ease-out)}.qo-progress-striped>.qo-text{min-width:4ch;font-variant-numeric:tabular-nums;text-align:end}.qo-slider-recess{--meter-accent:var(--accent-fill,var(--accent));width:100%;min-width:0;padding:8px;border:1px solid var(--border-control);border-radius:33px;background:var(--app);box-shadow:inset 0 2px 5px #00000038}.qo-slider-stepped{height:48px;isolation:isolate}.qo-slider-stepped .qo-slider-track{height:48px;background:transparent;border-radius:24px;overflow:hidden}.qo-slider-filled{position:absolute;inset-block:0;left:0;background:var(--meter-accent);border-radius:24px}.qo-slider-stepped .qo-slider-thumb{box-sizing:border-box;width:48px;height:48px;background:var(--control-thumb,#fff);background-clip:padding-box;border:6px solid var(--meter-accent);border-radius:24px;box-shadow:none}.qo-slider-stepped .qo-slider-thumb:before{inset:0}.qo-slider-marks{position:absolute;pointer-events:none;inset:0 24px;display:block}.qo-slider-marks>span{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:var(--text-muted);translate:-50% -50%;opacity:.55}.qo-slider-marks>span[data-filled=true]{background:var(--accent-ink);opacity:.35}.qo-slider-stepped>:last-child{z-index:1}.qo-slider-stepped[data-disabled]{opacity:1}.qo-slider-recess[data-disabled]{opacity:.45}.qo-slider-stepped[data-orientation=horizontal][dir=rtl] .qo-slider-filled{left:auto;right:0}.qo-slider-stepped[dir=rtl] .qo-slider-marks{transform:scaleX(-1)}@media(prefers-reduced-motion:reduce){.qo-progress-fill{transition:none}}[data-motion=reduced] .qo-progress-fill{transition:none}@media(forced-colors:active){.qo-progress-channel,.qo-slider-recess{border-color:CanvasText;box-shadow:none}.qo-progress-fill,.qo-slider-filled{background:Highlight;box-shadow:none;forced-color-adjust:none}.qo-slider-stepped .qo-slider-thumb{background:ButtonText;border-color:Highlight;forced-color-adjust:none}.qo-slider-marks>span{background:CanvasText}.qo-slider-marks>span[data-filled=true]{background:HighlightText}}.qo-component-explorer{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;min-width:0}.qo-component-sidebar{position:sticky;top:var(--workspace-header);height:calc(100dvh - var(--workspace-header));border-right:1px solid var(--border-soft);background:var(--sidebar)}.qo-component-navigation{display:flex;flex-direction:column;gap:16px;padding:24px 16px;height:100%;min-height:0}.qo-component-navigation>.qo-link{font-size:14px;color:var(--text-secondary)}.qo-component-links{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable;padding:4px;display:flex;flex-direction:column;gap:20px}.qo-component-links section{display:flex;flex-direction:column;gap:2px}.qo-component-links h3{font-size:var(--type-interface);line-height:1.5;color:var(--text-secondary);font-weight:500;padding:0 10px 8px}.qo-component-links a.qo-link{display:flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:8px;color:var(--text-secondary);font-size:14px;line-height:1.4;text-decoration:none}.qo-component-links a.qo-link:hover{background:var(--hover);color:var(--text)}.qo-component-links a[aria-current=page].qo-link{background:var(--selected);color:var(--text);box-shadow:inset 2px 0 var(--accent);font-weight:500}.qo-component-content{min-width:0}.qo-component-content>.qo-container{max-width:1280px;padding:32px}.qo-component-mobile-nav{padding:16px 20px 0}.qo-dialog .qo-component-navigation{padding:0;max-height:calc(100dvh - 190px)}@media(max-width:1099px){.qo-component-explorer{display:block}.qo-component-content>.qo-container{padding:24px 20px}.qo-component-links a.qo-link{min-height:44px}}@media(forced-colors:active){.qo-component-links a[aria-current=page].qo-link{outline:1px solid Highlight}}.qo-action-feedback,.qo-selection-actions,.qo-execution-result{padding:var(--space-16);border:var(--border-width) solid var(--border-control);border-radius:var(--radius-standard);background:var(--panel);box-shadow:var(--shadow-surface);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);min-width:0}.qo-action-feedback>.qo-text,.qo-selection-actions>.qo-text{flex:1 1 12rem;overflow-wrap:anywhere}.qo-action-feedback[data-tone=danger]{border-color:var(--danger)}.qo-execution-result{flex-direction:column;align-items:stretch}.qo-execution-result details{font-size:var(--type-small)}.qo-selection-actions .qo-button{white-space:normal}.qo-content-state{display:grid;align-content:start;gap:var(--space-16);min-width:0}.qo-content-state[data-reserve=true]{min-height:10rem}.qo-content-ready{min-width:0;animation:qo-content-in var(--duration-short) var(--ease-settle)}.qo-stat-trend{width:100%;max-width:160px;height:40px;color:var(--text-secondary);overflow:visible}.qo-stat{overflow-wrap:anywhere;min-width:0}.qo-toast>.qo-icon{color:var(--text-secondary)}.qo-toast[data-tone=success]>.qo-icon{color:var(--success)}.qo-toast[data-tone=danger]>.qo-icon{color:var(--danger)}.qo-toast{flex-wrap:wrap;max-width:28rem}.qo-composer-context{padding:var(--space-8);border-bottom:var(--border-width) solid var(--border);font-size:var(--type-small);color:var(--text-secondary);overflow-wrap:anywhere}.qo-composer .qo-composer-actions{flex-wrap:wrap;gap:var(--space-8)}.qo-composer .qo-composer-actions>.qo-text{flex:1 1 12rem}@media(prefers-reduced-motion:reduce){.qo-content-ready{animation:none}}[data-motion=reduced] .qo-content-ready{animation:none}@media(forced-colors:active){.qo-action-feedback,.qo-selection-actions,.qo-execution-result{border-color:CanvasText}.qo-stat-trend{color:CanvasText}}.qo-resume-page{--resume-radius:24px;--resume-inset:28px;--resume-surface:var(--panel);--resume-stroke:1px;--resume-shadow-blur:32px;--resume-shadow-opacity:.065;--resume-heading-size:20px;--resume-weight:600;--resume-accent:var(--accent);--resume-name-size:32px;--resume-role-size:20px;--resume-enter-duration:640;--resume-enter-ease:cubic-bezier(.22,1,.36,1);container:resume / inline-size;background:transparent;color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.65;padding:clamp(20px,3vw,40px);min-width:0;overflow-wrap:anywhere}.qo-resume-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,2.3fr);grid-template-areas:"identity main" "sidebar main";grid-template-rows:max-content 1fr;column-gap:64px;row-gap:40px;max-width:1240px;margin:auto;align-items:start}.qo-resume-identity{grid-area:identity;min-width:0}.qo-resume-main{grid-area:main;min-width:0;display:grid;gap:56px}.qo-resume-sidebar{grid-area:sidebar;min-width:0}.qo-resume-sidebar-panels{display:grid;gap:24px}.qo-resume-profile{position:relative;min-width:0;padding:8px 0 0;background:transparent}.qo-resume-profile-art{height:112px;position:relative;display:flex;align-items:center;margin:0 0 28px;isolation:isolate}.qo-resume-monogram{position:relative;z-index:1;display:grid;place-items:center;width:88px;height:96px;border-radius:24px;background:linear-gradient(145deg,#455865,#20343f 55%,#14242d);color:#f7f9fa;font-size:30px;font-weight:500;letter-spacing:-.035em;transform:rotate(-6deg);box-shadow:inset 0 1px 1px #b3c8d560,0 10px 16px -10px #152f4866;border:1px solid #20333e}.qo-resume-profile-orbit{position:absolute;z-index:2;width:23px;height:23px;left:72px;top:3px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fce0be,#db905b 55%,#96532e);box-shadow:0 3px 5px #59331520}.qo-resume-profile h1{font-size:var(--resume-name-size);line-height:1.15;font-weight:var(--resume-weight);letter-spacing:-.035em;margin:0 0 12px}.qo-resume-role{font-size:var(--resume-role-size);line-height:1.5;font-weight:400;letter-spacing:-.015em;white-space:pre-line;margin:0;color:var(--text-secondary)}.qo-resume-contact{display:grid;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border-soft);font-size:14px;line-height:1.5}.qo-resume-contact>a,.qo-resume-contact>span{display:flex;align-items:center;gap:10px;min-width:0}.qo-resume-contact svg{flex:none;color:var(--text-muted);width:16px;height:16px}.qo-resume-contact a{color:inherit;text-decoration:none;min-height:28px}.qo-resume-contact a:hover{color:var(--resume-accent);text-decoration:underline;text-underline-offset:4px}.qo-resume-contact-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 16px;margin-top:24px;background:var(--text);color:var(--app);border:1px solid color-mix(in srgb,var(--text),#000 25%);border-radius:999px;box-shadow:0 2px 3px #142b4210;text-decoration:none;font-size:14px;font-weight:500}.qo-resume-contact-action svg{transition:transform var(--duration-short,.18s) var(--ease-settle,ease-out)}.qo-resume-contact-action:hover svg{transform:translate(2px,-2px)}.qo-resume-page h2{font-size:var(--resume-heading-size);font-weight:var(--resume-weight);line-height:1.3;letter-spacing:-.03em;margin:0}.qo-resume-introduction{position:relative;display:grid;gap:28px;padding:24px 0 0;min-width:0}.qo-resume-intro-copy{position:relative;min-width:0}.qo-resume-eyebrow{display:block;font-size:12px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:24px}.qo-resume-page .qo-resume-statement{font-size:clamp(44px,6.4cqw,80px);font-weight:600;line-height:1.055;letter-spacing:-.045em;white-space:pre-line;max-width:18ch;text-wrap:balance}.qo-resume-intro-copy>p{font-size:16px;line-height:1.7;margin:28px 0 0;max-width:49ch;white-space:pre-line;color:var(--text-secondary)}.qo-resume-intro-foot{display:flex;align-items:center;padding:0;font-size:14px;color:var(--text-secondary)}.qo-resume-intro-foot svg{width:16px}.qo-resume-panels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--design-section-gap,24px);row-gap:max(40px,var(--design-section-gap,24px));align-items:start}.qo-resume-panel{grid-column:span 3;min-width:0;padding:var(--resume-inset);border:var(--resume-stroke) solid var(--border-soft);border-radius:var(--resume-radius);background:var(--resume-surface);box-shadow:0 8px var(--resume-shadow-blur) -16px rgb(0 0 0 / var(--resume-shadow-opacity))}.qo-resume-panel[data-resume-width=full]{grid-column:1/-1}.qo-resume-panel[data-resume-width=compact]{grid-column:span 2}.qo-resume-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.qo-resume-count{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.qo-resume-entries{display:grid;gap:28px}.qo-resume-entry,.qo-resume-entry-content{min-width:0}.qo-resume-entry+.qo-resume-entry{border-top:1px solid var(--border-soft);padding-top:24px}.qo-resume-entry-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.qo-resume-entry-heading>div{min-width:0}.qo-resume-entry h3{margin:0;font-size:1em;font-weight:var(--resume-weight);line-height:1.45;letter-spacing:-.02em}.qo-resume-entry h3 a{display:inline-flex;align-items:baseline;gap:6px;color:inherit;text-decoration:none}.qo-resume-entry a:hover{text-decoration:underline;text-underline-offset:4px}.qo-resume-entry-subtitle{margin:5px 0 0;font-size:14px;color:var(--text-secondary)}.qo-resume-period,.qo-resume-entry-meta{font-size:13px;color:var(--text-secondary);line-height:1.5}.qo-resume-period{flex-shrink:0}.qo-resume-entry-meta{margin:8px 0 0}.qo-resume-entry-body{margin:16px 0 0;white-space:pre-line;color:var(--text-secondary)}.qo-resume-entry-text .qo-resume-entry-body:first-child{margin:0}.qo-resume-highlights{padding-left:18px;margin:14px 0 0;color:var(--text-secondary)}.qo-resume-highlights li+li{margin-top:8px}.qo-resume-highlights li::marker{color:var(--text-muted)}.qo-resume-panel-experience .qo-resume-entries{gap:24px;padding-left:22px}.qo-resume-entry-experience{position:relative}.qo-resume-entry-experience:before{content:"";position:absolute;width:8px;height:8px;border:2px solid var(--resume-accent);background:var(--resume-surface);border-radius:50%;left:-23px;top:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}.qo-resume-entry-experience:not(:last-child):after{content:"";position:absolute;top:24px;bottom:-22px;width:1px;left:-18px;background:var(--border-soft)}.qo-resume-entry-experience+.qo-resume-entry-experience{border:0;padding-top:0}.qo-resume-panel-projects{container:resume-projects / inline-size;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.qo-resume-panel-projects .qo-resume-entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.qo-resume-entry-projects{display:flex;flex-direction:column;overflow:hidden;border:var(--resume-stroke) solid var(--border-soft);border-radius:var(--resume-radius);background:var(--resume-surface);box-shadow:0 10px var(--resume-shadow-blur) -14px rgb(0 0 0 / var(--resume-shadow-opacity))}.qo-resume-entry-projects+.qo-resume-entry-projects{padding:0;border-top-width:var(--resume-stroke)}.qo-resume-entry-projects .qo-resume-entry-content{display:flex;flex-direction:column;flex:1;padding:var(--resume-inset)}.qo-resume-entry-projects .qo-resume-entry-heading{display:grid;gap:8px}.qo-resume-entry-projects .qo-resume-period{grid-row:1;font-size:12px}.qo-resume-entry-projects h3{font-size:20px;line-height:1.3;letter-spacing:-.025em}.qo-resume-entry-projects .qo-resume-entry-body{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.qo-resume-entry-projects .qo-resume-highlights{display:none}.qo-resume-entry-projects .qo-resume-entry-body{margin-bottom:24px}.qo-resume-project-action{border-top:1px solid var(--border-soft);margin-top:auto;padding-top:16px}.qo-resume-project-action>.qo-button{display:flex;justify-content:space-between;width:100%;padding-inline:0;font-size:14px;min-height:44px}.qo-resume-project-action>.qo-button:hover{background:transparent;color:var(--accent)}.qo-resume-project-cover{position:relative;aspect-ratio:1.18;flex:none;overflow:hidden;background:var(--panel);isolation:isolate}.qo-resume-project-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--resume-art-duration,var(--duration-panel,.3s)) var(--ease-settle,ease-out)}.qo-resume-cover-label{position:absolute;bottom:12px;right:12px;border:1px solid #15273280;background:#132a34c9;color:#eef5f6;font-size:10px;line-height:1.5;letter-spacing:.03em;padding:3px 6px;border-radius:4px}.qo-resume-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#3d6375,#182f3c 80%)}.qo-resume-art-grid{position:absolute;inset:8%;border:1px solid #e6f5fc0d;border-radius:50%;transform:rotate(-25deg) scaleY(.7)}.qo-resume-art-coordinate{position:absolute;bottom:16px;left:16px;font-size:9px;letter-spacing:.15em;color:#e0edf0;line-height:1}.qo-resume-orbit{position:absolute;width:65%;aspect-ratio:1;left:17.5%;top:9%;transform:rotate(-24deg);transition:transform var(--resume-art-duration,var(--duration-panel,.3s)) var(--ease-settle,ease-out)}.qo-resume-orbit i{position:absolute;inset:7%;border-radius:50%;border:clamp(12px,2cqw,23px) solid #8dc4e4;transform:rotateX(47deg);box-shadow:inset 2px 3px 4px #e1f4ff,inset -4px -5px 9px #326288,3px 8px #4f8daf,9px 21px 15px #081e3940;background:transparent}.qo-resume-orbit i:nth-child(2){transform:translateY(22%) rotateX(47deg);z-index:-1;border-color:#5594c4;box-shadow:inset 2px 3px 4px #b7dfff,inset -4px -5px 9px #2d5483,3px 8px #326085,9px 21px 15px #081e3940}.qo-resume-orbit i:nth-child(3){transform:translateY(44%) rotateX(47deg);z-index:-2;border-color:#3979a7;box-shadow:inset 2px 3px 4px #a6d2f2,inset -4px -5px 9px #1d4366,3px 8px #294e6d,9px 21px 15px #081e3940}.qo-resume-orbit b{position:absolute;width:24%;height:24%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffedd2,#edb176 50%,#b96738);left:38%;top:23%;box-shadow:6px 12px 14px #17394e50}.qo-resume-layer-stack{position:absolute;left:18%;top:10%;width:64%;height:77%;transform:rotate(-20deg);transition:transform var(--resume-art-duration,var(--duration-panel,.3s)) var(--ease-settle,ease-out)}.qo-resume-layer-stack i{position:absolute;inset:15%;border-radius:20%;transform:translate(-18%,23%) rotate(-7deg);background:linear-gradient(135deg,#aebdb4,#668478);box-shadow:inset 1px 1px 1px #e1e7de,7px 13px 15px #523a2226}.qo-resume-layer-stack i:nth-child(2){background:linear-gradient(135deg,#ecb783,#ba784b);transform:translate(0) rotate(0)}.qo-resume-layer-stack i:nth-child(3){background:linear-gradient(135deg,#fff5e5,#e6d6bc);transform:translate(17%,-23%) rotate(7deg)}.qo-resume-layer-stack b{position:absolute;left:51%;top:20%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#698b86,#244944 60%,#15322b);box-shadow:3px 5px 6px #39281d25}.qo-resume-layer-stack~.qo-resume-art-coordinate{color:#544537}.qo-resume-art:has(.qo-resume-layer-stack){background:radial-gradient(ellipse at 30% 0%,#f7ebd9,#e4cdb4)}.qo-resume-project-detail{display:grid;gap:16px;color:var(--text)}.qo-resume-project-detail>.qo-resume-project-cover{border-radius:16px;max-height:260px}.qo-resume-project-detail .qo-resume-entry-body{margin:0;line-height:1.7}.qo-resume-project-detail .qo-resume-highlights,.qo-resume-project-detail .qo-resume-contact-action{margin:0}.qo-resume-panel-text{background:var(--resume-surface)}.qo-resume-skills{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.qo-resume-skills li{padding:6px 10px;background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;font-size:13px;color:var(--text-secondary);box-shadow:0 2px 2px #132b3a03}.qo-resume-sidebar .qo-resume-panel{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.qo-resume-sidebar .qo-resume-section-heading{margin-bottom:16px}.qo-resume-sidebar .qo-resume-section-heading h2{font-size:var(--resume-heading-size)}.qo-resume-sidebar .qo-resume-entry-heading{display:grid;gap:6px}.qo-resume-sidebar .qo-resume-entry-body{font-size:inherit}.qo-resume-empty{color:var(--text-muted);font-size:14px;margin:0}.qo-resume-profile-specimen{max-width:420px}.qo-resume-reader{min-height:100dvh;background:var(--app)}.qo-resume-reader-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px max(24px,calc((100vw - 1360px)/2));border-bottom:1px solid var(--border-soft);background:var(--app)}.qo-resume-reader-toolbar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qo-resume-reader-toolbar small{font-size:13px;color:var(--text-secondary)}.qo-resume-reader .qo-resume-page{padding-block:40px;background:transparent}.qo-resume-reader .qo-experience-preview>.qo-kit-tabs{display:none}.qo-resume-reader .qo-studio-preview-content{width:100%;max-width:1440px;margin:auto}.qo-resume-reader .qo-demo-frame{border:0;box-shadow:none}.qo-resume-reader .qo-experience-preview{margin:0;border:0;border-radius:0;overflow:visible;background:var(--app)}.qo-studio-resume .qo-studio-workbench{grid-template-columns:minmax(0,1fr) 320px}.qo-studio-resume .qo-studio-pages-desktop{display:none}.qo-studio-resume .qo-studio-pages-toggle{display:inline-flex}.qo-studio-resume .qo-author-canvas{padding:16px}.qo-studio-resume .qo-studio-preview-shell{min-height:0}.qo-studio-resume .qo-resume-page{padding:0}.qo-studio-preview-resume>.qo-studio-preview-nav{display:none}.qo-studio-preview-resume{grid-template-columns:minmax(0,1fr)}@container resume-projects (max-width:640px){.qo-resume-panel-projects .qo-resume-entries{grid-template-columns:minmax(0,1fr)}}@container resume (max-width:1000px){.qo-resume-layout{column-gap:40px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.8fr)}.qo-resume-page .qo-resume-statement{font-size:clamp(44px,6.6cqw,68px)}.qo-resume-role{font-size:18px}}@container resume (max-width:760px){.qo-resume-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "main" "sidebar";gap:44px}.qo-resume-profile{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px 24px;padding:0}.qo-resume-profile-art{height:88px;margin:0;grid-column:1;grid-row:1}.qo-resume-profile-name{grid-column:2;align-self:center}.qo-resume-profile-art .qo-resume-monogram{width:66px;height:74px;font-size:24px;border-radius:20px}.qo-resume-profile-orbit{width:18px;height:18px;left:55px;top:1px}.qo-resume-contact{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0;padding-top:20px}.qo-resume-contact-action{grid-column:1/-1;margin:0;width:fit-content;gap:40px;min-width:180px}.qo-resume-sidebar-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.qo-resume-panel[data-resume-width=compact]{grid-column:span 3}.qo-resume-introduction{padding:0;gap:20px}.qo-resume-main{gap:44px}.qo-resume-intro-copy>p{margin-top:24px}.qo-resume-page .qo-resume-statement{font-size:clamp(46px,9cqw,68px)}}@container resume (max-width:440px){.qo-resume-panels{grid-template-columns:minmax(0,1fr)}.qo-resume-panel[data-resume-width]{grid-column:1}.qo-resume-entry-heading{display:grid;gap:6px}.qo-resume-contact{grid-template-columns:1fr;gap:4px}.qo-resume-sidebar-panels{grid-template-columns:1fr}.qo-resume-profile{gap:20px}.qo-resume-profile h1{font-size:min(var(--resume-name-size),30px)}.qo-resume-role{font-size:16px}.qo-resume-panel:not(.qo-resume-panel-projects){padding:min(var(--resume-inset),24px)}.qo-resume-sidebar .qo-resume-panel{padding:0}.qo-resume-intro-copy>p{max-width:none}.qo-resume-entry-projects .qo-resume-entry-content{padding:min(var(--resume-inset),24px)}.qo-resume-project-cover{aspect-ratio:1.25}}@container studio (max-width:1060px){.qo-studio-resume .qo-studio-workbench{grid-template-columns:minmax(0,1fr)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.qo-resume-entry-projects:hover .qo-resume-project-cover:not([data-resume-still=true]) .qo-resume-orbit,.qo-resume-entry-projects:focus-within .qo-resume-project-cover:not([data-resume-still=true]) .qo-resume-orbit{transform:translateY(-4px) rotate(-18deg)}.qo-resume-entry-projects:hover .qo-resume-project-cover:not([data-resume-still=true]) .qo-resume-layer-stack,.qo-resume-entry-projects:focus-within .qo-resume-project-cover:not([data-resume-still=true]) .qo-resume-layer-stack{transform:translateY(-4px) rotate(-14deg)}.qo-resume-entry-projects:hover .qo-resume-project-cover:not([data-resume-still=true])>img{transform:scale(1.035)}}[data-motion=reduced] .qo-resume-orbit,[data-motion=reduced] .qo-resume-layer-stack,[data-motion=reduced] .qo-resume-project-cover>img,[data-motion=reduced] .qo-resume-contact-action svg{transition:none!important}@media(prefers-reduced-motion:reduce){.qo-resume-orbit,.qo-resume-layer-stack,.qo-resume-project-cover>img,.qo-resume-contact-action svg{transition:none!important}.qo-resume-contact-action:hover svg{transform:none}}@media(pointer:coarse){.qo-resume-contact a{min-height:44px}.qo-resume-entry h3 a{min-height:44px;align-items:center}}@media(max-width:600px){.qo-resume-reader-toolbar{padding:12px 16px;flex-wrap:wrap}.qo-resume-reader-toolbar>div{gap:8px}.qo-resume-reader .qo-resume-page{padding:24px 16px}}@media(forced-colors:active){.qo-resume-panel,.qo-resume-profile,.qo-resume-introduction,.qo-resume-entry-projects,.qo-resume-skills li{border:1px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none}.qo-resume-contact-action{background:ButtonFace;color:ButtonText;border-color:ButtonText}.qo-resume-hero-art,.qo-resume-profile-art,.qo-resume-project-cover{display:none}}@media print{@page{size:auto;margin:14mm}html:has(.qo-resume-reader),body:has(.qo-resume-reader),#root:has(.qo-resume-reader){background:#fff!important;color:#111!important;color-scheme:light}.qo-resume-reader-toolbar,.qo-resume-reader .qo-kit-tabs,.qo-resume-reader .qo-resume-profile-art,.qo-resume-reader .qo-resume-hero-art,.qo-resume-reader .qo-resume-project-cover,.qo-resume-reader .qo-resume-project-action,.qo-resume-reader .qo-resume-contact-action,.qo-resume-reader .qo-resume-intro-foot,.qo-resume-reader .qo-resume-eyebrow,.qo-resume-reader .qo-resume-count{display:none!important}.qo-resume-reader,.qo-resume-reader .qo-platform-sample,.qo-resume-reader .qo-resume-page{background:#fff!important;color:#111!important;padding:0;min-height:0}.qo-resume-reader .qo-resume-page{font-size:10pt!important;--resume-heading-size:12pt!important;--resume-name-size:22pt!important;--resume-role-size:12pt!important;--text-secondary:#333;--text-muted:#555;--text:#111;--border-soft:#ddd;container-type:normal}.qo-resume-reader .qo-experience-render>[data-node]{padding:0!important}.qo-resume-reader .qo-resume-layout,.qo-resume-reader .qo-resume-panels,.qo-resume-reader .qo-resume-sidebar-panels,.qo-resume-reader .qo-resume-main,.qo-resume-reader .qo-resume-panel-projects .qo-resume-entries{display:block;overflow:visible}.qo-resume-reader .qo-resume-profile{display:block;margin-bottom:6mm;padding:0;border:0;background:#fff;box-shadow:none}.qo-resume-reader .qo-resume-contact{display:flex;flex-wrap:wrap;gap:3mm;margin-top:3mm;padding:0;border:0}.qo-resume-reader .qo-resume-panel,.qo-resume-reader .qo-resume-entry-projects{padding:4mm 0!important;border:0!important;border-top:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;font-size:10pt!important;color:#111!important;overflow:visible}.qo-resume-reader .qo-resume-section-heading{margin-bottom:3mm;break-after:avoid}.qo-resume-reader .qo-resume-section-heading:after{display:none}.qo-resume-reader .qo-resume-entry{break-inside:avoid}.qo-resume-reader .qo-resume-entry:before,.qo-resume-reader .qo-resume-entry:after{display:none}.qo-resume-reader .qo-resume-entry+.qo-resume-entry{padding-top:3mm}.qo-resume-reader .qo-resume-entry-content{padding:0}.qo-resume-reader .qo-resume-entry-body,.qo-resume-reader .qo-resume-highlights,.qo-resume-reader .qo-resume-intro-copy>p{font-size:10pt!important;line-height:1.5!important;color:#333!important;display:block;overflow:visible}.qo-resume-reader .qo-resume-introduction{display:block;border:0;border-radius:0;padding:0;margin-bottom:4mm;background:#fff;box-shadow:none}.qo-resume-reader .qo-resume-statement{font-size:16pt!important;max-width:none;white-space:normal}.qo-resume-reader .qo-resume-intro-copy>p{margin-top:3mm}.qo-resume-reader .qo-resume-entries{display:block;gap:4mm;padding-left:0}.qo-resume-reader .qo-resume-entry-projects{display:block}.qo-resume-reader .qo-resume-entry-projects .qo-resume-entry-body{margin-bottom:0}.qo-resume-reader .qo-resume-section-heading{display:block;break-after:avoid-page}.qo-resume-reader a{color:#111!important;text-decoration:none}.qo-resume-reader .qo-resume-profile h1{font-size:22pt!important}.qo-resume-reader .qo-resume-profile,.qo-resume-reader .qo-resume-role,.qo-resume-reader .qo-resume-contact,.qo-resume-reader h1,.qo-resume-reader h2,.qo-resume-reader h3{color:#111!important}.qo-resume-reader .qo-resume-profile h1{break-after:avoid}}.qo-resume-editor{display:grid;gap:24px}.qo-resume-editor-section{display:grid;gap:16px}.qo-resume-editor .qo-field{min-width:0}.qo-resume-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.qo-resume-editor-heading h3{font-size:16px;line-height:1.4;margin:0}.qo-resume-editor-entry{padding:16px;border:1px solid var(--border-soft);border-radius:12px;display:grid;gap:16px}.qo-resume-editor-actions{display:flex;gap:8px;flex-wrap:wrap}.qo-resume-editor-hint{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}.qo-resume-panel-list{display:grid;gap:6px}.qo-resume-panel-choice{display:flex;align-items:center;gap:8px}.qo-resume-panel-choice>.qo-button{flex:1;justify-content:space-between;text-align:left}.qo-resume-editor-nav{display:grid;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border-soft)}.qo-studio-mini-resume{background:#f6f5f2;color:#30302d}.qo-studio-mini-resume>span{width:26%;height:100%;background:#e9e8e2}.qo-studio-mini-resume>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.qo-studio-mini-resume>div>i{background:#fff;border:1px solid #e4e3de;border-radius:6px}.qo-studio-mini-resume>div>i:first-child{grid-column:1/-1;height:32px}.qo-resume-intro-foot>.qo-button{width:auto;gap:20px;min-height:44px;padding:0;font-size:14px;color:var(--accent)}.qo-resume-intro-foot>.qo-button:hover{background:transparent;color:var(--text)}.qo-resume-panel{scroll-margin-top:24px}.qo-resume-project-cover .qo-resume-orbit{width:60%;left:20%;top:8%}.qo-resume-project-cover[data-resume-still=true] .qo-resume-orbit,.qo-resume-project-cover[data-resume-still=true] .qo-resume-layer-stack,.qo-resume-project-cover[data-resume-still=true]>img{transition:none!important}@media print{.qo-resume-intro-copy,.qo-resume-section-heading,.qo-resume-entry-projects{opacity:1!important;translate:none!important}.qo-resume-reader .qo-resume-intro-copy>p{max-width:none}body:has(.qo-resume-reader) .qo-dialog,body:has(.qo-resume-reader) .qo-scrim{display:none!important}}@media screen{.qo-resume-reader .qo-resume-page{padding:clamp(12px,3vw,40px) 0 48px}}.qo-resume-page[data-resume-still=true] .qo-resume-contact-action svg{transition:none;transform:none}.qo-expandable-content{min-width:0}.qo-expandable-viewport{max-height:var(--reading-preview-height);overflow:hidden}.qo-expandable-preview{display:flow-root}.qo-expandable-preview>:first-child{margin-top:0}.qo-expandable-preview>:last-child{margin-bottom:0}.qo-expandable-content[data-overflow=true] .qo-expandable-viewport{-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),transparent);mask-image:linear-gradient(#000 calc(100% - 32px),transparent)}.qo-expandable-content[data-overflow=true] .qo-expandable-preview a{color:inherit;text-decoration:none;pointer-events:none}.qo-expandable-content[data-overflow=true] .qo-expandable-preview a svg{display:none}.qo-expandable-summary{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.qo-expandable-action{border-top:1px solid var(--border-soft);padding-top:12px;margin-top:12px}.qo-expandable-action>.qo-button{width:100%;min-height:44px;justify-content:space-between;padding-inline:0;color:var(--accent);font-size:14px}.qo-expandable-action>.qo-button:hover{background:transparent;color:var(--text)}.qo-dialog-reading{top:50%;left:50%;transform:translate(-50%,-50%);width:760px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);border-radius:28px;border:1px solid var(--border-soft);padding:28px;overflow:hidden;gap:12px;box-shadow:0 28px 90px -24px #10233170;--duration-panel:.44s;--design-exit:.32s;--ease-settle:cubic-bezier(.2,.8,.2,1)}.qo-dialog-reading>.qo-inline{flex-shrink:0;gap:20px}.qo-dialog-reading>.qo-inline>.qo-heading{min-width:0;overflow-wrap:anywhere;max-height:25dvh;overflow:auto;font-size:24px;line-height:1.2;letter-spacing:-.03em}.qo-dialog-reading>.qo-inline>.qo-button{flex-shrink:0;min-width:44px;min-height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border-soft)}.qo-dialog-reading>.qo-text{margin:0;flex-shrink:0}.qo-dialog-reading>.qo-dialog-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding-top:20px;padding-right:8px;scrollbar-gutter:stable;border-top:1px solid var(--border-soft)}.qo-reading-content{font-size:16px;line-height:1.75;min-width:0;overflow-wrap:anywhere}.qo-reading-content h3{font-size:18px;line-height:1.4;letter-spacing:-.02em}.qo-reading-content p{white-space:pre-line}.qo-reading-content>:first-child{margin-top:0}.qo-reading-content>:last-child{margin-bottom:0}.qo-reading-demo{max-width:560px;padding:28px;border:1px solid var(--border-soft);border-radius:24px;background:var(--panel);box-shadow:var(--shadow-surface)}.qo-reading-demo h2{font-size:24px;line-height:1.2;letter-spacing:-.03em}.qo-reading-demo p{line-height:1.7;color:var(--text-secondary)}.qo-resume-intro-summary{margin-top:28px;max-width:49ch;color:var(--text-secondary)}.qo-resume-profile-summary{margin:0;white-space:pre-line;line-height:inherit}.qo-resume-expanded{--resume-weight:600;--resume-accent:var(--accent);--resume-surface:var(--panel);font-size:16px;line-height:1.75}.qo-resume-expanded .qo-resume-entry-heading{align-items:start}.qo-resume-expanded .qo-resume-entry h3{font-size:18px}.qo-resume-panel-expertise .qo-resume-entry h3,.qo-resume-panel-contributions .qo-resume-entry h3,.qo-resume-panel-speaking .qo-resume-entry h3{font-size:16px}.qo-resume-editor-notes{border-top:1px solid var(--border-soft);padding-top:20px}.qo-resume-editor-notes>.qo-field{margin-top:16px}@media(max-width:600px){.qo-dialog-reading{padding:20px;max-height:calc(100dvh - 32px);border-radius:24px}.qo-dialog-reading>.qo-inline>.qo-heading{font-size:22px}.qo-dialog-reading>.qo-dialog-body{padding-top:16px}.qo-resume-expanded .qo-resume-entry-heading{display:grid;gap:8px}}@media(forced-colors:active){.qo-expandable-content[data-overflow=true] .qo-expandable-viewport{-webkit-mask-image:none;mask-image:none}.qo-dialog-reading{border-color:CanvasText;box-shadow:none}}@media print{.qo-expandable-viewport{max-height:none!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}.qo-expandable-action,.qo-expandable-summary{display:none!important}.qo-resume-reader .qo-resume-intro-summary{margin-top:3mm;max-width:none}.qo-resume-reader .qo-resume-profile-summary{font-size:10pt!important;line-height:1.5!important;color:#333!important}.qo-resume-reader .qo-expandable-preview a svg{display:inline-block!important}}.qo-rolling-number{display:inline-block;font-variant-numeric:tabular-nums;line-height:1.1;max-width:100%}.qo-number-slots{display:inline-flex;white-space:pre}.qo-number-slot{display:inline-block;overflow:hidden;padding-block:.08em}.qo-number-slot>[data-digit]{display:inline-block}.qo-action-swap{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-width:0}.qo-morphing-panel{position:relative;min-width:0;overflow:clip;overflow-clip-margin:8px}.qo-morphing-view{padding:var(--space-8)}.qo-morphing-view[hidden]{display:none}.qo-expanding-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border-control);border-radius:calc(var(--radius-control) + 7px);background:var(--surface-raised);box-shadow:0 8px 24px #0000001f;max-width:100%;width:fit-content}.qo-expanding-actions>button{display:flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:44px;padding:var(--space-12);color:var(--text-secondary);border:0;border-radius:var(--radius-control);background:transparent;font-size:var(--type-interface);transition:background var(--duration-micro) var(--ease-out)}.qo-expanding-actions>button:hover:not(:disabled),.qo-expanding-actions>button:focus-visible{background:var(--hover);color:var(--text)}.qo-expanding-actions>button:disabled{color:var(--text-disabled)}.qo-expanding-label{display:grid;grid-template-columns:1fr;transition:grid-template-columns var(--action-duration) var(--ease-settle),opacity var(--action-duration) var(--ease-out)}.qo-expanding-label>span{min-width:0;overflow:hidden;white-space:nowrap}@media(hover:hover)and (pointer:fine){.qo-expanding-actions[data-compact=true]>button:not(:hover):not(:focus){gap:0}.qo-expanding-actions[data-compact=true]>button:not(:hover):not(:focus) .qo-expanding-label{grid-template-columns:0fr;opacity:0}}.qo-tilt-card{position:relative;isolation:isolate;border:1px solid var(--border-soft);border-radius:var(--radius-large);background:var(--surface);box-shadow:0 18px 40px -18px #0000004d;max-width:100%;transform:perspective(900px) rotateX(0) rotateY(0)}.qo-motion-components{width:100%;min-width:0;container-type:inline-size}.qo-motion-controls{display:flex;align-items:center;gap:var(--space-16);flex-wrap:wrap}.qo-motion-controls>.qo-button{margin-left:auto}.qo-motion-stage{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:400px;padding:clamp(20px,6cqi,48px);border-radius:var(--radius-large);border:1px solid var(--border-soft);background:radial-gradient(ellipse at 50% 0%,var(--accent-surface),transparent 65%),var(--panel);isolation:isolate}.qo-motion-stage p{max-width:40ch}.qo-motion-metric,.qo-motion-action-demo,.qo-motion-toolbar-demo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-24);width:100%}.qo-motion-metric .qo-rolling-number{font-size:clamp(48px,12cqi,88px);letter-spacing:-.045em;font-weight:var(--weight-medium)}.qo-motion-baseline,.qo-motion-row{display:flex;align-items:center;justify-content:center;gap:var(--space-12);flex-wrap:wrap}.qo-motion-baseline{color:var(--text-secondary)}.qo-motion-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:calc(var(--radius-control) + 6px);background:var(--surface-raised);color:var(--accent);border:1px solid var(--border-soft);box-shadow:0 8px 16px -8px #00000040}.qo-motion-action-demo>.qo-button{min-width:210px}.qo-motion-action-demo>[role=status],.qo-motion-toolbar-demo>[role=status]{min-height:3em}.qo-motion-panel-demo{display:flex;flex-direction:column;gap:var(--space-24);width:100%;max-width:460px;padding:var(--space-24);background:var(--surface);border-radius:var(--radius-large);border:1px solid var(--border-soft);box-shadow:0 16px 32px -20px #00000059}.qo-motion-stage-depth{padding:clamp(32px,7cqi,56px)}.qo-motion-stage-depth .qo-tilt-card{width:min(380px,100%);min-width:0}.qo-motion-depth-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-20);padding:var(--space-32)}.qo-motion-depth-art{height:190px;display:grid;place-items:center;position:relative;border-radius:inherit;background:radial-gradient(ellipse at center,var(--accent-surface),transparent 70%)}.qo-motion-depth-art>span{position:absolute;width:126px;height:126px;border:22px solid var(--accent);border-radius:35%;transform:rotate(-30deg) skew(10deg,10deg);box-shadow:inset 0 2px 6px #0003,0 16px 24px -12px #00000080}.qo-motion-depth-art>span:nth-child(1){translate:-32px 18px;opacity:.3}.qo-motion-depth-art>span:nth-child(2){opacity:.55}.qo-motion-depth-art>span:nth-child(3){translate:32px -18px}@container (max-width:440px){.qo-motion-stage{min-height:340px;padding:24px 16px}.qo-motion-panel-demo{padding:16px}.qo-motion-controls>.qo-button{margin-left:0}.qo-motion-depth-copy{padding:24px}.qo-motion-stage-depth{padding:32px 20px}}@media(prefers-reduced-motion:reduce){.qo-expanding-label{transition:none}.qo-tilt-card{transform:none!important}}@media(forced-colors:active){.qo-motion-stage,.qo-motion-symbol,.qo-motion-panel-demo,.qo-tilt-card,.qo-expanding-actions{border-color:CanvasText;box-shadow:none}.qo-motion-depth-art>span{border-color:Highlight}.qo-expanding-actions>button{border:1px solid ButtonText}}.qo-platform-appearance-trigger{max-width:200px}.qo-platform-appearance-trigger>span:not(.qo-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.qo-platform-appearance-trigger{max-width:152px}.qo-workspace-header>.qo-inline{min-width:0}.qo-platform-appearance-trigger [data-icon-role=layers]{display:none}.qo-platform-appearance-trigger{padding-inline:8px;gap:6px}}.qo-preview>.qo-surface{border:0;border-radius:0}.qo-surface.qo-tone-panel,.qo-surface.qo-tone-surface{box-shadow:var(--shadow-surface)}.qo-surface.qo-tone-raised{box-shadow:var(--shadow-floating)}.qo-surface.qo-tone-app,.qo-surface.qo-tone-sidebar{box-shadow:none}.qo-button{transition:background-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out),border-color var(--duration-micro) var(--ease-out),box-shadow var(--duration-short) var(--ease-out),scale var(--duration-instant) var(--ease-out),translate var(--duration-micro) var(--ease-out)}.qo-button-secondary,.qo-button-outline{box-shadow:var(--shadow-control);border-color:var(--border-control)}.qo-button-primary{box-shadow:var(--shadow-contact)}.qo-button:active:not(:disabled){scale:var(--control-press-scale);translate:0 0;box-shadow:var(--shadow-inset);transition-duration:var(--duration-instant)}.qo-button:disabled{translate:none;scale:1;box-shadow:none}.qo-input{box-shadow:var(--shadow-inset)}.qo-input:focus-visible{box-shadow:var(--shadow-inset)}.qo-context-inspector{border-color:var(--border);box-shadow:var(--shadow-surface)}.qo-dialog,.qo-popover,.qo-menu{background-image:linear-gradient(var(--surface-highlight),transparent 96px)}.qo-component-sidebar{background:var(--sidebar);border-right-color:var(--border-soft)}.qo-component-links a[aria-current=page]{box-shadow:var(--shadow-contact)}.qo-component-links h3{font-size:var(--type-small);font-weight:var(--weight-medium);color:var(--text-secondary)}.qo-component-content>.qo-container{padding-top:var(--space-40)}.qo-preview-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:var(--space-16);padding-bottom:var(--space-8)}.qo-preview-controls>.qo-preview-width{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.qo-preview-controls .qo-field{min-width:0}.qo-preview-controls .qo-select-trigger{width:100%}.qo-preview-outer{box-shadow:var(--shadow-surface)}.qo-quality-qualities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20)}.qo-quality-qualities>div{display:grid;align-content:start;gap:var(--space-8);padding:var(--space-20);border:1px solid var(--border-soft);border-radius:var(--radius-standard);background:var(--panel)}.qo-quality-assessment{display:grid;gap:var(--space-16)}.qo-quality-assessment .qo-field{padding-block:var(--space-12);border-bottom:1px solid var(--border-soft)}.qo-action-feedback{border-radius:var(--radius-control);box-shadow:var(--shadow-contact)}.qo-action-feedback>.qo-feedback-copy{display:flex;align-items:center;gap:var(--space-8)}.qo-action-feedback[data-tone=success] .qo-feedback-copy>.qo-icon{color:var(--success)}.qo-action-feedback[data-tone=danger] .qo-feedback-copy>.qo-icon{color:var(--danger)}.qo-studio-header>div:first-child{display:grid;gap:var(--space-8)}.qo-studio-header h1{line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.qo-studio-workbench{border-color:var(--border);box-shadow:var(--shadow-surface);border-radius:var(--radius-panel)}.qo-studio-inspector-desktop{background:var(--panel)}.qo-studio-preview-footer{border-top:1px solid var(--border-soft);padding-top:var(--space-16)}@media(hover:hover)and (pointer:fine){.qo-button-primary:hover:not(:disabled),.qo-button-secondary:hover:not(:disabled),.qo-button-outline:hover:not(:disabled){translate:0 var(--control-hover-y);box-shadow:var(--shadow-control-hover)}.qo-button:active:not(:disabled){translate:0 0}.qo-input:hover:not(:disabled):not([aria-invalid=true]){background-color:var(--hover);border-color:var(--border-control)}}@media(max-width:1100px){.qo-preview-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.qo-preview-controls{gap:var(--space-12)}.qo-preview-controls>.qo-field:first-child{grid-column:1/-1}.qo-quality-qualities{grid-template-columns:minmax(0,1fr)}.qo-component-content>.qo-container{padding-top:var(--space-24)}}@media(prefers-reduced-motion:reduce){.qo-button,.qo-button:hover:not(:disabled),.qo-button:active:not(:disabled){translate:none;scale:1;transition:none}}[data-motion=reduced] .qo-button,[data-motion=reduced] .qo-button:hover:not(:disabled),[data-motion=reduced] .qo-button:active:not(:disabled){translate:none;scale:1;transition:none}@media(forced-colors:active){.qo-button,.qo-button:hover:not(:disabled),.qo-input,.qo-input:focus-visible,.qo-surface,.qo-context-inspector,.qo-preview-outer,.qo-studio-workbench{box-shadow:none}.qo-dialog,.qo-menu,.qo-popover{background-image:none}.qo-button-secondary,.qo-button-outline{border-color:ButtonText}.qo-input:hover:not(:disabled){background:ButtonFace;border-color:ButtonText}}.qo-design-study{container-type:inline-size}.qo-design-study>.qo-heading{max-width:22ch}.qo-design-study>.qo-text{max-width:62ch}.qo-design-study-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch}.qo-design-study-direction{background-image:linear-gradient(145deg,var(--surface-highlight),transparent 65%);box-shadow:var(--shadow-surface)}.qo-design-study-direction>.qo-stack{height:100%;gap:var(--space-24)}.qo-design-study-direction .qo-heading{font-size:var(--type-page);max-width:18ch}.qo-design-study-direction .qo-inline{margin-top:auto;padding-top:var(--space-16)}.qo-design-study-notes>.qo-stack{height:100%;gap:var(--space-24)}.qo-design-study-notes .qo-feedback,.qo-design-study-notes [role=status]{margin-top:auto}.qo-design-study-notes .qo-text{color:var(--text-secondary)}@container (max-width:680px){.qo-design-study-grid{grid-template-columns:minmax(0,1fr)}}@media screen{.qo-resume-entry-projects{transition:box-shadow var(--duration-short) var(--ease-settle),border-color var(--duration-short) var(--ease-settle)}.qo-resume-entry-projects:focus-within{border-color:var(--border-interactive)}.qo-resume-intro-summary{max-width:58ch}.qo-resume-expanded .qo-resume-entry-body{max-width:65ch}}@media screen and (hover:hover)and (pointer:fine){.qo-resume-entry-projects:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-strong)}}@media(forced-colors:active){.qo-design-study-direction{background-image:none;box-shadow:none}.qo-resume-entry-projects:hover{box-shadow:none;border-color:Highlight}}.qo-studio-starter .qo-studio-mini>span{display:block}.qo-design-study .qo-badge{align-self:flex-start}.qo-preview-controls:not(:has(>.qo-field:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.qo-preview-controls:not(:has(>.qo-field:nth-child(4))){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.qo-preview-controls:has(>.qo-field:nth-child(4))>.qo-field:nth-child(4){grid-column:1/-1}}:root,[data-kit=quiet-obsidian]{--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--space-128: 128px;--layout-inset: 12px;--row-compact: 36px;--row-comfortable: 44px;--control-height-sm: 32px;--control-height-md: 36px;--control-height-lg: 44px;--nest-step: 28px;--inline-gap: 8px;--radius-small: 8px;--radius-control: 10px;--radius-standard: 16px;--radius-panel: 20px;--radius-floating: 20px;--radius-large: 24px;--radius-round: 999px;--nav-width: 308px;--nav-min: 272px;--nav-max: 380px;--inspector-width: 380px;--inspector-min: 300px;--inspector-max: 520px;--reading-width: 760px;--container-width: 1280px;--pane-header: 54px;--workspace-header: 62px;--border-width: 1px;--focus-width: 2px;--focus-offset: 3px;--icon-sm: 14px;--icon-md: 18px;--icon-lg: 24px;--icon-display: 40px;--preview-height: 360px;--preview-phone: 375px;--preview-tablet: 768px;--preview-desktop: 1200px;--chart-height: 220px;--shadow-floating: 0 12px 40px var(--scrim);--shadow-panel: 0 24px 80px var(--scrim), 0 2px 8px var(--scrim);--shadow-surface: 0 2px 8px color-mix(in srgb, var(--scrim) 24%, transparent);--layer-context: 40;--layer-floating: 60;--layer-modal: 71;--shadow-contact: none;--shadow-control: none;--shadow-control-hover: none;--shadow-inset: none;--shadow-card-hover: none;--surface-highlight: transparent;--control-hover-y: -1px;--control-press-scale: .985;--font-sans: -apple-system, BlinkMacSystemFont, system-ui, "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif: ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--type-display: clamp(48px, 5.8vw, 88px);--type-page: clamp(32px, 3.5vw, 48px);--type-object: clamp(27px, 2.6vw, 38px);--type-section: clamp(20px, 2vw, 24px);--type-body: 16px;--type-interface: 13px;--type-small: 12px;--type-meta: 11px;--link-color: var(--accent);--leading-display: 1.04;--leading-title: 1.15;--leading-body: 1.55;--leading-ui: 1.2;--leading-meta: 1.4;--tracking-display: -.055em;--tracking-title: -.035em;--tracking-body: -.012em;--tracking-ui: -.005em;--tracking-label: .1em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--measure-prose: 68ch;--measure-lead: 52ch;--duration-instant: 80ms;--duration-micro: .12s;--duration-short: .18s;--duration-medium: .24s;--duration-long: .3s;--duration-panel: .34s;--duration-reflow: .24s;--ease-settle: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}:where(:root,[data-kit=quiet-obsidian][data-theme=dark],[data-theme=dark]:not([data-kit])){color-scheme:dark;--accent-fill: oklch(63% .21 255);--control-thumb: #ffffff;--app: #17191c;--sidebar: #121417;--panel: #1c1f23;--surface: #22262b;--surface-raised: #2b3037;--control-fill: #262b31;--hover: #303741;--selected: #293e51;--selected-strong: #365671;--border: #343b44;--border-soft: #2c323a;--border-strong: #596472;--border-interactive: #8391a0;--border-control: #101216;--text: #edf0f4;--text-secondary: #bdc5d0;--text-muted: #a2aeba;--text-disabled: oklch(48% .002 286.25);--text-inverse: oklch(18% .014 239);--accent: #80caff;--accent-hover: #abdfff;--accent-surface: #213c51;--accent-ink: #0a2233;--danger: oklch(76% .14 25);--warning: oklch(88% .097 74);--success: oklch(76% .092 161);--info: oklch(76% .098 250);--favorite: oklch(89% .164 93);--scrim: rgb(6 9 13 / .64);--chart-1: var(--accent);--chart-2: var(--text-secondary);--chart-3: var(--success);--chart-4: var(--warning);--chart-5: var(--info);--positive: var(--success);--negative: var(--danger);--selection-overlay: var(--accent-surface);--shadow-contact: 0 1px 2px rgb(0 0 0 / .32);--shadow-surface: 0 2px 4px rgb(0 0 0 / .16), 0 12px 28px -16px rgb(0 0 0 / .48);--shadow-floating: 0 3px 8px rgb(0 0 0 / .28), 0 20px 48px -12px rgb(0 0 0 / .55);--shadow-panel: 0 4px 12px rgb(0 0 0 / .28), 0 32px 80px -16px rgb(0 0 0 / .62);--shadow-control: inset 0 1px 0 rgb(255 255 255 / .035), 0 2px 3px rgb(0 0 0 / .2);--shadow-control-hover: inset 0 1px 0 rgb(255 255 255 / .055), 0 3px 8px rgb(0 0 0 / .28);--shadow-inset: inset 0 1px 2px rgb(0 0 0 / .16);--shadow-card-hover: 0 4px 8px rgb(0 0 0 / .18), 0 20px 44px -20px rgb(0 0 0 / .62);--surface-highlight: rgb(255 255 255 / .028)}:where([data-kit=quiet-obsidian][data-theme=light],[data-theme=light]:not([data-kit])){color-scheme:light;--accent-fill: oklch(53% .21 255);--control-thumb: #ffffff;--app: oklch(98.4% .004 85);--sidebar: oklch(96.2% .005 85);--panel: oklch(99.4% .003 85);--surface: oklch(95.4% .005 85);--surface-raised: oklch(100% 0 0);--control-fill: oklch(99% .003 85);--hover: oklch(93.7% .006 85);--selected: oklch(91.4% .008 85);--selected-strong: oklch(87.5% .009 85);--border: oklch(85% .008 85);--border-soft: oklch(91.5% .006 85);--border-strong: oklch(69% .007 85);--border-interactive: oklch(55% .008 85);--border-control: oklch(78% .008 85);--text: oklch(25% .008 75);--text-secondary: oklch(42% .008 75);--text-muted: oklch(48% .008 75);--text-disabled: oklch(65% .008 75);--text-inverse: oklch(99% .003 85);--accent: oklch(46% .12 239);--accent-hover: oklch(39% .11 239);--accent-surface: oklch(92% .027 239);--accent-ink: oklch(99% .003 85);--danger: oklch(44% .16 25);--warning: oklch(45% .08 74);--success: oklch(41% .09 161);--info: oklch(44% .1 250);--favorite: oklch(44% .08 93);--scrim: oklch(10% 0 0 / .5);--chart-1: var(--accent);--chart-2: var(--text-secondary);--chart-3: var(--success);--chart-4: var(--warning);--chart-5: var(--info);--positive: var(--success);--negative: var(--danger);--selection-overlay: var(--accent-surface);--shadow-contact: 0 1px 2px rgb(24 30 38 / .06);--shadow-surface: 0 2px 4px rgb(24 30 38 / .035), 0 12px 28px -16px rgb(24 30 38 / .15);--shadow-floating: 0 3px 8px rgb(24 30 38 / .07), 0 20px 48px -12px rgb(24 30 38 / .2);--shadow-panel: 0 4px 12px rgb(24 30 38 / .08), 0 32px 80px -16px rgb(24 30 38 / .24);--shadow-control: inset 0 1px 0 rgb(255 255 255 / .7), 0 1px 3px rgb(24 30 38 / .09);--shadow-control-hover: 0 3px 8px rgb(24 30 38 / .12);--shadow-inset: inset 0 1px 2px rgb(24 30 38 / .035);--shadow-card-hover: 0 4px 8px rgb(24 30 38 / .05), 0 20px 40px -18px rgb(24 30 38 / .2);--surface-highlight: rgb(255 255 255 / .25)}:where([data-kit=quiet-obsidian][data-theme=contrast],[data-theme=contrast]:not([data-kit])){color-scheme:dark;--accent-fill: oklch(63% .21 255);--control-thumb: #ffffff;--app: oklch(10% 0 0);--sidebar: oklch(10% 0 0);--panel: oklch(10% 0 0);--surface: oklch(17% 0 0);--surface-raised: oklch(27.2% .002 286.25);--control-fill: oklch(25.7% .002 286.25);--hover: oklch(24.4% .0018 286.25);--selected: oklch(27.8% .002 286.25);--selected-strong: oklch(30.8% .003 286.25);--border: oklch(70% 0 0);--border-soft: oklch(60% 0 0);--border-strong: oklch(90% 0 0);--border-interactive: oklch(85% 0 0);--border-control: oklch(85% 0 0);--text: oklch(100% 0 0);--text-secondary: oklch(94% 0 0);--text-muted: oklch(87% 0 0);--text-disabled: oklch(48% .002 286.25);--text-inverse: oklch(18% .014 239);--accent: oklch(72% .14 239);--accent-hover: oklch(78% .11 239);--accent-surface: oklch(28% .035 239);--accent-ink: oklch(18% .014 239);--danger: oklch(76% .14 25);--warning: oklch(88% .097 74);--success: oklch(76% .092 161);--info: oklch(76% .098 250);--favorite: oklch(89% .164 93);--scrim: oklch(10% 0 0 / .75);--chart-1: var(--accent);--chart-2: var(--text-secondary);--chart-3: var(--success);--chart-4: var(--warning);--chart-5: var(--info);--positive: var(--success);--negative: var(--danger);--selection-overlay: var(--accent-surface);--shadow-contact: none;--shadow-surface: none;--shadow-floating: none;--shadow-panel: none;--shadow-control: none;--shadow-control-hover: none;--shadow-inset: none;--shadow-card-hover: none;--surface-highlight: transparent}[data-kit=quiet-obsidian][data-composition=workspace]{--type-display: clamp(28px, 2.4vw, 32px);--control-height-md: 44px;--type-page: clamp(28px, 2.4vw, 32px);--type-object: 16px;--type-section: 20px;--type-body: 16px;--type-interface: 16px;--type-small: 14px;--type-meta: 14px;--leading-title: 1.25;--leading-ui: 1.4;--link-color: var(--text-secondary)}[data-kit=quiet-obsidian][data-theme=dark]{--field-radius:var(--radius-control);--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--layout-inset:12px;--row-compact:36px;--row-comfortable:44px;--control-height-sm:32px;--control-height-md:36px;--control-height-lg:44px;--nest-step:28px;--inline-gap:8px;--radius-small:8px;--radius-control:10px;--radius-standard:16px;--radius-panel:20px;--radius-floating:20px;--radius-large:24px;--radius-round:999px;--nav-width:308px;--nav-min:272px;--nav-max:380px;--inspector-width:380px;--inspector-min:300px;--inspector-max:520px;--reading-width:760px;--container-width:1280px;--pane-header:54px;--workspace-header:62px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--icon-sm:14px;--icon-md:18px;--icon-lg:24px;--icon-display:40px;--preview-height:360px;--preview-phone:375px;--preview-tablet:768px;--preview-desktop:1200px;--chart-height:220px;--shadow-floating:0 3px 8px rgb(0 0 0 / .28), 0 20px 48px -12px rgb(0 0 0 / .55);--shadow-panel:0 4px 12px rgb(0 0 0 / .28), 0 32px 80px -16px rgb(0 0 0 / .62);--shadow-surface:0 2px 4px rgb(0 0 0 / .16), 0 12px 28px -16px rgb(0 0 0 / .48);--layer-context:40;--layer-floating:60;--layer-modal:71;--shadow-contact:0 1px 2px rgb(0 0 0 / .32);--shadow-control:inset 0 1px 0 rgb(255 255 255 / .035), 0 2px 3px rgb(0 0 0 / .2);--shadow-control-hover:inset 0 1px 0 rgb(255 255 255 / .055), 0 3px 8px rgb(0 0 0 / .28);--shadow-inset:inset 0 1px 2px rgb(0 0 0 / .16);--shadow-card-hover:0 4px 8px rgb(0 0 0 / .18), 0 20px 44px -20px rgb(0 0 0 / .62);--surface-highlight:rgb(255 255 255 / .028);--control-hover-y:-1px;--control-press-scale:.985;--font-sans:-apple-system, BlinkMacSystemFont, system-ui, "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--type-display:clamp(48px, 5.8vw, 88px);--type-page:clamp(32px, 3.5vw, 48px);--type-object:clamp(27px, 2.6vw, 38px);--type-section:clamp(20px, 2vw, 24px);--type-body:16px;--type-interface:13px;--type-small:12px;--type-meta:11px;--link-color:var(--accent);--leading-display:1.04;--leading-title:1.15;--leading-body:1.55;--leading-ui:1.2;--leading-meta:1.4;--tracking-display:-.055em;--tracking-title:-.035em;--tracking-body:-.012em;--tracking-ui:-.005em;--tracking-label:.1em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--measure-prose:68ch;--measure-lead:52ch;--duration-instant:80ms;--duration-micro:.12s;--duration-short:.18s;--duration-medium:.24s;--duration-long:.3s;--duration-panel:.34s;--duration-reflow:.24s;--ease-settle:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--accent-fill:oklch(63% .21 255);--control-thumb:#ffffff;--app:#17191c;--sidebar:#121417;--panel:#1c1f23;--surface:#22262b;--surface-raised:#2b3037;--control-fill:#262b31;--hover:#303741;--selected:#293e51;--selected-strong:#365671;--border:#343b44;--border-soft:#2c323a;--border-strong:#596472;--border-interactive:#8391a0;--border-control:#101216;--text:#edf0f4;--text-secondary:#bdc5d0;--text-muted:#a2aeba;--text-disabled:oklch(48% .002 286.25);--text-inverse:oklch(18% .014 239);--accent:#80caff;--accent-hover:#abdfff;--accent-surface:#213c51;--accent-ink:#0a2233;--danger:oklch(76% .14 25);--warning:oklch(88% .097 74);--success:oklch(76% .092 161);--info:oklch(76% .098 250);--favorite:oklch(89% .164 93);--scrim:rgb(6 9 13 / .64);--chart-1:var(--accent);--chart-2:var(--text-secondary);--chart-3:var(--success);--chart-4:var(--warning);--chart-5:var(--info);--positive:var(--success);--negative:var(--danger);--selection-overlay:var(--accent-surface)}[data-kit=quiet-obsidian][data-theme=light]{--field-radius:var(--radius-control);--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--layout-inset:12px;--row-compact:36px;--row-comfortable:44px;--control-height-sm:32px;--control-height-md:36px;--control-height-lg:44px;--nest-step:28px;--inline-gap:8px;--radius-small:8px;--radius-control:10px;--radius-standard:16px;--radius-panel:20px;--radius-floating:20px;--radius-large:24px;--radius-round:999px;--nav-width:308px;--nav-min:272px;--nav-max:380px;--inspector-width:380px;--inspector-min:300px;--inspector-max:520px;--reading-width:760px;--container-width:1280px;--pane-header:54px;--workspace-header:62px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--icon-sm:14px;--icon-md:18px;--icon-lg:24px;--icon-display:40px;--preview-height:360px;--preview-phone:375px;--preview-tablet:768px;--preview-desktop:1200px;--chart-height:220px;--shadow-floating:0 3px 8px rgb(24 30 38 / .07), 0 20px 48px -12px rgb(24 30 38 / .2);--shadow-panel:0 4px 12px rgb(24 30 38 / .08), 0 32px 80px -16px rgb(24 30 38 / .24);--shadow-surface:0 2px 4px rgb(24 30 38 / .035), 0 12px 28px -16px rgb(24 30 38 / .15);--layer-context:40;--layer-floating:60;--layer-modal:71;--shadow-contact:0 1px 2px rgb(24 30 38 / .06);--shadow-control:inset 0 1px 0 rgb(255 255 255 / .7), 0 1px 3px rgb(24 30 38 / .09);--shadow-control-hover:0 3px 8px rgb(24 30 38 / .12);--shadow-inset:inset 0 1px 2px rgb(24 30 38 / .035);--shadow-card-hover:0 4px 8px rgb(24 30 38 / .05), 0 20px 40px -18px rgb(24 30 38 / .2);--surface-highlight:rgb(255 255 255 / .25);--control-hover-y:-1px;--control-press-scale:.985;--font-sans:-apple-system, BlinkMacSystemFont, system-ui, "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--type-display:clamp(48px, 5.8vw, 88px);--type-page:clamp(32px, 3.5vw, 48px);--type-object:clamp(27px, 2.6vw, 38px);--type-section:clamp(20px, 2vw, 24px);--type-body:16px;--type-interface:13px;--type-small:12px;--type-meta:11px;--link-color:var(--accent);--leading-display:1.04;--leading-title:1.15;--leading-body:1.55;--leading-ui:1.2;--leading-meta:1.4;--tracking-display:-.055em;--tracking-title:-.035em;--tracking-body:-.012em;--tracking-ui:-.005em;--tracking-label:.1em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--measure-prose:68ch;--measure-lead:52ch;--duration-instant:80ms;--duration-micro:.12s;--duration-short:.18s;--duration-medium:.24s;--duration-long:.3s;--duration-panel:.34s;--duration-reflow:.24s;--ease-settle:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--accent-fill:oklch(53% .21 255);--control-thumb:#ffffff;--app:oklch(98.4% .004 85);--sidebar:oklch(96.2% .005 85);--panel:oklch(99.4% .003 85);--surface:oklch(95.4% .005 85);--surface-raised:oklch(100% 0 0);--control-fill:oklch(99% .003 85);--hover:oklch(93.7% .006 85);--selected:oklch(91.4% .008 85);--selected-strong:oklch(87.5% .009 85);--border:oklch(85% .008 85);--border-soft:oklch(91.5% .006 85);--border-strong:oklch(69% .007 85);--border-interactive:oklch(55% .008 85);--border-control:oklch(78% .008 85);--text:oklch(25% .008 75);--text-secondary:oklch(42% .008 75);--text-muted:oklch(48% .008 75);--text-disabled:oklch(65% .008 75);--text-inverse:oklch(99% .003 85);--accent:oklch(46% .12 239);--accent-hover:oklch(39% .11 239);--accent-surface:oklch(92% .027 239);--accent-ink:oklch(99% .003 85);--danger:oklch(44% .16 25);--warning:oklch(45% .08 74);--success:oklch(41% .09 161);--info:oklch(44% .1 250);--favorite:oklch(44% .08 93);--scrim:oklch(10% 0 0 / .5);--chart-1:var(--accent);--chart-2:var(--text-secondary);--chart-3:var(--success);--chart-4:var(--warning);--chart-5:var(--info);--positive:var(--success);--negative:var(--danger);--selection-overlay:var(--accent-surface)}[data-kit=quiet-obsidian][data-theme=contrast]{--field-radius:var(--radius-control);--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--layout-inset:12px;--row-compact:36px;--row-comfortable:44px;--control-height-sm:32px;--control-height-md:36px;--control-height-lg:44px;--nest-step:28px;--inline-gap:8px;--radius-small:8px;--radius-control:10px;--radius-standard:16px;--radius-panel:20px;--radius-floating:20px;--radius-large:24px;--radius-round:999px;--nav-width:308px;--nav-min:272px;--nav-max:380px;--inspector-width:380px;--inspector-min:300px;--inspector-max:520px;--reading-width:760px;--container-width:1280px;--pane-header:54px;--workspace-header:62px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--icon-sm:14px;--icon-md:18px;--icon-lg:24px;--icon-display:40px;--preview-height:360px;--preview-phone:375px;--preview-tablet:768px;--preview-desktop:1200px;--chart-height:220px;--shadow-floating:none;--shadow-panel:none;--shadow-surface:none;--layer-context:40;--layer-floating:60;--layer-modal:71;--shadow-contact:none;--shadow-control:none;--shadow-control-hover:none;--shadow-inset:none;--shadow-card-hover:none;--surface-highlight:transparent;--control-hover-y:-1px;--control-press-scale:.985;--font-sans:-apple-system, BlinkMacSystemFont, system-ui, "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Charter", "Palatino Linotype", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--type-display:clamp(48px, 5.8vw, 88px);--type-page:clamp(32px, 3.5vw, 48px);--type-object:clamp(27px, 2.6vw, 38px);--type-section:clamp(20px, 2vw, 24px);--type-body:16px;--type-interface:13px;--type-small:12px;--type-meta:11px;--link-color:var(--accent);--leading-display:1.04;--leading-title:1.15;--leading-body:1.55;--leading-ui:1.2;--leading-meta:1.4;--tracking-display:-.055em;--tracking-title:-.035em;--tracking-body:-.012em;--tracking-ui:-.005em;--tracking-label:.1em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--measure-prose:68ch;--measure-lead:52ch;--duration-instant:80ms;--duration-micro:.12s;--duration-short:.18s;--duration-medium:.24s;--duration-long:.3s;--duration-panel:.34s;--duration-reflow:.24s;--ease-settle:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--accent-fill:oklch(63% .21 255);--control-thumb:#ffffff;--app:oklch(10% 0 0);--sidebar:oklch(10% 0 0);--panel:oklch(10% 0 0);--surface:oklch(17% 0 0);--surface-raised:oklch(27.2% .002 286.25);--control-fill:oklch(25.7% .002 286.25);--hover:oklch(24.4% .0018 286.25);--selected:oklch(27.8% .002 286.25);--selected-strong:oklch(30.8% .003 286.25);--border:oklch(70% 0 0);--border-soft:oklch(60% 0 0);--border-strong:oklch(90% 0 0);--border-interactive:oklch(85% 0 0);--border-control:oklch(85% 0 0);--text:oklch(100% 0 0);--text-secondary:oklch(94% 0 0);--text-muted:oklch(87% 0 0);--text-disabled:oklch(48% .002 286.25);--text-inverse:oklch(18% .014 239);--accent:oklch(72% .14 239);--accent-hover:oklch(78% .11 239);--accent-surface:oklch(28% .035 239);--accent-ink:oklch(18% .014 239);--danger:oklch(76% .14 25);--warning:oklch(88% .097 74);--success:oklch(76% .092 161);--info:oklch(76% .098 250);--favorite:oklch(89% .164 93);--scrim:oklch(10% 0 0 / .75);--chart-1:var(--accent);--chart-2:var(--text-secondary);--chart-3:var(--success);--chart-4:var(--warning);--chart-5:var(--info);--positive:var(--success);--negative:var(--danger);--selection-overlay:var(--accent-surface)}[data-kit=quiet-obsidian][data-composition=workspace]{--type-display:clamp(28px, 2.4vw, 32px);--control-height-md:44px;--type-page:clamp(28px, 2.4vw, 32px);--type-object:16px;--type-section:20px;--type-body:16px;--type-interface:16px;--type-small:14px;--type-meta:14px;--leading-title:1.25;--leading-ui:1.4;--link-color:var(--text-secondary)}.qo-workbench-loading{min-height:100dvh;display:grid;place-items:center;background:var(--app);color:var(--text);padding:var(--space-24)}
