.product-visual{--pv-accent: var(--chart-1);--pv-tint: color-mix(in oklch, var(--pv-accent) 8%, var(--background));--pv-rule: color-mix(in oklch, var(--border) 76%, transparent);position:relative;isolation:isolate;container-type:inline-size;width:100%;min-width:0;aspect-ratio:16 / 10;overflow:hidden;color:var(--foreground);background:radial-gradient(ellipse at 65% 30%,color-mix(in oklch,var(--pv-accent) 12%,transparent),transparent 65%),var(--muted);font-size:.75rem;line-height:1.4;-webkit-user-select:none;user-select:none;pointer-events:none}.product-visual-compact{aspect-ratio:4 / 3}.product-visual *,.product-visual *:before,.product-visual *:after{box-sizing:border-box}.product-visual svg{width:1rem;height:1rem;flex-shrink:0;stroke-width:1.5}.product-visual strong{font-weight:500}.product-visual i{display:block;font-style:normal}.pv-backdrop-ring{position:absolute;top:-40%;right:-30%;width:90%;aspect-ratio:1;border:1px solid color-mix(in oklch,var(--pv-accent) 9%,transparent);border-radius:50%;box-shadow:0 0 0 36px color-mix(in oklch,var(--pv-accent) 2%,transparent),0 0 0 72px color-mix(in oklch,var(--pv-accent) 2%,transparent)}.pv-composition{position:absolute;inset:12% 7% 13%}.pv-window{height:100%;overflow:hidden;border:1px solid color-mix(in oklch,var(--card) 70%,var(--border));border-radius:12px;background:color-mix(in oklch,var(--card) 94%,transparent);box-shadow:0 20px 48px -16px color-mix(in oklch,var(--foreground) 15%,transparent),0 4px 12px -4px color-mix(in oklch,var(--foreground) 8%,transparent)}.pv-window-bar{display:flex;align-items:center;gap:12px;height:36px;padding:0 12px;border-bottom:1px solid var(--pv-rule)}.pv-window-dots{display:flex;flex-shrink:0;gap:4px}.pv-window-dots i{width:4px;height:4px;border-radius:50%;background:color-mix(in oklch,var(--muted-foreground) 40%,transparent)}.pv-window-bar>span{display:flex;min-width:0;align-items:center;gap:4px;white-space:nowrap}.pv-window-bar>.pv-window-detail{overflow:hidden;margin-left:auto;color:var(--muted-foreground);text-overflow:ellipsis}.pv-window-content{height:calc(100% - 36px);overflow:hidden}.pv-caption{position:absolute;right:7%;bottom:4%;color:var(--muted-foreground);font-size:.75rem}.pv-lines{display:grid;gap:8px;width:100%}.pv-lines i{height:4px;border-radius:4px;background:color-mix(in oklch,var(--muted-foreground) 16%,transparent)}.pv-lines i:nth-child(2){width:87%}.pv-lines i:nth-child(3){width:65%}.pv-lines-short{gap:4px}.pv-lines-short i:nth-child(3){display:none}.pv-section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.pv-section-heading strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pv-section-heading svg{color:var(--pv-accent)}.pv-workspace{display:flex;height:100%}.pv-sidebar{display:flex;flex:0 0 25%;min-width:0;flex-direction:column;gap:12px;padding:16px 12px;border-right:1px solid var(--pv-rule);color:var(--muted-foreground)}.pv-sidebar>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pv-sidebar-brand{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:var(--foreground)}.pv-sidebar-selected{padding:4px 8px;margin-inline:-4px;border-radius:4px;background:var(--pv-tint);color:var(--pv-accent)}.pv-workspace-main{flex:1;min-width:0;padding:16px}.pv-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.pv-project-column{min-width:0}.pv-project-column>span{display:flex;gap:4px;align-items:center;overflow:hidden;color:var(--muted-foreground);white-space:nowrap}.pv-project-column>span i{width:4px;height:4px;border-radius:50%;background:var(--pv-accent)}.pv-project-card{margin-top:8px;padding:12px;border:1px solid var(--pv-rule);border-radius:8px;background:var(--card)}.pv-card-mark{width:28px;height:28px;margin-bottom:12px;border-radius:8px;background:color-mix(in oklch,var(--pv-accent) 15%,var(--card))}.pv-card-mark-1{color:var(--chart-2);background:color-mix(in oklch,var(--chart-2) 12%,var(--card))}.pv-card-mark-2{color:var(--chart-5);background:color-mix(in oklch,var(--chart-5) 16%,var(--card))}.pv-avatar-pile{display:flex;margin-top:12px}.pv-avatar-pile i{width:16px;height:16px;border:2px solid var(--card);border-radius:50%;background:color-mix(in oklch,var(--pv-accent) 30%,var(--card))}.pv-avatar-pile i+i{margin-left:-4px;background:color-mix(in oklch,var(--chart-5) 35%,var(--card))}.pv-studio{display:grid;grid-template-columns:minmax(0,1fr) 28%;height:100%;background:var(--muted)}.pv-artboard{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;overflow:hidden;margin:16px;padding:16px;border-radius:4px;color:var(--primary-foreground);background:var(--primary)}.pv-artboard>span{position:relative;z-index:1;font-size:.75rem;letter-spacing:.06em}.pv-artboard>strong{position:relative;z-index:1;margin-top:8px;font-size:clamp(1.25rem,5cqw,2.75rem);line-height:.98;letter-spacing:-.05em}.pv-artboard em{font-family:var(--font-serif);font-weight:300}.pv-artboard>.pv-artboard-footer{margin-top:16px;font-size:.75rem;letter-spacing:0;opacity:.7}.pv-art-orbit{position:absolute;top:5%;right:-26%;width:80%;aspect-ratio:1;border:1px solid color-mix(in oklch,var(--primary-foreground) 24%,transparent);border-radius:50%;box-shadow:0 0 0 20px color-mix(in oklch,var(--primary-foreground) 3%,transparent),0 0 0 40px color-mix(in oklch,var(--primary-foreground) 3%,transparent)}.pv-art-orbit-two{top:42%;right:-15%;width:52%}.pv-studio-tools{display:flex;min-width:0;flex-direction:column;gap:12px;padding:16px 12px;border-left:1px solid var(--pv-rule);background:var(--card)}.pv-studio-tools>span{color:var(--muted-foreground)}.pv-studio-tools>strong{font-size:2rem;line-height:1}.pv-swatches{display:flex;gap:4px}.pv-swatches i{width:16px;height:16px;border-radius:50%;background:var(--primary)}.pv-swatches i:nth-child(2){background:var(--chart-2)}.pv-swatches i:nth-child(3){background:var(--chart-4)}.pv-swatches i:nth-child(4){background:var(--foreground)}.pv-layer{display:flex;min-width:0;align-items:center;gap:4px;margin-top:auto;padding-top:12px;border-top:1px solid var(--pv-rule)}.pv-layer span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pv-layer svg:last-child{margin-left:auto;color:var(--pv-accent)}.pv-quest{padding:16px}.pv-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--pv-rule);border-radius:8px;color:var(--muted-foreground)}.pv-search span:last-child{margin-left:auto}.pv-source-tags{display:flex;gap:8px;margin-block:12px;color:var(--muted-foreground)}.pv-source-tags span{padding:4px 8px;border-radius:4px}.pv-source-tags span:first-child{background:var(--pv-tint);color:var(--pv-accent)}.pv-result{display:flex;align-items:center;gap:12px;padding-block:12px;border-top:1px solid var(--pv-rule)}.pv-result-mark{display:grid;flex-shrink:0;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--pv-tint);color:var(--pv-accent)}.pv-result>div:nth-child(2){display:grid;flex:1;gap:8px}.pv-result>svg{margin-left:auto;color:var(--pv-accent)}.pv-result .pv-lines{width:70%}.pv-document-scene{display:grid;grid-template-columns:minmax(0,1fr) 30%;gap:16px;height:100%;padding:16px;background:var(--muted)}.pv-paper{min-width:0;padding:16px;border:1px solid var(--pv-rule);border-radius:4px;background:var(--card);box-shadow:var(--shadow-sm)}.pv-paper-top{display:flex;align-items:center;gap:8px;color:var(--muted-foreground);font-size:.75rem}.pv-paper>strong{display:block;margin-block:16px;font-family:var(--font-serif);font-size:clamp(1rem,3.2cqw,1.75rem);font-weight:300;line-height:1.3;letter-spacing:-.04em;white-space:pre-line}.pv-paper-rule{height:1px;margin-block:16px;background:var(--pv-rule)}.pv-paper-signature{margin-top:16px;color:var(--muted-foreground);font-family:var(--font-serif);font-size:.75rem;font-style:italic}.pv-document-notes{display:flex;min-width:0;flex-direction:column;gap:16px;padding-block:8px;color:var(--muted-foreground)}.pv-note-line{display:flex;align-items:center;gap:8px;min-width:0}.pv-note-line svg{color:var(--pv-accent)}.pv-note-line span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pv-chat{display:flex;height:100%}.pv-channel-list{display:flex;flex:0 0 25%;flex-direction:column;gap:16px;padding:16px 12px;border-right:1px solid var(--pv-rule);background:var(--pv-tint);color:var(--muted-foreground)}.pv-channel-list>*{display:flex;align-items:center;gap:4px;white-space:nowrap}.pv-channel-list>strong{color:var(--pv-accent)}.pv-thread{display:flex;min-width:0;flex:1;flex-direction:column;gap:16px;padding:16px}.pv-thread-title{display:flex;gap:4px;align-items:center}.pv-message{display:flex;min-width:0;gap:8px}.pv-person{width:24px;height:24px;flex-shrink:0;border-radius:8px;background:color-mix(in oklch,var(--pv-accent) 20%,var(--card))}.pv-person-alt{background:color-mix(in oklch,var(--chart-5) 24%,var(--card))}.pv-message>div{display:grid;flex:1;min-width:0;gap:8px}.pv-message .pv-lines{width:85%}.pv-reaction{display:flex;align-items:center;gap:4px;width:fit-content;padding:2px 8px;border:1px solid var(--pv-rule);border-radius:8px;color:var(--pv-accent)}.pv-reaction svg{width:12px;height:12px}.pv-composer{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding:8px 12px;border:1px solid var(--pv-rule);border-radius:8px;color:var(--muted-foreground)}.pv-composer span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pv-composer svg{color:var(--pv-accent)}.pv-voice{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);height:100%}.pv-audio{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;background:var(--pv-tint);text-align:center}.pv-mic{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid color-mix(in oklch,var(--pv-accent) 20%,var(--card));border-radius:50%;background:var(--card);color:var(--pv-accent);box-shadow:var(--shadow-sm)}.pv-audio>span{color:var(--muted-foreground)}.pv-waveform{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:40px}.pv-waveform i{flex:1;max-width:4px;border-radius:4px;background:var(--pv-accent);opacity:.6}.pv-waveform i:nth-child(3n){opacity:1}.pv-transcript{display:flex;flex-direction:column;gap:20px;padding:20px 16px}.pv-transcript .pv-note-line{margin-top:auto;padding-top:12px;border-top:1px solid var(--pv-rule)}.pv-phone-scene{display:flex;justify-content:center;align-items:center;gap:24px;height:100%;padding:16px;background:var(--pv-tint)}.pv-phone{display:flex;width:44%;min-width:0;flex-direction:column;align-items:center;gap:8px;padding:12px;margin-top:32px;border:4px solid var(--border);border-radius:24px;background:var(--card);box-shadow:var(--shadow-lg);text-align:center}.pv-phone-speaker{width:24px;height:4px;border-radius:4px;background:var(--border)}.pv-contact{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pv-tint);color:var(--pv-accent)}.pv-phone>span{color:var(--muted-foreground)}.pv-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;padding-inline:12px}.pv-keypad i{display:grid;place-items:center;width:100%;aspect-ratio:1;max-height:28px;border-radius:50%;background:var(--muted);font-variant-numeric:tabular-nums}.pv-call{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pv-accent);color:var(--card)}.pv-phone-message{display:grid;gap:12px;width:40%;padding:16px;border:1px solid var(--pv-rule);border-radius:12px;background:var(--card);box-shadow:var(--shadow-md)}.pv-phone-message>svg{color:var(--pv-accent)}.pv-phone-message>span{color:var(--muted-foreground)}.pv-phone-message strong{color:var(--foreground)}.pv-developer{display:flex;flex-direction:column;gap:16px;height:100%;padding:16px 20px}.pv-code-label{display:flex;align-items:center;gap:8px;color:var(--muted-foreground)}.pv-code-label svg{color:var(--pv-accent)}.pv-code{display:grid;gap:4px;font-family:var(--font-mono)}.pv-code em,.pv-code i{display:inline;color:var(--pv-accent);font-style:normal}.pv-code b{color:var(--muted-foreground);font-weight:400}.pv-code-comment{margin-block:8px;color:var(--muted-foreground)}.pv-code-footer{display:flex;gap:8px;margin-top:auto}.pv-code-footer span{padding:4px 8px;border:1px solid var(--pv-rule);border-radius:4px;color:var(--muted-foreground)}.pv-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:16px;height:100%;padding:20px}.pv-editorial-copy{display:flex;min-width:0;flex-direction:column;gap:16px}.pv-editorial-copy>span{color:var(--muted-foreground);font-size:.75rem;letter-spacing:.08em}.pv-editorial-copy>strong{font-size:clamp(1.5rem,6cqw,3rem);line-height:.95;letter-spacing:-.04em}.pv-editorial-copy em{font-family:var(--font-serif);font-weight:300}.pv-editorial-copy .pv-lines{width:70%;margin-top:auto}.pv-editorial-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:16px;border-radius:8px;background:var(--pv-tint)}.pv-editorial-art>svg{position:relative;color:var(--pv-accent)}.pv-editorial-art>span{position:relative;color:var(--muted-foreground)}.pv-editorial-orbit{position:absolute;top:15%;left:-20%;width:125%;aspect-ratio:1;border:1px solid color-mix(in oklch,var(--pv-accent) 40%,transparent);border-radius:50%;box-shadow:0 0 0 20px color-mix(in oklch,var(--pv-accent) 5%,transparent),0 0 0 40px color-mix(in oklch,var(--pv-accent) 4%,transparent)}.pv-ecosystem{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;height:100%;padding:24px;background:radial-gradient(ellipse at right bottom,var(--pv-tint),transparent)}.pv-ecosystem-copy{display:flex;flex-direction:column;gap:16px;min-width:0}.pv-ecosystem-copy>span{color:var(--muted-foreground);font-size:.75rem;letter-spacing:.06em}.pv-ecosystem-copy>strong{font-size:clamp(1.5rem,5.4cqw,3rem);line-height:1;letter-spacing:-.04em}.pv-ecosystem-copy em{font-family:var(--font-serif);font-weight:300}.pv-ecosystem-copy .pv-lines{width:65%}.pv-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pv-app-tile{display:flex;min-width:0;flex-direction:column;align-items:center;gap:8px}.pv-app-tile>span{display:grid;place-items:center;width:100%;max-width:56px;aspect-ratio:1;border:1px solid var(--pv-rule);border-radius:16px;background:var(--card);color:var(--pv-accent);box-shadow:var(--shadow-md)}.pv-app-tile:nth-child(3n+2)>span{color:var(--chart-2)}.pv-app-tile:nth-child(3n)>span{color:var(--chart-5)}.pv-app-tile>strong{max-width:100%;overflow:hidden;color:var(--muted-foreground);font-size:.75rem;white-space:nowrap;text-overflow:ellipsis}@container (max-width: 460px){.pv-window-detail{display:none!important}.pv-composition{inset:10% 6% 14%}.pv-sidebar{display:none}.pv-window-bar{height:32px}.pv-window-content{height:calc(100% - 32px)}.pv-workspace-main,.pv-thread,.pv-quest{padding:12px}.pv-projects{margin-top:12px}.pv-project-card{padding:8px}.pv-card-mark{width:20px;height:20px;margin-bottom:8px}.pv-artboard{margin:12px;padding:12px}.pv-artboard>.pv-artboard-footer{display:none}.pv-studio-tools{gap:8px;padding:12px 8px}.pv-studio-tools .pv-lines,.pv-layer{display:none}.pv-swatches{flex-wrap:wrap}.pv-swatches i{width:12px;height:12px}.pv-document-scene{grid-template-columns:minmax(0,1fr) 27%;gap:12px;padding:12px}.pv-paper{padding:12px}.pv-paper>strong{margin-block:12px}.pv-paper-rule{margin-block:12px}.pv-paper-signature{margin-top:12px}.pv-document-notes{gap:12px}.pv-channel-list{display:none}.pv-thread{gap:12px}.pv-message>div{gap:4px}.pv-message .pv-lines{gap:4px}.pv-reaction{display:none}.pv-audio{gap:12px;padding:12px}.pv-mic{width:32px;height:32px}.pv-audio>span{display:none}.pv-waveform{gap:3px;height:32px}.pv-transcript{gap:16px;padding:16px 12px}.pv-transcript .pv-note-line{display:none}.pv-phone-scene{gap:16px;padding:12px}.pv-phone{width:50%;padding:8px;margin-top:48px}.pv-contact{width:24px;height:24px}.pv-phone>span{display:none}.pv-keypad{padding-inline:4px;gap:4px}.pv-phone-message{padding:12px}.pv-developer{gap:12px;padding:12px 16px}.pv-code{gap:0}.pv-code-comment{margin-block:4px}.pv-code-footer{display:none}.pv-editorial{gap:12px;padding:16px}.pv-editorial-copy{gap:12px}.pv-editorial-copy>span{letter-spacing:0}.pv-editorial-art{padding:12px}.pv-ecosystem{gap:16px;padding:16px}.pv-ecosystem-copy{gap:12px}.pv-ecosystem-copy>span{letter-spacing:0}.pv-app-grid{gap:12px 8px}.pv-app-tile{gap:4px}.pv-app-tile>span{border-radius:12px}}@container (max-width: 340px){.pv-window-dots{display:none}.pv-document-scene{grid-template-columns:minmax(0,1fr)}.pv-document-notes{display:none}.pv-studio{grid-template-columns:minmax(0,1fr) 26%}.pv-studio-tools>span{overflow:hidden;white-space:nowrap}.pv-studio-tools>strong{font-size:1.5rem}.pv-source-tags{gap:0}.pv-source-tags span{padding-inline:4px}.pv-search span:last-child{display:none}.pv-result{padding-block:8px}.pv-voice{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.pv-audio{gap:8px}.pv-transcript{gap:12px}.pv-transcript .pv-lines{gap:4px}.pv-project-column>span{font-size:.75rem}.pv-editorial{grid-template-columns:minmax(0,1fr) 35%}.pv-editorial-art>span{display:none}.pv-ecosystem{gap:12px;padding:12px}.pv-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pv-app-tile>span{max-width:28px;border-radius:8px}.pv-app-tile>strong{display:none}}@media(prefers-reduced-motion:reduce){.product-visual *,.product-visual *:before,.product-visual *:after{animation:none;transition:none}}