.assist-dialog{width:min(36rem,calc(100% - 1.5rem));max-height:calc(100svh - 2rem);overflow:auto}
.assist{display:flex;flex-direction:column;gap:1rem;min-width:0}
.assist .assist-lead{font-size:1rem;font-weight:500;letter-spacing:-.02em}
.assist .assist-guide-section{border-bottom:1px solid var(--border-1);padding-bottom:.8rem}
.assist .assist-guide-section summary{font-size:.83rem;font-weight:500;cursor:pointer;min-height:2rem;line-height:1.5;padding:.2rem 0}
.assist .assist-guide-content{display:flex;flex-direction:column;gap:.9rem;padding:.65rem 0 .15rem;font-size:.8rem;line-height:1.6;color:var(--color-muted)}
.assist .assist-comparison{display:grid;grid-template-columns:1fr;gap:.3rem;border-left:2px solid var(--border-strong);padding-left:.9rem}
.assist .assist-comparison dt{font-size:.68rem;font-weight:600;color:var(--color-text)}
.assist .assist-comparison dd+dt{padding-top:.4rem}
.assist .assist-suggestions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.assist .assist-suggestion{display:flex;flex-direction:column;align-items:start;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid var(--border-1)}
.assist .assist-suggestion:last-child{border-bottom:0;padding-bottom:0}
.assist .assist-suggestion h3{font-size:.87rem;font-weight:600;letter-spacing:-.02em}
.assist .assist-suggestion p{font-size:.83rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.assist .assist-suggestion .btn{min-height:2.3rem;padding:.45rem .8rem;font-size:.75rem}
.assist .assist-output{display:flex;flex-direction:column;gap:1rem;min-width:0}
.assist .assist-output:empty{display:none}
.assist .assist-output>.btn{align-self:start}
.assist .assist-note{font-size:.74rem;line-height:1.5;color:var(--color-muted)}
.assist .assist-loading{display:flex;align-items:center;gap:.6rem;min-height:5rem;font-size:.82rem}
.assist .assist-loading .spinner{width:1rem;height:1rem}
.assist .assist-error{font-size:.8rem;line-height:1.5;color:var(--color-error)}
.assist .assist-field-heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.assist .assist-field-heading label{font-size:.8rem;font-weight:500}
.assist .assist-example-button{display:grid;place-items:center;min-width:2.3rem;min-height:2.3rem;border:1px solid transparent;border-radius:.4rem;background:transparent}
.assist .assist-example-button:hover{background:var(--surface-1);border-color:var(--border-1)}
.assist .assist-example-button .icon{width:1rem;height:1rem}
.assist .assist-field-hint{display:flex;align-items:start;justify-content:space-between;gap:.75rem}
.assist .assist-counter{font-size:.65rem;color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.assist .assist-chat-preview{list-style:none;display:flex;flex-direction:column;gap:.6rem;padding:1rem;background:var(--surface-1);border-radius:.45rem}
.assist .assist-chat-message{display:flex;flex-direction:column;gap:.2rem;max-width:90%;padding:.65rem .8rem;background:var(--color-bg-start);border:1px solid var(--border-1);border-radius:.4rem}
.assist .assist-chat-message>span{font-size:.66rem;color:var(--color-muted)}
.assist .assist-chat-message>p{font-size:.8rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.assist .assist-chat-outgoing{align-self:end;background:var(--surface-2)}
@media(max-width:900px){.assist .area{font-size:1rem}.assist .assist-field-hint{flex-wrap:wrap}.assist .assist-suggestion .btn{min-height:2.7rem}.assist .assist-chat-preview{padding:.7rem}.assist .assist-chat-message{max-width:95%}.assist .assist-example-button{min-width:2.7rem;min-height:2.7rem}}
@media(forced-colors:active){.assist .assist-example-button,.assist .assist-chat-message{border:1px solid ButtonText}}
.assist-examples-dialog{width:min(42rem,calc(100% - 1.5rem))}
.assist .assist-example{gap:.65rem}
.assist-example-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff;border:1px solid var(--border-1);border-radius:.4rem}
.assist-example-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.assist .assist-example-status{font-size:.74rem}
.assist .assist-example-status[hidden],.assist-example-actions [hidden]{display:none}
.assist-profile-image{width:36px;height:36px;object-fit:cover;border-radius:50%}
.studio-layout-assist{display:flex;justify-content:center}