.image-studio{color:#19302b;margin:0 0 14px}.image-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.image-tools>span{color:#687d77;font-size:13px}.image-tools button,.image-result-actions button,.image-dialog button{color:#126b5b;cursor:pointer;font:inherit;background:#fff;border:1px solid #cadbd5;border-radius:12px;padding:9px 14px}.image-tools button:disabled,.image-dialog button:disabled{opacity:.45;cursor:not-allowed}.image-tools small{color:#6c817b;font-size:12px}.image-task-state{background:#eef4ed;border-radius:10px;flex-direction:column;gap:8px;margin-top:8px;padding:9px 12px;font-size:13px;display:flex}.image-task-state.running,.image-task-state.queued{color:#146c5d}.image-task-state.failed,.image-task-state.needs_review{color:#8c571c;background:#fff4e8}.image-task-state.succeeded{display:none}.image-task-state small{font-size:12px}.image-dialog-backdrop,.image-lightbox{z-index:150;background:#122a24aa;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-dialog{background:#fff;border-radius:26px;width:min(600px,100%);max-height:90dvh;padding:28px;overflow:auto;box-shadow:0 25px 80px #061a2340}.image-dialog header{justify-content:space-between;align-items:center;display:flex}.image-dialog h2{margin:5px 0;font-size:28px}.image-dialog header small{letter-spacing:3px;color:#127565;font-weight:700}.image-dialog header button{font-size:24px}.image-model-note{color:#688078;background:#f3f7f4;border-radius:12px;padding:12px;font-size:13px}.image-dialog fieldset{border:1px solid #dce5df;border-radius:12px;margin:16px 0;padding:12px}.image-reference-list{gap:8px;max-height:150px;display:grid;overflow:auto}.image-reference-list label{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:13px;display:flex}.image-prompt-label{gap:9px;margin-top:16px;font-weight:600;display:grid}.image-dialog textarea{resize:vertical;min-height:120px;font:inherit;box-sizing:border-box;border:1px solid #cbd8d3;border-radius:12px;width:100%;padding:12px}.image-options{gap:20px;margin-top:14px;display:flex}.image-options label{flex:1;gap:6px;font-size:13px;display:grid}.image-options select{font:inherit;background:#fff;border:1px solid #cbd8d3;border-radius:10px;padding:10px}.image-quote{background:#eff6df;border-radius:12px;padding:14px;font-size:13px;line-height:1.7}.image-error{color:#ae3828;font-size:13px;line-height:1.6}.image-dialog footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.image-dialog button.image-primary{color:#fff;background:#116d5e;border-color:#116d5e}.image-result-card{background:#fff;border:1px solid #d4e0db;border-radius:16px;max-width:600px;margin:12px 0;overflow:hidden}.image-preview-button{cursor:zoom-in;background:#eef3ef;border:0;width:100%;padding:0;display:block}.image-preview-button img{object-fit:contain;width:100%;max-height:450px;display:block}.image-result-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.image-result-actions span{color:#6c817b;overflow-wrap:anywhere;flex:1;font-size:12px}.image-result-actions button{padding:7px 10px;font-size:12px}.image-lightbox{z-index:200;background:#071e19ed}.image-lightbox>img{object-fit:contain;max-width:95vw;max-height:90dvh}.image-lightbox>button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:32px;position:absolute;top:15px;right:20px}.message-attachments.image-message-attachments{display:block}.image-result-card p{padding:10px;font-size:13px}@media (max-width:600px){.image-dialog{border-radius:18px;padding:20px}.image-dialog-backdrop{padding:10px}.image-tools small{width:100%}.image-result-card{max-width:100%}}.api-key-dialog{width:min(760px,100vw - 32px);max-height:calc(100vh - 32px);color:#172725;background:#fff;border:1px solid #d7e3df;border-radius:22px;max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 80px #00191447}.api-key-dialog:not([open]){display:none}.api-key-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071e198c}.api-key-dialog .api-key-modal,.api-key-dialog .api-secret-modal{width:100%;max-height:none;margin:0;padding:28px;position:relative;overflow:visible}.api-key-dialog h2{margin:6px 44px 22px 0;font:600 26px Georgia,Songti SC,serif}.api-key-dialog .api-dialog-kicker{color:#126b5d;letter-spacing:.16em;margin:0;font-size:11px;font-weight:800}.api-key-dialog .api-dialog-close{color:#395a51;background:#edf3f0;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;position:absolute;top:20px;right:20px}.api-key-dialog .api-dialog-footer{background:#fff;border-top:1px solid #e4ebe7;gap:12px;margin:20px -28px -28px;padding:16px 28px 22px;display:grid;position:sticky;bottom:-28px}.api-key-dialog .api-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.api-key-dialog .api-dialog-actions button{color:#244c40;background:#f1f5f3;border:1px solid #ccdad4;border-radius:11px;padding:11px 17px;font-size:13px;font-weight:700}.api-key-dialog .api-dialog-actions button.primary{color:#fff;background:#126b5d;border-color:#126b5d}.api-key-dialog button:disabled{cursor:wait;opacity:.55}.api-key-dialog :focus-visible{outline-offset:3px;outline:3px solid #7bb7a6}.api-key-dialog .api-dialog-error,.api-key-dialog .api-dialog-notice{overflow-wrap:anywhere;border-radius:10px;max-height:25vh;margin:0;padding:12px 14px;font-size:13px;line-height:1.6;overflow:auto}.api-key-dialog .api-dialog-error{color:#9b382c;background:#fff0ed;border:1px solid #edbcb5}.api-key-dialog .api-dialog-notice{color:#236548;background:#edf6ee}.api-key-dialog .api-key-form-grid label,.api-key-dialog .api-key-modal>fieldset{font-size:12px}.api-key-dialog .api-key-form-grid input,.api-key-dialog .api-key-form-grid textarea{color:#172725;background:#fff;font-size:14px}.api-key-dialog .api-secret-modal>code{-webkit-user-select:all;user-select:all;font-size:14px}@media (max-width:600px){.api-key-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:16px;max-height:calc(100dvh - 20px)}.api-key-dialog .api-key-modal,.api-key-dialog .api-secret-modal{padding:20px}.api-key-dialog .api-dialog-footer{margin:18px -20px -20px;padding:14px 20px 20px;bottom:-20px}.api-key-dialog .api-key-form-grid,.api-key-dialog .api-model-options{grid-template-columns:1fr}.api-key-dialog .api-key-form-grid input,.api-key-dialog .api-key-form-grid textarea{font-size:16px}}