.showcase-root{--background:#f2f1ed;--foreground:#09090b;--container:#fff;--surface-100:#f8f8f6;--surface-200:#f2f1ed;--surface-300:#e9e7e1;--muted-foreground:#6b6b6b;--primary:#09090b;--primary-foreground:#fff;--card:#f2f1ed;--border:#7a745c24;--border-warm:#09090b1a;--border-warm-medium:#09090b33;--brand-hover:#0090a4;--read:#9fbbe0;--read-strong:#4a7ab5;--grep:#9fc9a2;--grep-strong:#5a8f5e;--edit:#c0a8dd;--edit-strong:#8b6fad;--thinking:#dfa88f;--thinking-strong:#b87355;--success:#00bb7f;--gold:#e8c467;--destructive:#e44;--brand:#00abc1;--shadow-lifted:0px 8px 24px #0000000d, 0px 2px 6px #00000005;--sidebar:#eae8e0;--sidebar-accent:#e3e0d3;--sidebar-border:#7a745c24;background:var(--background);color:var(--foreground);font-family:var(--font-sans)}@supports (color:lab(0% 0 0)){.showcase-root{--background:lab(95.1595% -.162482 1.8985);--foreground:lab(2.5155% .190727 -.702846);--surface-100:lab(97.5897% -.295699 1.09394);--surface-200:lab(95.1595% -.162482 1.8985);--surface-300:lab(91.6918% -.0822246 3.05549);--muted-foreground:lab(45.248% 0 0);--primary:lab(2.5155% .190727 -.702846);--primary-foreground:lab(100% 0 0);--card:lab(95.1595% -.162482 1.8985);--border:lab(48.9238% -.708848 14.133/.14);--border-warm:lab(2.5155% .190727 -.702846/.1);--border-warm-medium:lab(2.5155% .190727 -.702846/.2);--brand-hover:lab(54.2148% -31.4507 -21.6227);--success:lab(67.2446% -52.4045 18.8872);--gold:lab(80.944% 5.32001 50.7434);--destructive:lab(55.5806% 65.3538 40.5603);--brand:lab(63.3692% -35.4618 -24.4895);--sidebar:lab(91.9483% -.344098 4.1895);--sidebar-accent:lab(89.0928% -.619948 6.87199);--sidebar-border:lab(48.9238% -.708848 14.133/.14)}}:where(.dark,.dark *) .showcase-root{--background:#1c1916;--foreground:#fff;--container:#211e1b;--surface-100:#1c1916;--surface-200:#211e1b;--surface-300:#24211d;--muted-foreground:#8e8e95;--primary:#fff;--primary-foreground:#09090b;--card:#211e1b;--border:#7a745c33;--border-warm:#ffffff1a;--border-warm-medium:#ffffff2e;--brand:#00abc1;--sidebar:#211e1b;--sidebar-accent:#2a2622;--sidebar-border:#ffffff1a}@supports (color:lab(0% 0 0)){:where(.dark,.dark *) .showcase-root{--background:lab(9.05321% .946917 2.49802);--foreground:lab(100% 0 0);--container:lab(11.4897% .937834 2.50735);--surface-100:lab(9.05321% .946917 2.49802);--surface-200:lab(11.4897% .937834 2.50735);--surface-300:lab(13.0121% .837341 3.3832);--muted-foreground:lab(59.3138% .94983 -3.64382);--primary:lab(100% 0 0);--primary-foreground:lab(2.5155% .190727 -.702846);--card:lab(11.4897% .937834 2.50735);--border:lab(48.9238% -.708848 14.133/.2);--border-warm:lab(100% 0 0/.1);--border-warm-medium:lab(100% 0 0/.18);--brand:lab(63.3692% -35.4618 -24.4895);--sidebar:lab(11.4897% .937834 2.50735);--sidebar-accent:lab(15.5483% 1.21908 3.22784);--sidebar-border:lab(100% 0 0/.1)}}.opisense-phone{--app-bg:#f5f5f5;--app-surface:#fff;--app-sheet:#fff;--app-text:#0a0a0a;--app-subtext:#6b7280;--app-border:#0000001a;--app-chat-bg:#efefef;--app-accent:#0ea5e9;--app-primary:#0a0a0a;--app-invert:#fff;font-family:var(--font-outfit), "Outfit", var(--font-sans);color:var(--app-text)}:where(.dark,.dark *) .opisense-phone{--app-bg:#171717;--app-surface:#323232;--app-sheet:#262626;--app-text:#fff;--app-subtext:#9ca3af;--app-border:#ffffff26;--app-chat-bg:#262626;--app-primary:#fff;--app-invert:#000}.opisense-phone .showcase-fade-in{animation:.35s ease-out both showcase-fade-in}.opisense-phone .showcase-live-pulse{animation:2s ease-in-out infinite showcase-live-pulse}@media (prefers-reduced-motion:reduce){.opisense-phone .showcase-fade-in,.opisense-phone .showcase-live-pulse{animation:none}}.showcase-root .text-foreground{color:var(--foreground)}.showcase-root .text-muted-foreground{color:var(--muted-foreground)}.showcase-root .text-primary-foreground{color:var(--primary-foreground)}.showcase-root .text-brand-hover{color:var(--brand-hover)}.showcase-root .text-thinking-strong{color:var(--thinking-strong)}.showcase-root .text-grep-strong{color:var(--grep-strong)}.showcase-root .text-read-strong{color:var(--read-strong)}.showcase-root .text-edit-strong{color:var(--edit-strong)}.showcase-root .bg-background{background-color:var(--background)}.showcase-root .bg-container{background-color:var(--container)}.showcase-root .bg-card{background-color:var(--card)}.showcase-root .bg-primary{background-color:var(--primary)}.showcase-root .bg-surface-100{background-color:var(--surface-100)}.showcase-root .bg-surface-200{background-color:var(--surface-200)}.showcase-root .bg-surface-300,.showcase-root .bg-muted{background-color:var(--surface-300)}.showcase-root .border-warm,.showcase-root .border-border-warm{border-color:var(--border-warm)}.showcase-root .border-border{border-color:var(--border)}.showcase-root .bg-border-warm{background-color:var(--border-warm)}.showcase-root .font-display{font-family:var(--font-display)}.showcase-root .font-sans{font-family:var(--font-sans)}.showcase-root .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.showcase-root .shadow-lifted{box-shadow:var(--shadow-lifted)}.showcase-root .tracking-display-title{letter-spacing:-.02em}.showcase-root .showcase-shimmer{background:linear-gradient(90deg, var(--muted-foreground) 0%, var(--foreground) 50%, var(--muted-foreground) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s ease-in-out infinite showcase-shimmer}@media (prefers-reduced-motion:reduce){.showcase-root .showcase-shimmer{color:var(--muted-foreground);background:0 0;animation:none}}@keyframes showcase-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.showcase-root .showcase-fade-in{animation:.35s ease-out both showcase-fade-in}@media (prefers-reduced-motion:reduce){.showcase-root .showcase-fade-in{animation:none}}@keyframes showcase-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.showcase-root .showcase-slide-in{animation:.4s ease-out both showcase-slide-in}@media (prefers-reduced-motion:reduce){.showcase-root .showcase-slide-in{animation:none}}@keyframes showcase-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.showcase-root .showcase-hero-canvas,.showcase-root .showcase-hero-canvas>*{min-height:0}.showcase-root .showcase-dot-pattern{background-image:radial-gradient(circle,#09090b0f 1px,#0000 1px);background-image:radial-gradient(circle,lab(2.5155% .190727 -.702846/.06) 1px,#0000 1px);background-size:20px 20px}:where(.dark,.dark *) .showcase-root .showcase-dot-pattern{background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px);background-image:radial-gradient(circle,lab(100% 0 0/.08) 1px,#0000 1px)}.showcase-root .showcase-stagger-1{animation:.35s ease-out .15s both showcase-fade-in}.showcase-root .showcase-stagger-2{animation:.35s ease-out .35s both showcase-fade-in}.showcase-root .showcase-stagger-3{animation:.35s ease-out .55s both showcase-fade-in}@media (prefers-reduced-motion:reduce){.showcase-root .showcase-stagger-1,.showcase-root .showcase-stagger-2,.showcase-root .showcase-stagger-3{animation:none}}@media (max-width:639px){.showcase-fade-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.25rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.25rem),#0000)}}.showcase-root .showcase-live-pulse{animation:2s ease-in-out infinite showcase-live-pulse}@media (prefers-reduced-motion:reduce){.showcase-root .showcase-live-pulse{animation:none}}@keyframes showcase-live-pulse{0%,to{opacity:1}50%{opacity:.65}}
@font-face{font-family:Demo DM Sans;src:url(/fonts/dm-sans-latin-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.pd-app{--pd-bg:#fafafa;--pd-side:#f4f4f5;--pd-card:#fff;--pd-ink:#27272a;--pd-muted:#71717a;--pd-line:#e4e4e7;--pd-blue:#2456d8;min-width:0;height:100%;min-height:0;color:var(--pd-ink);background:var(--pd-bg);text-align:left;flex:1;font:400 12px/1.5 Demo DM Sans,sans-serif;display:flex;overflow:hidden;container-type:inline-size}.dark .pd-app{--pd-bg:#18181b;--pd-side:#202023;--pd-card:#27272a;--pd-ink:#f4f4f5;--pd-muted:#a1a1aa;--pd-line:#3f3f46;--pd-blue:#8dafff}.showcase-root:not(:has(.showcase-hero-canvas))>.pd-app{height:420px}.pd-app *{box-sizing:border-box}.pd-app button{cursor:pointer;font:inherit;text-align:inherit;transition:background .15s}.pd-app button:hover{background:color-mix(in srgb, var(--pd-ink) 6%, transparent)}.pd-app button:focus-visible{outline:2px solid var(--pd-blue);outline-offset:-2px}.pd-app svg{flex-shrink:0;width:16px;height:16px}.pd-app strong{font-weight:600}.pd-app p{color:var(--pd-muted);margin:8px 0}.pd-app h3{margin:0;font-size:19px;font-weight:600;line-height:1.25}.pd-app h4{margin:18px 0 8px;font-size:12px;font-weight:600}.pd-app small{font-size:10px}.pd-muted{color:var(--pd-muted)}.pd-sidebar{background:var(--pd-side);border-right:1px solid var(--pd-line);flex-direction:column;flex:0 0 22%;gap:6px;min-width:130px;max-width:238px;padding:10px;display:flex;overflow:hidden}.pd-modes{justify-content:space-between;align-items:center;gap:3px;margin-bottom:10px;display:flex}.pd-modes button{width:30px;height:29px;color:var(--pd-muted);border-radius:6px;place-items:center;display:grid}.pd-modes button[aria-pressed=true]{background:var(--pd-card);color:var(--pd-ink);box-shadow:0 1px 3px #00000012}.pd-project-switch{align-items:center;gap:8px;padding:8px 2px 15px;display:flex}.pd-project-switch>span{flex:1;min-width:0}.pd-project-switch strong,.pd-project-switch small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pd-project-switch small{color:var(--pd-muted)}.pd-nav{width:100%;color:var(--pd-muted);white-space:nowrap;border-radius:5px;align-items:center;gap:9px;padding:6px 8px;display:flex}.pd-nav.pd-active{background:var(--pd-card);color:var(--pd-ink)}.pd-sidebar-section{gap:4px;min-height:0;margin-top:14px;display:grid;overflow:hidden}.pd-sidebar-section>small{color:var(--pd-muted);padding:0 8px}.pd-sidebar-section button{white-space:nowrap;text-overflow:ellipsis;padding:5px 8px;overflow:hidden}.pd-sidebar-section button small{color:var(--pd-muted);display:block}.pd-account{align-items:center;gap:8px;min-width:0;margin-top:auto;padding:10px 0 0;display:flex}.pd-account>span:nth-child(2){flex:1;min-width:0}.pd-account strong,.pd-account small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pd-account small{color:var(--pd-muted)}.pd-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pd-topbar{border-bottom:1px solid var(--pd-line);flex-shrink:0;align-items:center;gap:9px;height:42px;padding:0 18px;font-size:11px;display:flex}.pd-topbar>span:first-child{display:flex}.pd-topbar>.pd-breadcrumb{color:var(--pd-muted)}.pd-topbar>strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.pd-topbar>svg{width:10px;color:var(--pd-muted)}.pd-topbar>button{border-radius:4px;margin-left:auto;padding:5px}.pd-content{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:25px clamp(16px,3.5cqw,48px);overflow:auto}.pd-content-chat{padding:0;display:flex}.pd-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:23px;display:flex}.pd-heading p{max-width:430px;margin-bottom:0}.pd-button{border:1px solid var(--pd-line);background:var(--pd-card);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;font-size:11px!important}.pd-button.pd-primary{background:var(--pd-ink);color:var(--pd-bg);border-color:var(--pd-ink)}.pd-button.pd-primary:hover{background:color-mix(in srgb, var(--pd-ink) 85%, var(--pd-bg))}.pd-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.pd-pill{background:var(--pd-side);border:1px solid var(--pd-line);white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;line-height:1.5;display:inline-flex}.pd-green{color:#217144;background:#eaf6ed;border-color:#d7eadc}.pd-amber{color:#875218;background:#fff6e5;border-color:#f4e5c6}.pd-blue{color:#355a9a;background:#eaf1fc;border-color:#d6e2f7}.pd-violet{color:#694991;background:#eee9f7}.pd-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:600;display:inline-flex}.pd-status{color:#288350}.pd-row{border-bottom:1px solid var(--pd-line);border-radius:3px;align-items:center;gap:10px;width:100%;padding:12px 4px;display:flex}.pd-row>svg{color:var(--pd-muted)}.pd-row-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pd-row-copy strong{font-size:12px;font-weight:500}.pd-row-copy small{color:var(--pd-muted)}.pd-row-meta{color:var(--pd-muted);font-size:10px}.pd-row>svg:last-child:not(:first-child){width:12px}.pd-search{color:var(--pd-muted);border:1px solid var(--pd-line);background:var(--pd-card);border-radius:7px;align-items:center;gap:9px;margin:12px 0 18px;padding:10px;display:flex}.pd-filter-line{color:var(--pd-muted);justify-content:space-between;margin:14px 0 8px;font-size:10px;display:flex}.pd-person{border-bottom:1px solid var(--pd-line);align-items:center;gap:12px;width:100%;padding:15px 5px;display:flex}.pd-person>span:nth-child(2){flex:1;gap:3px;display:grid}.pd-person small{color:var(--pd-muted)}.pd-person>svg{width:12px}.pd-profile{align-items:center;gap:15px;margin-bottom:20px;display:flex}.pd-profile>.pd-avatar{width:48px;height:48px;font-size:16px}.pd-profile p{margin:5px 0}.pd-tabs{border-bottom:1px solid var(--pd-line);white-space:nowrap;align-items:center;gap:18px;margin:14px 0 20px;font-size:11px;display:flex;overflow:auto}.pd-tabs>*{color:var(--pd-muted);padding:0 0 8px}.pd-tabs [aria-pressed=true],.pd-tabs .pd-selected{border-bottom:2px solid var(--pd-ink);color:var(--pd-ink)}.pd-two-col{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.pd-details{border-left:1px solid var(--pd-line);padding-left:18px}.pd-details h4:first-child{margin-top:0}.pd-inline-note{border:1px solid var(--pd-line);background:var(--pd-side);color:var(--pd-muted);border-radius:6px;margin:16px 0;padding:10px 12px;font-size:11px}.pd-settings{gap:15px;margin:18px 0;display:grid}.pd-settings label{color:var(--pd-muted);gap:6px;font-size:10px;display:grid}.pd-settings label>div{background:var(--pd-card);border:1px solid var(--pd-line);color:var(--pd-ink);border-radius:6px;align-items:center;gap:8px;padding:9px;font-size:11px;display:flex}.pd-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pd-approval{border:1px solid var(--pd-line);background:var(--pd-card);border-radius:9px;padding:22px}.pd-approval h3{margin-top:16px}.pd-approval pre{background:var(--pd-side);white-space:pre-wrap;border-radius:5px;margin:15px 0;padding:12px;font-size:10px}.pd-answer{border:1px solid var(--pd-line);background:var(--pd-card);border-radius:8px;margin:15px 0;padding:16px}.pd-answer h4:first-child{margin-top:0}.pd-observations{margin:20px 0}.pd-observations>div{border-bottom:1px solid var(--pd-line);gap:18px;padding:10px 0;display:flex}.pd-observations time{color:var(--pd-muted);padding-top:8px;font-size:10px}.pd-meeting-date{letter-spacing:.04em;font-size:11px;font-weight:600}.pd-meeting-date span{color:var(--pd-muted);margin-left:12px;font-weight:400}.pd-project-card{border:1px solid var(--pd-line);background:var(--pd-card);border-radius:8px;padding:17px}.pd-avatar-group{align-items:center;gap:6px;margin-top:18px;display:flex}.pd-avatar-group>span:last-child{color:var(--pd-muted);margin-left:8px;font-size:11px}.pd-work-table>div,.pd-work-table>button{border-bottom:1px solid var(--pd-line);grid-template-columns:1fr 65px 96px;align-items:center;gap:12px;width:100%;padding:12px 8px;display:grid}.pd-work-table .pd-pill{justify-self:start}.pd-table-head{color:var(--pd-muted);font-size:10px}.pd-work-table button strong{font-weight:500}.pd-review{border:1px solid var(--pd-line);border-radius:8px;margin:20px 0;overflow:hidden}.pd-review>div{background:var(--pd-card);padding:16px}.pd-review>div+div{border-top:1px solid var(--pd-line);background:var(--pd-side);align-items:center;gap:12px;display:flex}.pd-review h4{margin-top:0}.pd-review small{color:var(--pd-muted)}.pd-file-path{color:var(--pd-muted);align-items:center;gap:7px;margin:16px 0;font-size:10px;display:flex}.pd-file-path svg{width:12px}.pd-chat-home{flex-direction:column;gap:22px;width:100%;max-width:790px;margin:auto;padding:clamp(18px,4cqw,52px);display:flex}.pd-welcome{text-align:center;margin:10px 0}.pd-welcome h3{letter-spacing:-.025em;font:400 clamp(25px,3.7cqw,43px)/1.15 Georgia,serif}.pd-welcome p{max-width:420px;margin:12px auto;font-size:11px}.pd-starters{width:100%;max-width:420px;margin:0 auto}.pd-starters .pd-row{padding:9px 4px}.pd-composer{border:1px solid var(--pd-line);background:var(--pd-card);border-radius:16px;flex-shrink:0;overflow:hidden;box-shadow:0 3px 14px #00000006}.pd-composer>p{min-height:44px;color:var(--pd-ink);margin:14px 0;padding:0 16px;font-size:12px}.pd-composer-tools{color:var(--pd-muted);align-items:center;gap:9px;padding:6px 12px 12px;font-size:10px;display:flex}.pd-composer-tools button{border-radius:5px;align-items:center;gap:4px;padding:3px;display:inline-flex}.pd-composer-tools button svg{width:13px;height:13px}.pd-composer-tools .pd-send{background:var(--pd-ink);color:var(--pd-bg);border-radius:50%;margin-left:auto;padding:7px}.pd-divider{background:var(--pd-line);width:1px;height:12px}.pd-composer-project{border-top:1px solid var(--pd-line);color:var(--pd-muted);align-items:center;gap:6px;padding:7px 12px;font-size:9px;display:flex}.pd-composer-project svg{width:11px;height:11px}.pd-chat{flex-direction:column;gap:16px;width:100%;max-width:760px;min-height:0;margin:0 auto;padding:22px clamp(16px,4cqw,45px);display:flex}.pd-chat-scroll{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.pd-user-message{background:var(--pd-side);border-radius:12px;width:fit-content;max-width:90%;margin:0 0 23px auto;padding:10px 14px}.pd-activity{color:var(--pd-muted);align-items:center;gap:8px;margin:8px 0;font-size:10px;display:flex}.pd-activity svg{color:#288350;width:13px;height:13px}.pd-activity span{margin-left:auto}.pd-agent-answer{margin:18px 0 0}.pd-agent-answer p{color:var(--pd-ink)}.pd-agent-answer ul{margin:12px 0;padding-left:18px;list-style:outside}.pd-agent-answer li{margin:5px 0}.pd-artifact{border:1px solid var(--pd-line);background:var(--pd-card);border-radius:7px;align-items:center;gap:10px;width:100%;max-width:350px;margin-top:18px;padding:12px;display:flex}.pd-artifact>span{flex:1;gap:3px;display:grid}.pd-artifact small{color:var(--pd-muted)}.pd-plan{margin:20px 0;padding-left:20px;list-style:decimal}.pd-plan li{padding:6px 0}.pd-document-tools{align-items:center;gap:8px;margin-bottom:22px;font-size:11px;display:flex}.pd-document-tools button{margin-left:auto}.pd-paper{background:var(--pd-card);border:1px solid var(--pd-line);max-width:500px;min-height:300px;margin:0 auto;padding:28px 32px;box-shadow:0 3px 12px #00000004}.pd-document-label{letter-spacing:.15em;color:var(--pd-muted);font-size:8px}.pd-paper h3{margin-top:18px;font-family:Georgia,serif;font-size:25px;font-weight:400}.pd-paper hr{border:0;border-top:1px solid var(--pd-line);margin:18px 0}.pd-paper p{font-size:11px}.pd-paper .pd-inline-note{font-size:9px}.pd-code,.pd-terminal{background:var(--pd-side);border:1px solid var(--pd-line);border-radius:8px;margin:15px 0;padding:18px;font:11px/1.65 ui-monospace,monospace;overflow:auto}.pd-code code,.pd-terminal pre{white-space:pre-wrap;overflow-wrap:anywhere}.pd-terminal>div{border-bottom:1px solid var(--pd-line);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.pd-terminal-prompt{color:var(--pd-blue)}.pd-preview-browser{border:1px solid var(--pd-line);border-radius:9px;margin:15px 0 20px;overflow:hidden}.pd-preview-browser>div{background:var(--pd-side);border-bottom:1px solid var(--pd-line);align-items:center;gap:5px;padding:8px 12px;display:flex}.pd-preview-browser>div>span{background:var(--pd-muted);opacity:.5;border-radius:50%;width:6px;height:6px}.pd-preview-browser small{color:var(--pd-muted);margin:auto}.pd-preview-browser section{color:#253527;background:#f0f2eb;padding:30px}.pd-preview-browser section>span{letter-spacing:.18em;font-size:9px}.pd-preview-browser h3{max-width:240px;margin:20px 0 10px;font:30px/1.15 Georgia,serif}.pd-preview-browser section p{color:#53614f}.pd-preview-milestones{gap:16px;margin-top:20px;font-size:9px;display:flex}.pd-preview-milestones p{align-items:center;gap:5px;display:flex}.pd-preview-milestones svg{width:12px}.pd-notice{background:var(--pd-side);border-top:1px solid var(--pd-line);flex-shrink:0;align-items:center;gap:8px;padding:9px 16px;font-size:10px;display:flex}.pd-notice>button{margin-left:auto;padding:3px 6px;font-size:16px}.pd-demo-controls{border-top:1px solid var(--pd-line);color:var(--pd-muted);background:var(--pd-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:7px 14px;font-size:9px;display:flex}.pd-demo-controls>div{align-items:center;gap:2px;display:flex}.pd-demo-controls button{border-radius:3px;padding:4px}.pd-demo-controls button>span{background:var(--pd-line);border-radius:50%;width:5px;height:5px;display:block}.pd-demo-controls .pd-current-step>span{background:var(--pd-ink)}@container (min-width:850px){.pd-content{padding-top:36px}.pd-app .pd-topbar{height:46px}.pd-app .pd-sidebar{padding:14px}.pd-app .pd-chat-home{gap:28px}.pd-app .pd-welcome{margin:20px 0}.pd-app .pd-starters{max-width:480px}}@container (max-width:580px){.pd-sidebar{flex-basis:24%;min-width:118px;padding:7px}.pd-sidebar-section{display:none}.pd-project-switch{gap:5px}.pd-project-switch>svg:last-child{display:none}.pd-modes{gap:0}.pd-modes button{width:23px}.pd-modes>svg{width:12px}.pd-nav{gap:6px;padding:7px 3px;font-size:10px}.pd-nav svg{width:13px}.pd-account{gap:5px}.pd-account .pd-avatar{width:24px;height:24px;font-size:8px}.pd-account strong{font-size:10px}.pd-account small{font-size:8px}.pd-account>svg{display:none}.pd-project-switch strong{font-size:10px}.pd-content{padding:18px 16px}.pd-content-chat{padding:0}.pd-heading{flex-wrap:wrap;gap:8px;margin-bottom:17px}.pd-app h3{font-size:17px}.pd-topbar{gap:6px;padding:0 12px;font-size:10px}.pd-two-col{grid-template-columns:1fr}.pd-details{display:none}.pd-row-meta{max-width:88px}.pd-row-meta .pd-pill{white-space:normal}.pd-work-table>div,.pd-work-table>button{grid-template-columns:1fr 45px 76px;gap:6px;padding:10px 2px;font-size:10px}.pd-work-table .pd-pill{white-space:normal;font-size:8px}.pd-demo-controls{padding:6px 10px;font-size:8px}.pd-paper{padding:20px}.pd-chat-home{gap:15px;padding:20px 16px}.pd-welcome h3{font-size:26px}.pd-preview-milestones{flex-direction:column;gap:0}.pd-content .pd-profile{gap:10px}.pd-profile>.pd-avatar{width:36px;height:36px}.pd-profile p{font-size:10px}}@container (max-width:390px){.pd-sidebar,.pd-topbar .pd-breadcrumb{display:none}.pd-composer-tools{gap:6px}.pd-content .pd-fields{grid-template-columns:1fr 1fr}.pd-app .pd-row-meta{max-width:85px}.pd-tabs{gap:13px}.pd-person{gap:8px}.pd-person>.pd-pill{display:none}}.pd-mobile{--app-bg:var(--pd-bg);--app-text:var(--pd-ink);font-size:11px}.pd-mobile .pd-chat-home{gap:18px;padding:18px 14px}.pd-mobile .pd-welcome h3{font-size:25px}.pd-mobile .pd-composer-tools{gap:5px;font-size:9px}.pd-mobile .pd-topbar{padding:0 12px}.pd-mobile .pd-chat{padding:16px 12px}.pd-mobile .pd-content{padding:20px 14px}.pd-mobile .pd-content-chat{padding:0}.pd-mobile .pd-demo-controls{font-size:8px}@media (prefers-reduced-motion:reduce){.pd-app *{transition:none!important;animation:none!important}}.pd-chat-home{gap:16px;padding:24px clamp(16px,4cqw,45px)}.pd-chat-home .pd-welcome{margin:0}.pd-sidebar{scrollbar-width:none;overflow-y:auto}.pd-sidebar-section{flex-shrink:0;overflow:visible}.pd-sidebar-section button{min-height:27px}.pd-account{flex-shrink:0;padding-top:15px;padding-bottom:4px}.pd-memory-thread{align-items:center;gap:10px;display:flex}.pd-memory-thread>span:empty{background:var(--pd-line);flex:1;height:1px}@container (min-width:850px){.pd-app .pd-chat-home{gap:16px}.pd-app .pd-welcome{margin:0}}@container (max-width:580px){.pd-chat-home{gap:12px;padding:16px}.pd-starters .pd-row-copy small{display:none}.pd-chat-home .pd-welcome p{margin:8px 0}.pd-sidebar .pd-account{margin-top:14px}.pd-composer>p{min-height:24px;margin:10px 0}.pd-content .pd-heading h3{font-size:17px}}.pd-nav{white-space:normal}.pd-nav>span{min-width:0;line-height:1.4}.pd-memory-thread{flex-wrap:wrap}.pd-memory-thread .pd-pill{white-space:normal;max-width:100%}@container (max-width:580px){.pd-memory-thread{flex-direction:column;align-items:flex-start;gap:6px}.pd-memory-thread>span:empty{flex:none;width:1px;height:10px;margin-left:10px}}