.ai-studio{flex-direction:column;gap:1rem;display:flex}.ai-studio-head{flex-direction:column;gap:.35rem;display:flex}.ai-drop{border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);padding:.85rem}.ai-drop.active{border-color:var(--accent)}.ai-drop-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .55rem;font-size:.75rem;font-weight:700}.ai-drop-body{cursor:pointer;flex-direction:column;align-items:center;gap:.45rem;padding:1.4rem .75rem;display:flex}.ai-drop-title{font-size:.9rem;font-weight:700}.ai-drop-hint{color:var(--text-muted);text-align:center;font-size:.75rem}.ai-drop-preview{background:var(--bg-muted);border-radius:12px;position:relative;overflow:hidden}.ai-drop-preview img{object-fit:contain;width:100%;max-height:420px;display:block}.ai-drop-clear{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px}.ai-dual-drop{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:720px){.ai-dual-drop{grid-template-columns:1fr 1fr}}.ai-slider-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:640px){.ai-slider-grid{grid-template-columns:1fr 1fr}}.ai-chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.ai-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8125rem;font-weight:650;display:inline-flex}.ai-chip.active{border-color:var(--accent-border);background:var(--accent-light);color:var(--accent)}.ai-brush-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ai-brush-row .opt-label{margin-right:.25rem}.ai-style-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.65rem;display:grid}.ai-style-card{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-secondary);border-radius:14px;flex-direction:column;gap:.35rem;padding:.55rem;display:flex}.ai-style-card.active{border-color:var(--accent);box-shadow:var(--shadow-sm)}.ai-style-card strong{color:var(--text-primary);font-size:.8125rem}.ai-style-card span:last-child{font-size:.7rem;line-height:1.35}.ai-style-swatch{border-radius:10px;height:72px;display:block;overflow:hidden}.ai-style-swatch img{object-fit:cover;width:100%;height:100%}.ai-busy{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.875rem;display:flex}.ai-progress{text-align:center;flex-direction:column;align-items:center;gap:.7rem;padding:1.25rem .75rem .5rem;display:flex}.ai-progress-orb{width:56px;height:56px;color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border);border-radius:18px;place-items:center;animation:2s infinite pulse-glow;display:grid}.ai-progress-title{margin:0;font-size:1rem;font-weight:700}.ai-progress-track{background:var(--bg-muted);border-radius:99px;width:min(100%,340px);height:8px;overflow:hidden}.ai-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:99px;height:100%;transition:width .22s ease-out;position:relative;overflow:hidden}.ai-progress-sheen{background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:1.2s ease-in-out infinite ai-progress-sheen;position:absolute;inset:0}.ai-progress-status{color:var(--text-muted);margin:0;font-size:.8125rem}.workspace-progress-bar>div{transition:width .22s ease-out;position:relative;overflow:hidden}.workspace-progress-bar>div:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:1.2s ease-in-out infinite ai-progress-sheen;position:absolute;inset:0}@keyframes ai-progress-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.workspace-inline-progress{margin-top:0}.workspace-inline-progress .workspace-progress{max-width:none;margin:0}.ai-preview-panel{--stage-max-h:min(72vh, 630px);--stage-frame:2rem;width:100%;position:relative}.ai-preview-panel .image-zoom-wrap .image-zoom-stage.pixelate-stage,.ai-preview-panel .enhance-live-stage .image-zoom-stage.pixelate-stage,.ai-preview-panel .paint-mask-editor .pixelate-stage{min-height:min(52vh,480px);max-height:var(--stage-max-h);overscroll-behavior:auto;padding:.85rem 1rem;overflow:hidden}.ai-preview-panel .image-zoom-stage.is-zoomed,.ai-preview-panel .paint-mask-editor .pixelate-stage.pixelate-stage--zoomed{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:auto}.ai-preview-panel .image-zoom-content>img,.ai-preview-panel .image-zoom-content>canvas,.ai-preview-panel .paint-mask-editor .pixelate-canvas-select{width:auto;max-width:100%;height:auto;max-height:calc(var(--stage-max-h) - var(--stage-frame));object-fit:contain}.ai-preview-panel .paint-mask-editor .pixelate-canvas-select{margin-inline:auto}.ai-preview-panel .image-zoom-stage.is-zoomed .image-zoom-content>img,.ai-preview-panel .image-zoom-stage.is-zoomed .image-zoom-content>canvas,.ai-preview-panel .paint-mask-editor .pixelate-stage--zoomed .pixelate-canvas-select{max-width:none;max-height:none}.ai-preview-panel .paint-mask-editor{width:100%}.ai-preview-panel .ai-sketch-wrap{border:1px solid var(--border);background:linear-gradient(160deg, var(--bg-muted) 0%, var(--bg-subtle) 100%);border-radius:12px;padding:.85rem 1rem}.ai-preview-panel .ai-sketch-canvas{max-height:calc(var(--stage-max-h) - var(--stage-frame));object-fit:contain;width:auto;max-width:100%;height:auto;margin:0 auto;display:block}.ai-preview-panel .ai-gen-placeholder{margin:0}.workspace-config-panel .workspace-config-fields>.config-span-full,.workspace-config-panel .workspace-config-fields>.ai-headshot-styles,.workspace-config-panel .workspace-config-fields>.ai-output-size,.workspace-config-panel .workspace-config-fields>.ai-config-two-col,.workspace-config-panel .workspace-config-fields>.ai-style-rail-wrap,.workspace-config-panel .workspace-config-fields>.ai-chip-row,.workspace-config-panel .workspace-config-fields>.ai-advanced-toggle,.workspace-config-panel .workspace-config-fields>.enhance-preview-note,.workspace-config-panel .workspace-config-fields>.live-tool-hint,.workspace-config-panel .workspace-config-fields>.ai-drop,.workspace-config-panel .workspace-config-fields>.upload-zone,.workspace-config-panel .workspace-config-fields>.opt-label{grid-column:1/-1;min-width:0}.ai-preview-panel.is-busy .pixelate-stage,.ai-preview-panel.is-busy .image-zoom-wrap,.ai-preview-panel.is-busy .paint-mask-editor .pixelate-stage{pointer-events:none}.ai-preview-busy-overlay{z-index:4;pointer-events:none;background:linear-gradient(#0000,#00000014 45%,#0000006b);border-radius:12px;justify-content:stretch;align-items:flex-end;padding:.85rem 1rem 1rem;display:flex;position:absolute;inset:0}.ai-preview-busy-overlay .workspace-inline-progress{width:100%}.ai-preview-busy-overlay .workspace-progress-meta,.ai-preview-busy-overlay .workspace-progress-meta span{color:#fff}.ai-standard-preview.image-zoom-wrap{--stage-max-h:min(72vh, 630px);width:100%}.ai-standard-preview .image-zoom-stage.pixelate-stage{width:100%;min-height:min(52vh,480px);max-height:var(--stage-max-h);justify-content:center;align-items:center;display:flex}.ai-standard-preview .image-zoom-content>img{object-fit:contain}.ai-result-preview-wrap{width:100%;position:relative}.ai-result-preview-wrap .image-zoom-content>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(72vh,630px)}.ai-result-compare-btn{z-index:5;box-shadow:var(--shadow-sm);position:absolute;top:10px;right:10px}.ai-result-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;width:100%;display:grid}.ai-result-split-pane{flex-direction:column;gap:.45rem;min-width:0;margin:0;display:flex}.ai-result-split-label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.75rem;font-weight:650}.ai-result-split-img{object-fit:contain;border:1px solid var(--border);background:var(--bg-muted);border-radius:12px;width:100%;height:auto;max-height:min(62vh,520px);display:block}@media (max-width:720px){.ai-result-split{grid-template-columns:1fr}}.ai-gen-placeholder{border:1px dashed var(--border);background:var(--bg-subtle);min-height:min(52vh,480px);color:var(--text-muted);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:1.5rem;font-size:.875rem;display:flex}.ai-gen-placeholder p{max-width:28rem;margin:0}.ai-result-only{border:1px solid var(--border);border-radius:14px;width:100%}.ai-advanced-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.8125rem;font-weight:650}.ai-sketch-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);padding:.65rem}.ai-sketch-canvas{touch-action:none;cursor:crosshair;background:#fff;border-radius:10px;max-width:100%;height:auto;display:block}.ai-sketch-tools{align-items:end;gap:.75rem;margin-top:.55rem;display:flex}.ai-studio .opt-label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.75rem;font-weight:650;display:block}.ai-studio .workspace-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.ai-style-transfer-row{grid-template-columns:minmax(96px,120px) minmax(180px,240px) minmax(0,1fr);align-items:start;gap:1rem 1.25rem;width:100%;display:grid}.ai-style-transfer-ref-thumb{aspect-ratio:1;background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;width:100%;max-height:108px;position:relative;overflow:hidden}.ai-style-transfer-ref-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ai-style-transfer-ref-clear{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:26px;height:26px;color:var(--text-secondary);border-radius:8px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.ai-style-transfer-prompt textarea{resize:vertical;min-height:5.5rem}@media (max-width:720px){.ai-style-transfer-row{grid-template-columns:1fr}.ai-style-transfer-ref-thumb{max-width:120px}}.workspace-config-panel.fields-full .workspace-config-fields{grid-template-columns:1fr;width:100%}.workspace-config-panel.fields-full{max-width:none}.workspace-config-panel.ai-config-panel .workspace-config-fields{width:100%;min-width:0}.workspace-config-panel.ai-config-panel{min-width:0;max-width:100%}.workspace-config-panel.ai-config-panel.fields-1 .workspace-config-fields{grid-template-columns:1fr}.ai-config-two-col{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem 1.25rem;display:grid}.ai-config-col{flex-direction:column;gap:.45rem;min-width:0;display:flex}.ai-config-col .ai-chip-row{margin-top:.1rem}@media (max-width:640px){.ai-config-two-col{grid-template-columns:1fr}}.ai-output-size{flex-direction:column;gap:.55rem;display:flex}.ai-output-size-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.ai-output-lock{margin:0}.ai-output-size-note{color:var(--text-muted);margin:0;font-size:.75rem}.ai-framed-preview{width:100%}.ai-framed-preview .resize-preview-stage{background:0 0;border:none;height:min(72vh,630px);min-height:min(52vh,480px);padding:0}.ai-framed-preview .interactive-editor-hint{color:var(--text-muted);text-align:center;margin:.35rem 0 0;font-size:.75rem}@media (max-width:640px){.ai-output-size-fields{grid-template-columns:1fr}}.ai-headshot-styles{flex-direction:column;gap:.45rem;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.ai-headshot-styles-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}.ai-headshot-styles-head .opt-label{flex:auto;min-width:0;margin-bottom:0}.ai-headshot-more-btn{border:1px solid var(--accent-border);background:var(--accent-light);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:.4rem .85rem;font-size:.8125rem;font-weight:700;line-height:1.2}.ai-headshot-more-btn:hover{border-color:var(--accent);background:var(--surface)}.ai-headshot-rail{width:100%;min-width:0;max-width:100%;padding-bottom:.35rem;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000)}.ai-headshot-rail::-webkit-scrollbar{height:6px}.ai-headshot-rail::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.tool-modal.ai-headshot-modal{width:min(760px,100%)}.ai-headshot-modal-grid{grid-template-columns:repeat(auto-fill,minmax(6.75rem,1fr));gap:.65rem;display:grid}.ai-headshot-modal-grid .ai-style-tile{width:100%;min-width:0}@media (min-width:640px){.ai-headshot-modal-grid{grid-template-columns:repeat(auto-fill,minmax(7.25rem,1fr))}}.ai-style-rail-wrap{flex-direction:column;flex-shrink:0;gap:.45rem;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.ai-style-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-x:contain;flex-wrap:nowrap;gap:.65rem;width:100%;min-width:0;max-width:100%;padding:.15rem .1rem .55rem;display:flex;overflow:auto hidden}.ai-style-tile{scroll-snap-align:start;text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;width:7.25rem;color:var(--text-secondary);border-radius:14px;flex-direction:column;flex:none;gap:.3rem;padding:.4rem;display:flex}.ai-style-tile.active{border-color:var(--accent);box-shadow:var(--shadow-sm);color:var(--text-primary)}.ai-style-tile-media{aspect-ratio:1;background:var(--bg-muted);border-radius:10px;width:100%;display:block;overflow:hidden}.ai-style-tile-media img{object-fit:cover;width:100%;height:100%;display:block}.ai-style-tile strong{color:var(--text-primary);font-size:.75rem;line-height:1.2}.ai-style-tile>span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.65rem;line-height:1.25;display:-webkit-box;overflow:hidden}.ai-style-rail-wrap .ai-style-rail .ai-style-tile,.ai-style-rail .ai-style-tile{min-width:108px;max-width:120px}.enhance-live-stage.image-zoom-wrap{--stage-max-h:min(51vh, 450px);height:var(--stage-max-h);max-height:var(--stage-max-h)}.enhance-live-stage .image-zoom-stage.pixelate-stage{height:100%;min-height:0;max-height:100%}.enhance-live-stage .image-zoom-content>canvas,.enhance-live-stage .image-zoom-content>img{max-height:calc(var(--stage-max-h) - var(--stage-frame,2rem))}.enhance-live-stage .image-zoom-stage.is-zoomed .image-zoom-content>canvas,.enhance-live-stage .image-zoom-stage.is-zoomed .image-zoom-content>img{max-width:none;max-height:none}.enhance-preview-panel{flex-direction:column;flex-shrink:0;gap:.5rem;display:flex}.enhance-preview-panel .enhance-live-stage{width:100%}.enhance-live-stage .image-zoom-content>canvas{cursor:default;background:#fff}.ai-drop-compact{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ai-drop-compact-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;font-weight:600;overflow:hidden}.ai-drop-compact-replace{cursor:pointer}.ai-drop-preview .image-zoom-wrap{--stage-max-h:420px;--stage-frame:.7rem;background:0 0;border:none}.ai-drop-preview .image-zoom-stage{background:0 0;border:none}.ai-drop-preview .image-zoom-stage.pixelate-stage{max-height:var(--stage-max-h);min-height:140px;padding:.35rem}.ai-drop-preview .image-zoom-content>img{max-height:calc(var(--stage-max-h) - var(--stage-frame))}.enhance-preview-note{color:var(--text-muted);text-align:center;margin:0;font-size:.72rem}.ai-result-zoom{margin-bottom:.25rem}.ai-logo-url-row{align-items:stretch;gap:.5rem;display:flex}.ai-logo-url-row .input{flex:1;min-width:0}.ai-logo-url-row .btn{white-space:nowrap;flex-shrink:0}.ai-logo-brief{flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}.ai-logo-brief-title{margin:0;font-size:.9rem;font-weight:700;line-height:1.35}.ai-logo-brief-meta{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:.75rem}.ai-logo-brief-body{color:var(--text-secondary,var(--text-muted));margin:0;font-size:.82rem;line-height:1.45}.ai-logo-results{gap:.85rem;margin:.5rem 0 .75rem;display:grid}.ai-logo-results-1{grid-template-columns:minmax(0,320px);justify-content:center}.ai-logo-results-2,.ai-logo-results-3,.ai-logo-results-4{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){.ai-logo-results-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-logo-results-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.ai-logo-results-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ai-logo-result-card{border:1px solid var(--border,#ffffff14);background:var(--surface-raised,#ffffff08);border-radius:.65rem;flex-direction:column;gap:.45rem;margin:0;padding:.55rem;display:flex}.ai-logo-result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.72rem;font-weight:600}.ai-logo-result-preview{aspect-ratio:1;border:1px solid var(--border,#0000000f);background:#fff;border-radius:.45rem;width:100%;min-height:140px;position:relative;overflow:hidden}.ai-logo-result-stage.image-zoom-wrap{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.ai-logo-result-stage .image-zoom-stage.pixelate-stage{background:0 0;border:none;border-radius:0;flex:1;width:100%;height:auto;min-height:0;max-height:none;padding:.4rem}.ai-logo-result-stage .image-zoom-pan{justify-content:center;align-items:center;width:100%;height:100%;min-height:100%;display:flex}.ai-logo-result-stage .image-zoom-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ai-logo-result-stage .image-zoom-content>img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:none;background:#fff;border-radius:0}.ai-logo-result-stage .image-zoom-stage.is-zoomed .image-zoom-content>img{width:auto;max-width:none;height:auto;max-height:none}.ai-logo-result-stage>.image-zoom-controls{z-index:2;position:absolute;bottom:6px;right:6px}.ai-logo-download{justify-content:center;align-self:stretch}.ai-logo-style-hint{color:var(--text-muted);margin:-.15rem 0 .45rem;font-size:.72rem;line-height:1.35}.ai-logo-style-media img{object-fit:contain;padding:.35rem}.ai-logo-style-example{color:var(--accent,#0891b2);font-size:.68rem;font-weight:600;line-height:1.2}
