.photo-ai-task-button[data-generation-status=busy]{box-shadow:inset 0 0 0 1.5px #0a7eff;animation:photo-ai-task-pulse 1.8s ease-in-out infinite}.photo-ai-task-button[data-generation-status=ready]{box-shadow:inset 0 0 0 1.5px #10b981}.photo-ai-task-button[data-generation-status=failed]{box-shadow:inset 0 0 0 1.5px #ef4444}@keyframes photo-ai-task-pulse{50%{box-shadow:inset 0 0 0 1.5px #0a7eff,0 0 0 3px rgb(10 126 255/12%)}}@media (prefers-reduced-motion:reduce){.photo-ai-task-button[data-generation-status=busy]{animation:none}}.photo-ai-design-face,.photo-ai-face{container:photo-ai-form/size;--photo-ai-card-fixed-space:384px}.photo-ai-face{--photo-ai-fixed-space:280px;--photo-ai-reference-height:clamp(48px,calc((100cqh - var(--photo-ai-fixed-space)) * .18),72px);--photo-ai-prompt-height:clamp(36px,calc((100cqh - var(--photo-ai-fixed-space)) * .28),120px)}.photo-ai-face>*{flex-shrink:0}.photo-ai-generate-face,.photo-ai-style-face{--photo-ai-reference-height:clamp(56px,calc((100cqh - 240px) * .23),80px)}.photo-ai-generate-face{--photo-ai-fixed-space:240px;--photo-ai-prompt-height:clamp(56px,calc((100cqh - 240px) * .30),120px);gap:clamp(12px,2.5cqh,24px)}.photo-ai-face>.photo-ai-grow-prompt,.photo-ai-grow-prompt>.relative{display:flex;flex:1 0 auto;flex-direction:column}.photo-ai-grow-prompt textarea{flex:1 0 auto;min-height:var(--photo-ai-prompt-height,48px)}.photo-ai-format-card,.photo-ai-style-card{height:clamp(80px,calc((100cqh - var(--photo-ai-card-fixed-space, 384px)) * .44),112px)}.photo-ai-format-card svg{width:24px;height:24px;max-height:100%}.photo-ai-options-row{height:calc(clamp(24px, (100cqh - var(--photo-ai-fixed-space)) * .1, 40px) + 46px)}.photo-ai-style-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:12px;height:calc(clamp(24px, (100cqh - var(--photo-ai-fixed-space)) * .1, 40px) + 16px)}.photo-ai-style-controls .range-theme-neon{min-width:0;gap:6px}.photo-ai-style-controls .range-theme-neon span,.photo-ai-style-switch label span{font-size:11px;line-height:14px}.photo-ai-style-switch{gap:6px;align-items:center}.photo-ai-style-controls input[type=range]{zoom:.8}.photo-ai-style-face{--photo-ai-fixed-space:384px;--photo-ai-prompt-height:clamp(44px,calc((100cqh - var(--photo-ai-fixed-space)) * .26),100px);gap:clamp(12px,2.5cqh,20px)}.photo-ai-style-face .photo-ai-style-controls{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));height:auto;gap:8px 12px}.photo-ai-style-face .photo-ai-style-controls .range-theme-neon{gap:4px}.photo-ai-style-face .photo-ai-style-controls input[type=range]{height:24px;zoom:1}.photo-ai-style-face .photo-ai-style-controls .range-theme-neon span{font-size:12px;line-height:16px}.photo-ai-style-face .photo-ai-style-switch{align-items:center}.photo-ai-style-face .photo-ai-style-switch label{gap:0}.photo-ai-style-face .photo-ai-style-switch label span{font-size:11px;line-height:14px}.photo-ai-style-face .photo-ai-style-switch label span+span{font-size:10px}@container photo-ai-sidebar (max-height: 570px){.photo-ai-design-face,.photo-ai-face{--photo-ai-card-fixed-space:350px}.photo-ai-style-face{--photo-ai-fixed-space:350px;gap:10px}.photo-ai-style-face .photo-ai-style-controls{gap:6px 12px}}@container photo-ai-sidebar (max-width: 460px){.photo-ai-style-face .photo-ai-style-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-ai-style-face .photo-ai-style-controls .range-theme-neon{grid-column:1/-1}}.photo-ai-pair-preview{height:clamp(24px,calc((100cqh - var(--photo-ai-fixed-space)) * .1),40px)}.photo-ai-pair-preview img{max-height:100%}.photo-ai-pair-header{display:flex;align-items:center;justify-content:space-between;gap:4px}.photo-ai-pair-header h3{font-size:11px;line-height:14px}.photo-ai-pair-header>div{flex-shrink:0}.photo-ai-pair-header button{width:20px;height:24px}.photo-ai-footer>div>div:first-child{flex:1 1 0%;min-width:0}.photo-ai-footer>div>div:first-child [data-pill-trigger]{max-width:100%}.photo-ai-footer [data-pill-label]{min-width:0}.photo-ai-footer>div>div:first-child [data-pill-label],.photo-ai-footer>div>div:first-child [data-pill-label]>span{display:block;overflow:hidden;text-overflow:ellipsis}.photo-ai-footer [data-pill-trigger]>:not([data-pill-label]){flex-shrink:0}[data-photo-ai-footer-mode=generate]>div:first-child [data-pill-trigger]{min-height:32px;height:auto;white-space:normal}.photo-ai-footer [data-photo-ai-footer-mode=generate]>div:first-child [data-pill-label],.photo-ai-footer [data-photo-ai-footer-mode=generate]>div:first-child [data-pill-label]>span{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}[data-photo-ai-footer-mode=generate] [data-collapse-priority]{width:32px;flex-shrink:0;justify-content:center;gap:0;padding-inline:0}[data-photo-ai-footer-mode=generate] [data-collapse-priority] [data-pill-label]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-photo-ai-footer-mode=generate] [data-collapse-priority] [data-pill-chevron]{display:none}@container photo-ai-sidebar (max-width: 460px){.photo-ai-footer [data-photo-ai-footer-mode]:not([data-photo-ai-footer-mode=generate]) [data-collapse-priority="2"] [data-pill-label]{display:none}}.quiet-scroll::-webkit-scrollbar{width:5px}.quiet-scroll::-webkit-scrollbar-track{background:transparent}.quiet-scroll::-webkit-scrollbar-thumb{background:rgb(var(--color-muted-foreground)/.35);border-radius:9999px}.quiet-scroll::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-muted-foreground)/.6)}.photo-ai-design-face{--photo-ai-design-room:max(0px,calc(100cqh - 230px));--photo-ai-reference-height:clamp(40px,calc(var(--photo-ai-design-room) * .22),68px);--photo-ai-prompt-height:clamp(48px,calc(var(--photo-ai-design-room) * .28),96px);gap:clamp(6px,1.5cqh,16px)}.photo-ai-design-face>.grid,.photo-ai-design-face>section:not([data-agent-compose-stepper]){flex-shrink:0}.photo-ai-design-face .photo-ai-format-card,.photo-ai-generate-face .photo-ai-format-card{display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-rows:1fr 1fr;-moz-column-gap:4px;column-gap:4px;height:clamp(32px,calc((100cqh - 230px) * .11),38px);min-height:32px;padding:3px 4px}:is(.photo-ai-design-face,.photo-ai-generate-face) .photo-ai-format-card>div{grid-row:1/3;width:16px;height:100%}:is(.photo-ai-design-face,.photo-ai-generate-face) .photo-ai-format-card svg{width:16px;height:16px}:is(.photo-ai-design-face,.photo-ai-generate-face) .photo-ai-format-card>span{min-width:0;width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:10px;line-height:11px}:is(.photo-ai-design-face,.photo-ai-generate-face) .photo-ai-format-card>span+span{font-size:9px;line-height:10px}:is(.photo-ai-design-face,.photo-ai-generate-face) .photo-ai-format-card[data-photo-ai-none-card]{grid-template-columns:minmax(0,1fr);width:38px;padding-inline:2px;border-radius:6px}:is(.photo-ai-design-face,.photo-ai-generate-face) .photo-ai-format-card[data-photo-ai-none-card]>div{width:100%}.photo-ai-design-face .photo-ai-style-card{height:clamp(56px,calc(var(--photo-ai-design-room) * .28),100px)}.photo-ai-design-face .photo-ai-design-pair-preview{height:clamp(24px,5cqh,36px)}.photo-ai-design-face .photo-ai-design-pair-preview img{max-height:100%}.photo-ai-design-face .photo-ai-design-prompt{margin-top:auto}@container photo-ai-sidebar (max-height: 540px){[data-photo-ai-mode=design] [data-photo-ai-sidebar-content]{padding-block:8px}.photo-ai-design-face{gap:6px}.photo-ai-design-face>.grid section>div:first-child,.photo-ai-design-face>section:not([data-agent-compose-stepper])>div:first-child{min-height:20px}.photo-ai-design-face .photo-ai-design-pair-preview{height:24px}}@container photo-ai-sidebar (max-height: 500px){[data-photo-ai-mode=design] [data-photo-ai-sidebar-content]{padding-block:6px}.photo-ai-design-face{--photo-ai-reference-height:32px;--photo-ai-prompt-height:48px;gap:4px}.photo-ai-design-face .photo-ai-format-card,.photo-ai-generate-face .photo-ai-format-card{height:32px}.photo-ai-design-face .photo-ai-style-card{height:48px}:is(.photo-ai-design-face,.photo-ai-generate-face) .photo-ai-format-card svg{width:14px;height:14px}.photo-ai-design-face>.grid section>:not([hidden])~:not([hidden]),.photo-ai-design-face>section:not([data-agent-compose-stepper])>:not([hidden])~:not([hidden]){margin-top:4px}.photo-ai-design-face>section:not([data-agent-compose-stepper])>div:first-child>button{height:24px}.photo-ai-design-face [data-design-catalog] button{width:18px;height:18px}.photo-ai-design-face .photo-ai-design-pair-preview{height:18px}.photo-ai-design-face>.grid section>div+div button{padding:4px}.photo-ai-design-face .photo-ai-design-prompt>.relative{padding:6px}}@container photo-ai-sidebar (max-width: 420px) and (min-height: 501px){.photo-ai-design-face{gap:6px}.photo-ai-design-face>.grid h3{font-size:11px;line-height:14px}}