@layer components{.agent-workspace,.agent-dialog{--agent-background:var(--background);--agent-sidebar:var(--sidebar);--agent-panel:var(--card);--agent-raised:var(--muted);--agent-hover:var(--accent);--agent-border:var(--border);--agent-border-strong:var(--input);--agent-text:var(--foreground);--agent-muted:var(--muted-foreground);--agent-subtle:var(--muted-foreground);--agent-accent:var(--primary);--agent-accent-soft:color-mix(in oklch,var(--primary)12%,transparent);--agent-warning:var(--warning);--agent-warning-soft:color-mix(in oklch,var(--warning)10%,transparent);--agent-warning-border:color-mix(in oklch,var(--warning)35%,transparent);--agent-danger:var(--destructive);--agent-danger-soft:color-mix(in oklch,var(--destructive)10%,transparent);--agent-danger-border:color-mix(in oklch,var(--destructive)35%,transparent);--agent-blue:var(--info);--agent-model-background:var(--muted);color:var(--foreground)}body:has(.agent-workspace) :is([data-slot=dialog-content],[data-slot=sheet-content],[data-slot=select-content],[data-slot=popover-content],[data-slot=dropdown-menu-content],[data-slot=alert-dialog-content]){--agent-background:var(--background);--agent-sidebar:var(--sidebar);--agent-panel:var(--card);--agent-raised:var(--muted);--agent-hover:var(--accent);--agent-border:var(--border);--agent-border-strong:var(--input);--agent-text:var(--foreground);--agent-muted:var(--muted-foreground);--agent-subtle:var(--muted-foreground);--agent-accent:var(--primary);--agent-accent-soft:color-mix(in oklch,var(--primary)12%,transparent);--agent-warning:var(--warning);--agent-warning-soft:color-mix(in oklch,var(--warning)10%,transparent);--agent-warning-border:color-mix(in oklch,var(--warning)35%,transparent);--agent-danger:var(--destructive);--agent-danger-soft:color-mix(in oklch,var(--destructive)10%,transparent);--agent-danger-border:color-mix(in oklch,var(--destructive)35%,transparent);--agent-blue:var(--info);--agent-model-background:var(--muted);color:var(--foreground)}.agent-workspace{background:var(--sidebar);font-size:14px;line-height:1.6}.agent-shell{height:100svh;min-height:0;overflow:hidden}.agent-settings-page{overscroll-behavior:contain;flex:1;min-width:0;min-height:0;padding:36px clamp(20px,3vw,48px) 56px;overflow:auto}.agent-settings-page>*{max-width:1040px;margin-inline:auto}.agent-field{border:1px solid var(--agent-border-strong);background:var(--agent-panel);width:100%;min-width:0;min-height:42px;color:var(--agent-text);border-radius:8px;padding:9px 12px;font-size:14px;line-height:1.6;transition:border-color .15s,box-shadow .15s}.agent-field::placeholder{color:var(--agent-subtle)}.agent-field:focus{border-color:var(--agent-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--agent-accent)15%,transparent);outline:none}.agent-field:disabled{opacity:.6;cursor:not-allowed;background:var(--agent-raised)}.agent-field[aria-invalid=true]{border-color:var(--agent-danger)}.agent-workspace :is(button:not([data-slot=button]),a:not([data-slot=button]),summary,select):focus-visible,.agent-dialog :is(button:not([data-slot=button]),a:not([data-slot=button]),summary,select):focus-visible{outline:2px solid var(--agent-accent);outline-offset:3px}.agent-workspace input[type=checkbox],.agent-dialog input[type=checkbox]{width:18px;height:18px;accent-color:var(--agent-accent);flex-shrink:0}.agent-settings-page :is(section,form,fieldset,label),.agent-dialog :is(form,fieldset,label){min-width:0}.agent-settings-page pre,.agent-dialog pre{max-width:100%;overflow-x:auto}.agent-dialog{overscroll-behavior:contain;border:1px solid var(--agent-border);background:var(--agent-panel);border-radius:16px;max-height:calc(100dvh - 32px);font-size:14px;line-height:1.6;overflow-y:auto;box-shadow:0 24px 72px #0003}.agent-message-assistant{padding:4px 0}.agent-asset-card{border:1px solid var(--agent-border);background:var(--agent-panel);border-radius:12px}.agent-diff{font-family:var(--font-geist-mono),monospace;tab-size:2;font-size:13px;line-height:1.8}.agent-workspace ::selection,.agent-dialog ::selection{background:color-mix(in srgb,var(--agent-accent)22%,transparent)}@media (max-width:767px){.agent-settings-page{padding:24px 16px 40px}.agent-field,.agent-composer-input,.agent-workspace :is(input:not([type=checkbox]):not([type=radio]),textarea,select),.agent-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}.agent-field,.agent-workspace [data-slot=button],.agent-dialog [data-slot=button]{min-height:44px}.agent-workspace [data-slot=button][data-size^=icon],.agent-dialog [data-slot=button][data-size^=icon]{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.agent-workspace *,.agent-dialog *{scroll-behavior:auto;transition:none}}.agent-approval-message,.agent-generation-message{overflow-wrap:anywhere;min-width:0;font-size:15px;line-height:1.7}.agent-approval-message{border-left:2px solid color-mix(in oklch,var(--primary)45%,transparent);padding-left:1rem}.agent-approval-message>p,.agent-approval-message>div>p,.agent-approval-message>ul,.agent-generation-message>p{margin-block:.6rem}.agent-approval-message>:first-child{margin-top:0}.agent-approval-message>:last-child{margin-bottom:0}.agent-approval-kicker{letter-spacing:.01em;color:var(--primary);align-items:center;gap:.5rem;font-size:12px;font-weight:600;display:flex}.agent-approval-kicker svg{flex-shrink:0;width:14px;height:14px}.agent-approval-message q{border:1px solid color-mix(in oklch,var(--primary)28%,transparent);background:color-mix(in oklch,var(--primary)6%,transparent);color:var(--foreground);cursor:text;-webkit-user-select:all;user-select:all;border-radius:.75rem;margin-block:.5rem;padding:.625rem .875rem;font-weight:500;display:block}.agent-approval-message code{border:1px solid var(--border);background:var(--muted);font-family:var(--font-mono);border-radius:.375rem;padding:.05rem .35rem;font-size:.85em}.agent-approval-message ul{padding-left:1.25rem;list-style:outside}.agent-approval-message li::marker{color:var(--muted-foreground)}.agent-approval-warning{border:1px solid color-mix(in oklch,var(--warning)35%,transparent);background:color-mix(in oklch,var(--warning)8%,transparent);color:var(--warning);border-radius:.75rem;padding:.5rem .75rem;font-size:14px}.agent-approval-message details{border:1px solid var(--border);background:var(--card);border-radius:.75rem;margin-top:.75rem;padding:.5rem .75rem;font-size:13px}.agent-approval-message details details{background:var(--muted);margin-top:.5rem}.agent-approval-message summary{cursor:pointer;color:var(--muted-foreground);align-items:center;gap:.375rem;font-size:12px;font-weight:500;list-style:none;display:flex}.agent-approval-message summary::-webkit-details-marker{display:none}.agent-approval-message summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:.4rem;height:.4rem;transition:transform .15s;transform:rotate(-45deg)}.agent-approval-message details[open]>summary:before{transform:rotate(45deg)}.agent-approval-message details[open]>summary{margin-bottom:.5rem}.agent-approval-message dl{grid-template-columns:max-content minmax(0,1fr);gap:.25rem .75rem;margin:0;display:grid}.agent-approval-message dt{color:var(--muted-foreground)}.agent-approval-message dd{font-family:var(--font-mono);word-break:break-all;margin:0;font-size:12px}.agent-approval-message pre{background:var(--muted);font-family:var(--font-mono);border-radius:.5rem;margin-top:.5rem;padding:.75rem;font-size:12px;line-height:1.6}.agent-approval-message button{color:var(--primary);text-underline-offset:2px;font-weight:500;text-decoration:underline}.agent-approval-message a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.agent-evidence-note{color:var(--muted-foreground);font-size:12px}.agent-model-embed{border:1px solid var(--border);background:var(--muted);border-radius:.75rem;min-width:0;margin-block:.75rem;overflow:hidden}.agent-texture-headline{color:var(--foreground);font-weight:600}.agent-texture-evidence{gap:.75rem;margin-block:.75rem;display:grid}.agent-texture-evidence p{margin:0}.agent-texture-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.agent-texture-compare figure,.agent-texture-model{min-width:0;margin:0}.agent-texture-image{object-fit:contain;border:1px solid var(--border);background-color:var(--muted);background-image:linear-gradient(45deg,var(--border)25%,transparent 25%,transparent 75%,var(--border)75%),linear-gradient(45deg,var(--border)25%,transparent 25%,transparent 75%,var(--border)75%);background-position:0 0,8px 8px;background-size:16px 16px;border-radius:.75rem;width:100%;height:auto;max-height:22rem;display:block}.agent-texture-model-image{border:1px solid var(--border);background:var(--muted);border-radius:.75rem;width:auto;max-width:100%;height:auto;max-height:15rem;display:block}.agent-texture-evidence figcaption{color:var(--muted-foreground);margin-top:.375rem;font-size:12px;line-height:1.5}.agent-design-presentation{gap:.75rem;margin-block:.75rem;display:grid}.agent-design-presentation p,.agent-design-presentation figure{min-width:0;margin:0}.agent-design-presentation .agent-texture-model-image{max-height:24rem}.agent-design-presentation figcaption{color:var(--muted-foreground);margin-top:.375rem;font-size:12px;line-height:1.5}.agent-generation-status{align-items:center;gap:.625rem;font-size:14px;font-weight:500;display:flex}.agent-generation-status p{margin:0}.agent-generation-indicator{background:var(--muted-foreground);border-radius:50%;flex-shrink:0;width:8px;height:8px}.agent-generation-working{background:var(--primary);box-shadow:0 0 0 4px color-mix(in oklch,var(--primary)18%,transparent);animation:1.8s ease-in-out infinite agent-generation-pulse}.agent-generation-ready{background:var(--success)}.agent-generation-failed{background:var(--destructive)}.agent-generation-cancelled{background:var(--muted-foreground)}.agent-generation-placeholder{text-align:center;border:1px dashed var(--border);background:color-mix(in oklch,var(--muted)60%,transparent);min-height:220px;color:var(--muted-foreground);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-block:.75rem;padding:1.5rem;font-size:14px;display:flex}.agent-generation-placeholder span{font-size:11px}.agent-wireframe{width:64px;height:64px;transform-style:preserve-3d;margin:18px;position:relative;transform:rotateX(55deg)rotate(35deg)}.agent-wireframe i{border:1px solid var(--primary);opacity:.55;border-radius:2px;display:block;position:absolute;inset:0}.agent-wireframe i:nth-child(2){transform:rotateX(90deg)}.agent-wireframe i:nth-child(3){transform:rotateY(90deg)}.is-working .agent-wireframe{animation:8s linear infinite agent-wireframe-orbit}@keyframes agent-wireframe-orbit{to{transform:rotateX(55deg)rotate(395deg)}}@keyframes agent-generation-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.agent-generation-working,.is-working .agent-wireframe{animation:none}}}