.ai-studio-dialog{width:min(1120px,calc(100vw - 48px));max-width:none;max-height:90vh;padding:0;border:1px solid var(--border,#c6d9d0);border-radius:18px;color:var(--text,#142e24);background:var(--panel,#fff)}
.ai-studio-dialog::backdrop{background:#17372a70;backdrop-filter:blur(5px)}
.ai-studio-dialog *{box-sizing:border-box}
.ai-studio-dialog .ai-studio-header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid #c6d9d0;gap:16px}
.ai-studio-dialog h2,.ai-studio-dialog h3,.ai-studio-dialog p{margin:0}.ai-studio-header p{margin-top:5px;font-size:13px;color:#557166}
.ai-studio-dialog .ai-studio-tabs{display:flex;gap:5px;padding:12px 26px;background:#f3f8f5}.ai-studio-tabs button[aria-selected=true]{background:#d0ebda;border-color:#199653;color:#13492d}
.ai-studio-body{padding:22px 26px;overflow:auto;max-height:calc(90vh - 190px)}
.ai-assistant-view{display:flex;flex-direction:column;gap:12px}.ai-assistant-view>button{align-self:flex-start}.ai-assistant-view label{display:flex;flex-direction:column;gap:6px}.ai-assistant-view textarea,.ai-assistant-view input,.ai-assistant-view select{width:100%;max-width:100%}.ai-assistant-view fieldset{display:flex;flex-direction:column;gap:12px;min-width:0;border:1px solid var(--border,#c6d9d0);border-radius:12px;padding:16px}.ai-assistant-view .ai-job{display:flex;flex-direction:column;gap:10px}.ai-assistant-view h4{margin:0}.ai-studio-tabs{flex-wrap:wrap}
.ai-studio-toolbar{display:flex;gap:12px;align-items:end;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.ai-studio-toolbar label{min-width:190px}
.ai-studio-dialog label{display:grid;gap:7px;font-size:13px;font-weight:600}.ai-studio-dialog input:not([type=checkbox]),.ai-studio-dialog select,.ai-studio-dialog textarea{width:100%;min-height:40px;padding:10px 12px;background:#fff;color:#193b2b;border:1px solid #bbd1c5;border-radius:9px;font:inherit}.ai-studio-dialog textarea{min-height:112px;resize:vertical;font-weight:400}
.ai-starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.ai-starter{padding:0!important;text-align:left;overflow:hidden;display:flex;flex-direction:column;border:1px solid #c2d9cc!important;border-radius:13px!important;background:#fff!important;color:#163e2a!important}.ai-starter[aria-pressed=true]{outline:2px solid #15944f;outline-offset:2px}
.ai-starter-art{display:flex;align-items:center;justify-content:center;height:108px;background:radial-gradient(ellipse at 30% 70%,#b4e6ce,transparent 65%),linear-gradient(130deg,#0c503d,#16304a);color:#f4fffa;font-size:37px;width:100%}.ai-starter:nth-child(2) .ai-starter-art{background:radial-gradient(ellipse at 75% 25%,#93b9dc,transparent 55%),linear-gradient(130deg,#214c50,#244d32)}.ai-starter:nth-child(3) .ai-starter-art{background:radial-gradient(ellipse at 20% 20%,#f3dcb5,transparent 55%),linear-gradient(130deg,#436c54,#183f45)}
.ai-starter-copy{padding:16px;display:grid;gap:7px}.ai-starter-copy strong{font-size:15px}.ai-starter-copy span{font-size:12px;line-height:1.5;color:#536e61;font-weight:400;min-height:36px}
.ai-template-form{border-top:1px solid #cfdfd5;padding-top:20px}.ai-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ai-field-wide{grid-column:1/-1}.ai-field-check{display:flex!important;flex-direction:row;align-items:center;padding:10px 0}.ai-file-row{display:flex;gap:8px}.ai-file-row input{min-width:0}
.ai-studio-dialog details{margin-top:18px}.ai-studio-dialog summary{cursor:pointer;font-weight:600;font-size:13px;padding:10px 0}.ai-studio-dialog details .ai-fields{padding:14px;background:#f6faf7;border-radius:10px}
.ai-template-actions{display:flex;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}.ai-template-actions .primary{margin-left:auto;background:#10883e;color:#fff;border:1px solid #10883e;min-width:140px}
.ai-studio-notice{padding:12px 14px;border:1px solid #c7ddcd;border-radius:9px;background:#f0f8f3;font-size:13px;line-height:1.5;margin-bottom:16px;white-space:pre-wrap}.ai-studio-notice.error{color:#872c3e;background:#fff1f3;border-color:#e3b5be}
.ai-job{padding:15px;border:1px solid #c5d8cd;border-radius:12px;margin-bottom:10px;display:grid;gap:9px;background:#fff}.ai-job-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-job-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-job small{color:#587568}.ai-job progress{width:100%;height:8px;accent-color:#168d49}.ai-job .ai-status{border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700;background:#e6f4eb;color:#167b40}.ai-job .ai-status.failed{background:#862c40;color:white}.ai-output-text{white-space:pre-wrap;font:13px/1.6 inherit;background:#f3f8f5;padding:14px;border-radius:8px;margin:0;max-height:280px;overflow:auto}.ai-plan-step{padding:12px 14px;background:#f3f8f5;border-radius:9px;margin:10px 0}.ai-plan-step p{font-size:13px;margin-top:6px}.ai-empty{padding:28px;text-align:center;color:#597469}
[data-theme=dark] .ai-studio-dialog{--panel:#14241d;--text:#e0efe5;--border:#476253}[data-theme=dark] .ai-studio-tabs,[data-theme=dark] .ai-studio-dialog details .ai-fields,[data-theme=dark] .ai-plan-step,[data-theme=dark] .ai-output-text{background:#1b3025}[data-theme=dark] .ai-studio-dialog input:not([type=checkbox]),[data-theme=dark] .ai-studio-dialog select,[data-theme=dark] .ai-studio-dialog textarea,[data-theme=dark] .ai-job{background:#193023;color:#e5f4e9;border-color:#476253}[data-theme=dark] .ai-job small,[data-theme=dark] .ai-studio-header p{color:#b6cebf}[data-theme=dark] .ai-studio-notice{background:#203c2c;color:#e0f0e5;border-color:#4b705a}[data-theme=dark] .ai-studio-notice.error{background:#47232e;color:#ffe0e7}
@media(max-width:720px){.ai-studio-dialog{width:calc(100vw - 20px);max-height:95vh}.ai-studio-body{padding:18px;max-height:calc(95vh - 170px)}.ai-starter-grid{grid-template-columns:1fr}.ai-starter{display:grid!important;grid-template-columns:90px 1fr}.ai-starter-art{height:100%}.ai-starter-copy span{min-height:0}.ai-fields{grid-template-columns:1fr}.ai-studio-dialog .ai-studio-header{padding:16px 18px}.ai-studio-dialog .ai-studio-tabs{padding:10px 18px}}
[data-theme=dark] .ai-studio-dialog .ai-starter{background:#193023!important;color:#e5f4e9!important;border-color:#476253!important}
[data-theme=dark] .ai-studio-dialog .ai-starter-copy span{color:#bed3c6!important}
[data-theme=dark] .ai-studio-dialog input:not([type=checkbox]),[data-theme=dark] .ai-studio-dialog select,[data-theme=dark] .ai-studio-dialog textarea{background:#193023!important;color:#e5f4e9!important;-webkit-text-fill-color:#e5f4e9!important;border-color:#597563!important}
.ai-studio-dialog .ai-file-row button{min-width:104px;white-space:nowrap}

.ai-studio-dialog .ai-starter{height:auto!important;min-height:205px!important;max-height:none!important;white-space:normal!important;flex-shrink:0}.ai-studio-dialog .ai-starter-art{flex:0 0 108px}.ai-studio-dialog .ai-starter-copy{white-space:normal;overflow:visible}.ai-studio-dialog button{cursor:pointer}.ai-studio-dialog .ai-output-image{display:block;width:min(100%,540px);max-height:480px;object-fit:contain;border-radius:10px}.ai-studio-dialog button:disabled{opacity:.55;cursor:wait}

.ai-cloud-activity{max-width:480px;min-width:260px;height:auto!important;min-height:38px;white-space:normal!important;text-align:left;line-height:1.4}.ai-cloud-activity[hidden]{display:none!important}.ai-studio-dialog .ai-studio-notice{margin-bottom:16px;color:#244936}[data-theme=dark] .ai-studio-dialog .ai-studio-notice{color:#e0f0e5}.ai-studio-dialog .ai-studio-notice.error{color:#872c3e}[data-theme=dark] .ai-studio-dialog .ai-studio-notice.error{color:#ffe0e7}

.ai-credit-table{width:100%;border-collapse:collapse;margin:16px 0}.ai-credit-table th,.ai-credit-table td{padding:10px;text-align:left;border-bottom:1px solid #c9dcd3}.ai-credit-table td{text-align:right;font-variant-numeric:tabular-nums}.ai-studio-body progress{width:100%}

/* Active location is visible in both applications. */
.ai-studio-dialog .ai-studio-tabs button[aria-selected="true"],.ai-studio-dialog [data-ai-tab][aria-selected="true"]{background:#d4eddd!important;border:2px solid #078b40!important;color:#124c2a!important;font-weight:700;box-shadow:inset 0 -3px #078b40}
.ai-model-details{padding:12px;border:1px solid #b9d6c4;border-radius:8px;background:#f1f8f4;flex-basis:100%;line-height:1.5}
.ai-model-search{display:flex;gap:8px;flex-wrap:wrap;flex-basis:100%}

.ai-draft-thumbnail{display:block;max-width:100%;max-height:200px;justify-self:start;border:2px solid transparent;border-radius:8px;object-fit:contain;cursor:zoom-in;background:#101a14}
.ai-draft-thumbnail:hover,.ai-draft-thumbnail:focus-visible{border-color:#078b40;outline:2px solid #8bd4a7;outline-offset:2px}
.ai-draft-media-dialog{width:min(1000px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);padding:0;border:1px solid var(--border,#c6d9d0);border-radius:16px;color:var(--text,#142e24);background:var(--panel,#fff);box-shadow:0 28px 90px #0008}
.ai-draft-media-dialog::backdrop{background:#07100dcc;backdrop-filter:blur(5px)}
.ai-draft-media-shell{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 34px)}
.ai-draft-media-shell>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border,#c6d9d0)}
.ai-draft-media-shell>header h3{margin:0}.ai-draft-media-shell>header button{min-width:82px}
.ai-draft-media-stage{display:grid;place-items:center;min-height:240px;padding:18px;overflow:auto;background:#08110d}
.ai-draft-media-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 130px);object-fit:contain}
[data-theme=dark] .ai-draft-media-dialog{--panel:#14241d;--text:#e0efe5;--border:#476253}
.ai-task-summary{display:block;margin:8px 0;line-height:1.5;overflow-wrap:anywhere}

.ai-model-details{color:#234d36}.ai-model-search[hidden],.ai-model-details[hidden]{display:none!important}

/* Shared writing preferences: one equal-width row in every AI Studio form. */
.ai-studio-dialog .ai-writing-controls {
 display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 16px; width: 100%; min-width: 0; flex: 0 0 100%; grid-column: 1 / -1;
 align-items: start; box-sizing: border-box;
}
.ai-studio-dialog .ai-writing-controls > label {
 display: flex; flex-direction: column; gap: 6px; min-width: 0; width: 100%; margin: 0;
}
.ai-studio-dialog .ai-writing-controls select {
 width: 100%; min-width: 0; max-width: 100%; height: 44px; box-sizing: border-box; margin: 0;
}

.ai-studio-dialog .ai-create-form{display:grid;grid-template-columns:1fr;gap:16px;margin:18px 0 16px}
.ai-studio-dialog .ai-create-ideas{display:grid;gap:7px}
.ai-studio-dialog .ai-create-ideas textarea{margin:0}
.ai-studio-dialog .ai-create-format-picker{border:0;padding:0;margin:0;min-width:0}
.ai-studio-dialog .ai-create-format-picker legend{font-weight:700;margin-bottom:8px}
.ai-studio-dialog .ai-create-format-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ai-studio-dialog .ai-create-format-options label{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:2px;align-items:center;border:1px solid #bfd1c6;border-radius:10px;padding:12px;background:#fff;cursor:pointer}
.ai-studio-dialog .ai-create-format-options label:has(input:checked){border-color:#07883e;background:#e6f5eb;box-shadow:inset 0 0 0 1px #07883e}
.ai-studio-dialog .ai-create-format-options input{grid-row:1 / span 2;margin:0}
.ai-studio-dialog .ai-create-format-options strong{font-size:14px}
.ai-studio-dialog .ai-create-format-options small{color:#557166;font-weight:400}
.ai-studio-dialog .ai-create-media-source{border:1px solid #cfdfd5;border-radius:10px;padding:14px;background:#f7faf8}
.ai-studio-dialog .ai-create-media-source>small{display:block;margin-top:4px;color:#557166}
.ai-studio-dialog .ai-create-media-source[hidden]{display:none}
.ai-studio-dialog .ai-create-media-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:10px;align-items:end}
.ai-studio-dialog .ai-create-media-inputs{margin-top:14px}
.ai-studio-dialog .ai-create-kind-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.ai-studio-dialog .ai-create-kind-row>label[hidden]{display:none}
.ai-studio-dialog .ai-create-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #cfdfd5}
.ai-studio-dialog .ai-create-actions .primary,.ai-studio-dialog .ai-create-actions button{min-width:150px}
.ai-studio-dialog .ai-create-actions p{color:#557166;font-size:13px}

.ai-studio-dialog .ai-video-options {border:0;padding:0;margin:12px 0;min-width:0;width:100%;flex-basis:100%;grid-column:1/-1;}
.ai-studio-dialog .ai-video-options legend {font-weight:600;margin-bottom:10px;padding:0;}
.ai-studio-dialog .ai-video-options-row {display:flex;flex-wrap:wrap;gap:16px;}
.ai-studio-dialog .ai-video-options-row > label {display:flex;flex-direction:column;gap:6px;width:180px;max-width:100%;margin:0;}
.ai-studio-dialog .ai-video-options-row select {width:100%;height:44px;box-sizing:border-box;margin:0;}
.ai-studio-dialog .ai-video-options[hidden],.ai-studio-dialog .ai-video-options-row > label:has(select[hidden]) {display:none!important;}
.ai-studio-dialog .ai-model-details {margin:8px 0;}
@media(max-width:720px){.ai-studio-dialog .ai-create-format-options,.ai-studio-dialog .ai-create-media-toolbar,.ai-studio-dialog .ai-create-kind-row{grid-template-columns:1fr}.ai-studio-dialog .ai-create-actions{align-items:stretch;flex-direction:column}.ai-studio-dialog .ai-create-actions button{width:100%}}

.ai-studio-dialog.saved-posts-dialog {width:min(860px,94vw);}
.saved-posts-dialog .saved-post-message {margin:16px 24px 0;padding:12px 16px;border:1px solid #bdcfc4;border-radius:8px;background:#f1f8f4;color:#244534;overflow-wrap:anywhere;}
.saved-posts-dialog .saved-post-message:empty {display:none;}
.saved-posts-dialog .saved-post-form {display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:20px;}
.saved-posts-dialog .saved-post-field {display:flex;flex-direction:column;gap:8px;min-width:0;}
.saved-posts-dialog .saved-post-field input,.saved-posts-dialog .saved-post-field select {width:100%;height:44px;margin:0;box-sizing:border-box;}
.saved-posts-dialog .saved-post-caption,.saved-posts-dialog .saved-post-attachment,.saved-posts-dialog .saved-post-actions {grid-column:1/-1;}
.saved-posts-dialog textarea {width:100%;min-height:150px;margin:0;box-sizing:border-box;resize:vertical;}
.saved-posts-dialog .saved-post-attachment {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;border:1px solid #bdcfc4;border-radius:8px;}
.saved-posts-dialog .saved-post-attachment span {overflow-wrap:anywhere;min-width:0;flex:1;}
.saved-posts-dialog .saved-post-actions {display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #bdcfc4;}
.saved-posts-dialog .saved-post-toolbar {display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0;}
.saved-posts-dialog .saved-post-toolbar input {flex:1;min-width:180px;}
.saved-posts-dialog .saved-post-toolbar select {width:160px;}
.saved-posts-dialog .saved-post-list .ai-job-actions {display:flex;gap:10px;flex-wrap:wrap;}
@media(max-width:600px){.saved-posts-dialog .saved-post-form{grid-template-columns:1fr;}.saved-posts-dialog .saved-post-type{grid-column:1;}}

.saved-posts-dialog .saved-post-card{display:grid!important;grid-template-columns:160px minmax(0,1fr);gap:8px 18px;padding:18px;}
.saved-posts-dialog .saved-post-card>h3,.saved-posts-dialog .saved-post-card>p{margin:0;}
.saved-posts-dialog .saved-post-thumb{grid-column:1;grid-row:1/6;position:relative;width:160px;height:150px;padding:0;overflow:hidden;background:#eaf2ed;border:1px solid #b6cbbd;border-radius:10px;}
.saved-posts-dialog .saved-post-card>:not(.saved-post-thumb){grid-column:2;}
.saved-posts-dialog .saved-post-media{width:100%;height:100%;object-fit:contain;background:#101a14;display:block;}
.saved-posts-dialog .saved-post-media-badge{position:absolute;bottom:7px;right:7px;padding:2px 7px;border-radius:5px;background:#10261fe6;color:white;font-size:11px;}
.saved-posts-dialog .saved-post-caption-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;}
.saved-posts-dialog .saved-post-preview-large{height:min(48vh,440px);margin:16px 0;display:grid;place-items:center;background:#edf4ef;border-radius:10px;overflow:hidden;}
.saved-posts-dialog .saved-post-full-caption{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;}
@media(max-width:600px){.saved-posts-dialog .saved-post-card{grid-template-columns:1fr;}.saved-posts-dialog .saved-post-thumb{grid-row:auto;width:100%;height:180px;}.saved-posts-dialog .saved-post-card>:not(.saved-post-thumb){grid-column:1;}}

.ai-output-media{margin-top:14px;padding:14px;border:1px solid #c5d9cf;border-radius:10px}.ai-output-preview{margin:10px 0}.ai-output-preview .ai-task-media{display:block;max-width:100%;width:auto;max-height:340px;object-fit:contain;border-radius:8px}.ai-output-preview audio{width:100%}.ai-output-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-result .ai-output-actions button{width:auto}

/* Full saved-post previews retain the media's intrinsic proportions. */
.saved-posts-dialog .saved-post-preview-large{display:block;width:fit-content;max-width:100%;height:auto;min-height:0;margin:16px auto;background:transparent;overflow:visible;}
.saved-posts-dialog .saved-post-preview-large > .saved-post-media{display:block;width:auto;height:auto;max-width:100%;max-height:60vh;aspect-ratio:auto;object-fit:contain;border-radius:10px;}