.empty-gallery{display:block}.asset-image-button{display:block;width:100%;padding:0}.asset-image-button:focus-visible{outline-offset:-3px}.template-disclaimer{color:var(--muted);font-size:11px;margin:18px 0 0}.reference-preview{display:flex;flex-direction:column;align-items:center;gap:18px}.reference-preview>img{max-width:100%;max-height:65dvh;object-fit:contain}.generation-progress{display:flex;gap:16px;align-items:center;padding:20px 24px;border:1px solid #665078;border-radius:14px;margin:20px 0;background:#30223e}.generation-progress .spinner{width:22px;height:22px;border-color:#8b65a433;border-top-color:#c2a0ed;flex:none}.generation-progress strong{font-size:14px;font-weight:500}.generation-progress p{font-size:12px;color:var(--muted);margin:5px 0 0}.generation-progress .quiet-button{margin-left:auto;white-space:nowrap}.error-state{margin:20px 0}.error-state>strong{font-weight:500}.error-state>p{overflow-wrap:anywhere}.workspace-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:5px 0 24px;gap:12px}.workspace-stats>div{display:flex;flex-direction:column;gap:4px}.workspace-stats strong{font-size:24px;font-weight:500}.workspace-stats span{font-size:11px;color:var(--muted)}.help-actions{margin-top:20px}.service-indicator.connected{color:#b3d8b9}.failed-image{min-height:120px;color:var(--muted);font-size:11px;line-height:1.5}.detail-refs button{padding:0}.detail-refs button:hover img{border-color:#c7a0ec}.detail-prompt,.notice-text{overflow-wrap:anywhere}.template-text{min-width:0}.template-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card-footer{min-width:0}.asset-card-footer p{flex:1}.asset-card-footer button{flex:none}dialog{overscroll-behavior:contain}.gallery-card[role=button]{outline-offset:-3px}
@media(max-width:600px){.generation-progress{padding:16px;gap:12px;flex-wrap:wrap}.generation-progress>div{flex:1;min-width:180px}.generation-progress .quiet-button{margin-left:34px}.notice-actions{flex-wrap:wrap}.notice-actions>button{flex:1}.reference-preview>img{max-height:60dvh}.composer-tools{min-width:0}.selected-template{max-width:100%}.selected-template button{max-width:100%;overflow-wrap:anywhere;text-align:left}.draft-row>button{flex:none}}
.page-generate .hero-heading{display:none}.page-generate .creative-section{padding:0}.page-generate .composer-wrap{position:fixed;bottom:18px;left:calc(50% + 32px);transform:translateX(-50%);margin:0;width:min(820px,calc(100vw - 160px));display:flex;flex-direction:column-reverse;gap:12px;z-index:19}.page-generate .composer{background:linear-gradient(#211b29,#211b29) padding-box,linear-gradient(115deg,#8153bc,#a875a2) border-box;box-shadow:0 5px 45px #100a19a6}.page-generate .quick-tools{margin:0}.page-generate .quick-tools>span{display:none}.page-generate .quick-tools>div{padding:4px;border-radius:18px;background:#211b29}.page-generate .model-tip{display:none}.page-generate #generateView{padding:40px 0 340px;max-width:1080px;margin:0 auto;min-height:100dvh}.page-generate .site-footer{display:none}.page-generate .help-button{bottom:25px}.page-generate .selected-template{max-width:280px}.page-generate #historyContent>.empty-state{min-height:35dvh}.generation-record{padding:18px 0 26px;border-bottom:1px solid #ffffff0c;margin-bottom:18px}.record-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px}.record-meta>button{margin-left:auto}.record-description{margin:8px 0 18px;max-width:900px}.record-description summary{font-size:13px;line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:#d3c5e0}.record-description summary:after{content:" 展开";color:#ae87ca;font-size:11px}.record-description[open] summary{font-size:0}.record-description[open] summary:after{content:"收起描述";font-size:11px}.record-description p,.record-prompt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;color:#d3c5e0}.record-images{display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap}.record-image{width:240px;position:relative;min-width:0}.record-image.reference{width:130px}.record-image.reference>span{font-size:10px;position:absolute;top:7px;left:7px;background:#1d1624b3;padding:2px 6px;border-radius:4px}.record-image img{display:block;width:100%;max-height:340px;object-fit:contain;background:#1d1724;border-radius:10px}.result-preview{display:block;padding:0;width:100%;border-radius:10px;overflow:hidden}.result-image-tools{display:flex;align-items:center;gap:6px;margin-top:8px}.result-image-tools button{height:28px;padding:0 7px;display:flex;align-items:center;gap:5px;font-size:11px;border-radius:7px;color:#b8a8c8}.result-image-tools button:hover{color:#fff;background:#ffffff0a}.result-image-tools button.saved{color:#d4b3ff}.result-image-tools button.saved svg{fill:currentColor}.result-image-tools button:last-child{margin-left:auto}.result-image-tools svg{width:15px;height:15px}.record-actions{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.pending-result{width:240px;min-height:240px;background:#2a2133;border:1px solid #604b72;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:24px;text-align:center}.pending-result .spinner{width:25px;height:25px;border-color:#805c9933;border-top-color:#bc8fe6}.pending-result strong{font-size:13px;font-weight:500}.pending-result p{font-size:11px;color:var(--muted);margin:0}.comparison-modal{width:min(1480px,calc(100vw - 40px));max-width:calc(100vw - 40px)}.detail-layout.with-comparison{grid-template-columns:minmax(180px,.8fr) minmax(300px,1.4fr) minmax(270px,.8fr)}.comparison-original{padding:20px;background:#1b151f;display:flex;flex-direction:column;gap:10px;min-width:0}.comparison-original>p{font-size:11px;color:var(--muted);margin:0}.comparison-original>div{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px;flex:1;overflow:auto;max-height:72dvh}.comparison-original img{width:100%;max-height:65dvh;object-fit:contain;border-radius:6px}.comparison-original:has(img:nth-child(2)) img{width:calc(50% - 5px);max-height:35dvh}.detail-image{position:relative;flex-direction:column;gap:10px}.comparison-result-label{font-size:11px;color:var(--muted);align-self:flex-start}.with-comparison .detail-image img{max-height:75dvh}
@media(max-width:1100px){.detail-layout.with-comparison{grid-template-columns:minmax(130px,.7fr) minmax(240px,1fr) minmax(240px,.85fr)}.with-comparison .detail-info{padding:18px}.with-comparison .detail-prompt{max-height:35dvh}.page-generate .composer-wrap{width:min(820px,calc(100vw - 115px));left:calc(50% + 35px)}.page-generate .help-button span:last-child{display:none}.page-generate .help-button{right:12px;bottom:270px}.page-generate .record-image{width:200px}.page-generate .record-image.reference{width:110px}}
@media(max-width:800px){.detail-layout.with-comparison{grid-template-columns:1fr 1.3fr}.with-comparison .detail-info{grid-column:1/-1}.with-comparison .detail-image img,.comparison-original img{max-height:45dvh}.comparison-original>div{max-height:45dvh}.with-comparison .detail-prompt{max-height:120px}.with-comparison .detail-actions .primary-button{width:auto}.with-comparison .detail-actions .secondary-button{flex:none}.with-comparison .detail-info .close-button{position:absolute;right:12px;top:12px;background:#221928dc}.page-generate .quick-tools button{padding:9px}.page-generate #generateView{padding-top:30px;padding-bottom:360px}}
@media(max-width:600px){.page-generate .composer-wrap{left:0;bottom:66px;transform:none;width:100%;padding:10px 12px;background:#211b29;gap:8px;border-top:1px solid #3b2e47}.page-generate .quick-tools>div{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;background:transparent;padding:0}.page-generate .quick-tools button{flex:none;padding:7px 9px;font-size:10px}.page-generate .composer{min-height:145px;padding:10px;border-radius:16px}.page-generate .composer textarea{min-height:50px;max-height:100px}.page-generate .composer-footer{min-height:52px}.page-generate .composer .upload-tile{height:48px;width:42px}.page-generate .composer{grid-template-columns:42px 1fr}.page-generate .composer.has-references{grid-template-columns:1fr}.page-generate .reference-item{width:43px;height:43px}.page-generate .composer.has-references .upload-tile{width:43px;height:43px}.page-generate .reference-tray{flex-wrap:nowrap;overflow-x:auto;padding:7px 4px 0;margin:-7px -4px 0}.page-generate .reference-item button{right:0;top:-5px}.page-generate .selected-template{display:none}.page-generate #generateView{padding-top:75px;padding-bottom:365px}.page-generate .section-heading h2{font-size:20px}.page-generate .help-button{display:none}.page-generate .record-images{gap:9px}.page-generate .record-image{width:calc(66% - 9px)}.page-generate .record-image.reference{width:33%}.page-generate .pending-result{width:calc(66% - 9px);min-height:200px;padding:16px}.page-generate .record-image img{max-height:280px}.record-meta{font-size:10px;gap:10px}.record-actions{gap:4px}.record-actions .quiet-button{font-size:10px;padding:6px}.comparison-modal{max-width:calc(100vw - 20px)}.detail-layout.with-comparison{display:grid;grid-template-columns:1fr 1.25fr}.comparison-original{padding:12px 6px 12px 12px}.with-comparison .detail-image{padding:12px 12px 12px 6px;min-height:160px}.with-comparison .detail-image img,.comparison-original img{max-height:36dvh}.with-comparison .detail-info{padding:16px}.with-comparison .detail-actions .primary-button{width:100%}.with-comparison .detail-actions .secondary-button{flex:1}.with-comparison .detail-prompt{max-height:135px}.comparison-original>div{max-height:36dvh}}
.quick-tools .mode-tool{display:none}.page-generate .quick-tools .mode-tool{display:flex;background:#302337}.page-generate .quick-tools button{padding-inline:9px;gap:4px;font-size:11px}.page-generate .quick-tools>div{gap:4px}.selected-template-controls{display:flex;gap:3px}.selected-template-controls>button:last-child{padding:8px}.advanced-modal{width:1100px}.template-diagram{height:155px;display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.2fr);gap:5px;align-items:center;background:#19151e;padding:10px;width:100%}.template-input-pictures{display:flex;flex-direction:column;gap:4px;min-width:0;max-height:100%;height:100%}.template-diagram .template-input-pictures img{width:100%;height:100%;min-height:0;object-fit:contain;background:#211c26}.template-input-pictures:has(img:nth-child(2)) img{height:calc(50% - 2px)}.template-diagram .template-output-picture{width:100%;height:135px;object-fit:contain;min-width:0}.diagram-arrow{display:flex;color:#a28ab8;align-items:center;justify-content:center}.diagram-arrow svg{width:17px}.text-design-input{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:10px;color:var(--muted);gap:8px}.template-editor{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:26px}.template-editor-preview .template-diagram{height:210px;border-radius:12px}.template-editor-preview .template-output-picture{height:190px}.template-editor-preview .template-input-pictures{flex-direction:row;align-items:center}.template-editor-preview .template-input-pictures img{height:190px;max-width:100%}.template-editor-preview .template-input-pictures:has(img:nth-child(2)) img{width:calc(50% - 2px)}.template-reference-slots{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.template-reference-slot{width:110px}.template-reference-slot>button{position:relative;height:110px;width:100%;padding:0;border:1px solid #524060;border-radius:10px;overflow:hidden}.template-reference-slot img{width:100%;height:100%;object-fit:contain}.template-reference-slot>button>span{position:absolute;bottom:0;left:0;right:0;background:#1a1423d9;font-size:10px;padding:5px}.template-reference-slot>button>span svg{width:11px;height:11px;margin-right:4px}.template-reference-slot p{font-size:11px;color:#c8b6d7;margin:5px 0}.template-reference-slot em{font-size:9px;font-style:normal;background:#45334e;padding:2px 4px;border-radius:4px;color:#d6b3ec}.advanced-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.advanced-field{display:flex;flex-direction:column;gap:7px;margin:0 0 14px;min-width:0;font-size:12px}.advanced-fields .advanced-field{margin:0}.advanced-field>span{color:var(--muted)}.advanced-field small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.advanced-field input,.advanced-field select,.advanced-field textarea{width:100%;min-width:0;background:var(--raised);border:1px solid var(--border);border-radius:9px;color:var(--ink);padding:10px;outline-offset:2px;font-size:12px}.advanced-field textarea{resize:vertical;line-height:1.9;max-height:400px;min-height:80px}.advanced-field.full{grid-column:1/-1}.advanced-muted{font-size:11px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.template-editor-side{border-left:1px solid #ffffff0a;padding-left:23px}.template-editor-side h3,.batch-settings h3{font-size:14px;font-weight:500;margin:0 0 20px}.template-editor-side>.primary-button,.template-editor-side>.quiet-button{width:100%;margin-top:5px}.template-editor-side .notice-panel{margin-top:20px}.advanced-heading-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;color:var(--muted);font-size:12px}.advanced-heading-actions h3{margin:0;font-size:14px;color:var(--ink);font-weight:500}.advanced-checkbox{display:flex;gap:9px;align-items:center;font-size:12px;margin:16px 0}.advanced-checkbox input{accent-color:var(--accent)}.custom-template-list{display:flex;flex-direction:column;gap:12px}.custom-template-card{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid #43304e;border-radius:12px;background:#291f31}.custom-template-card>div:first-child{min-width:0;flex:1}.custom-template-card h3{font-size:14px;font-weight:500;margin:0 0 8px}.custom-template-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.custom-template-card small{font-size:10px;color:#9a86aa}.custom-template-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:250px}.custom-template-actions .primary-button{font-size:12px;padding:8px 12px}.batch-workspace .batch-type-tabs{padding:0 0 18px}.batch-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:24px}.batch-settings{border-left:1px solid var(--border);padding-left:22px}.batch-position{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px;font-size:11px}.batch-position>span{color:var(--muted);margin-right:4px}.batch-position>button{border:1px solid var(--border);border-radius:7px;padding:6px 10px;color:var(--muted)}.batch-position>button.active{background:var(--selected,var(--raised));border-color:var(--control,var(--border));color:var(--ink)}.batch-position>small{font-size:10px;color:var(--muted)}.batch-slots{display:grid;grid-template-columns:1fr 1fr;gap:14px}.batch-slot{border:1px solid var(--border);background:var(--ground);border-radius:12px;padding:12px;min-width:0}.batch-slot.is-variable{border-color:var(--control,var(--border))}.batch-slot-heading{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.batch-slot-heading strong{font-size:12px;font-weight:500}.batch-slot-heading small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.batch-slot-heading button{padding:3px;font-size:10px}.batch-slot-heading button svg{width:12px;height:12px}.batch-slot-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:300px;overflow:auto;padding:2px}.batch-slot-images>div{position:relative;aspect-ratio:1;min-width:0;background:var(--ground);border-radius:6px;overflow:hidden}.batch-slot-images img{width:100%;height:100%;object-fit:contain}.batch-slot-images>div>button{position:absolute;right:3px;top:3px;width:19px;height:19px;border-radius:50%;background:var(--surface);display:flex;justify-content:center;align-items:center;padding:0}.batch-slot-images>div>button svg{width:12px;height:12px}.batch-slot-images>div>span{position:absolute;left:3px;bottom:3px;font-size:9px;background:var(--surface);padding:1px 4px}.is-fixed .batch-slot-images{display:block}.is-fixed .batch-slot-images>div{height:155px;aspect-ratio:auto}.batch-empty-upload{grid-column:1/-1;min-height:155px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:11px;border:1px dashed var(--control,var(--border));border-radius:8px}.batch-empty-upload>svg{width:24px;height:24px;color:var(--muted)}.batch-empty-upload>small{font-size:9px;color:var(--muted)}.batch-settings-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.batch-summary{padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin:18px 0 12px;font-size:11px;color:var(--muted)}.batch-summary>span{display:flex;flex-direction:column;gap:6px}.batch-summary strong{font-size:22px;color:var(--ink);font-weight:500}.batch-settings>.primary-button,.batch-settings>.secondary-button{width:100%;margin:5px 0;font-size:12px}.batch-settings>.quiet-button{font-size:11px;display:flex;margin:4px auto}.batch-notice{font-size:12px;line-height:1.9;border:1px solid var(--border);border-radius:10px;padding:13px 16px;color:var(--ink);margin-top:20px;background:var(--raised)}.batch-progress{margin-top:25px;border-top:1px solid var(--border);padding-top:24px}.batch-job-list{max-height:340px;overflow:auto}.batch-job{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding:10px 2px}.batch-job>span{width:20px;text-align:center;color:var(--muted);font-size:11px}.batch-job>img{width:42px;height:42px;object-fit:cover;border-radius:6px}.batch-job>div{flex:1;min-width:0}.batch-job strong{font-size:12px;display:block;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-job p{font-size:11px;color:#d5a1b2;margin:3px 0;overflow-wrap:anywhere}.batch-job>small{font-size:10px;white-space:nowrap;color:var(--muted)}.batch-job.success>small{color:#b3d1b6}.batch-job.failed>small{color:#d3a0b2}.batch-job.running>small{color:var(--accent)}.batch-job .spinner{width:11px;height:11px}.material-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.material-group-card{border:1px solid #493752;border-radius:12px;padding:22px;text-align:left;background:#271e2f;display:flex;flex-direction:column;gap:12px}.material-group-card>svg{width:32px;height:32px;color:#b08aca}.material-group-card strong{font-weight:500}.material-group-card small{color:var(--muted);font-size:11px}
@media(max-width:900px){.template-editor{grid-template-columns:minmax(0,1fr) 200px;gap:18px}.template-editor-side{padding-left:15px}.batch-layout{grid-template-columns:1fr}.batch-settings{border-left:0;padding:18px 0 0;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.batch-settings>h3,.batch-settings>.batch-summary,.batch-settings>.advanced-muted{grid-column:1/-1;margin:0}.batch-settings>h3{margin-bottom:10px}.batch-settings>.batch-summary{justify-content:flex-start;gap:50px}.batch-settings>.primary-button,.batch-settings>.secondary-button{margin:0}.batch-summary>span{flex-direction:row;align-items:center;gap:15px}.batch-summary strong{font-size:20px}.material-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.template-diagram{height:125px;padding:7px;grid-template-columns:minmax(0,1fr) 17px minmax(0,1.15fr);gap:3px}.template-diagram .template-output-picture{height:110px}.diagram-arrow svg{width:14px}.template-editor{display:flex;flex-direction:column;gap:10px}.template-editor-preview .template-diagram{height:170px}.template-editor-preview .template-output-picture,.template-editor-preview .template-input-pictures img{height:150px}.template-editor-side{border-left:0;border-top:1px solid #483351;padding:18px 0 0}.template-editor-side .notice-panel{margin:12px 0}.advanced-fields{gap:10px}.advanced-field{font-size:11px}.advanced-field input,.advanced-field select,.advanced-field textarea{font-size:12px;padding:9px}.template-reference-slot{width:88px}.template-reference-slot>button{height:88px}.template-reference-slot p{font-size:10px}.custom-template-card{flex-direction:column;gap:15px;padding:14px}.custom-template-actions{max-width:none}.advanced-heading-actions{flex-wrap:wrap;font-size:11px}.advanced-heading-actions h3{font-size:13px}.batch-slots{grid-template-columns:1fr}.batch-slot-images{grid-template-columns:repeat(4,minmax(0,1fr));max-height:220px}.is-fixed .batch-slot-images>div{height:120px}.batch-empty-upload{min-height:120px}.batch-position>small{width:100%}.batch-settings{gap:12px}.batch-settings-pair{gap:6px}.batch-settings>.quiet-button{padding:6px}.batch-progress>.advanced-heading-actions>span{font-size:10px}.batch-job{gap:8px}.batch-job>img{width:34px;height:34px}.batch-job>span{width:14px}.batch-job>small{font-size:9px}.material-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-group-card{padding:18px}.page-generate .selected-template:has([data-action=adv-edit-parameters]){display:block;max-width:100%;order:2;width:100%}.page-generate .selected-template-controls>button{font-size:10px;padding:4px 8px}.page-generate .selected-template-controls>button:last-child{padding:4px}.page-generate .quick-tools .mode-tool{font-size:10px}}
.group-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:58dvh;overflow:auto}.group-image-grid>button,.group-image-grid>label{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;text-align:left;background:#2c2135;border:1px solid #4a3557;border-radius:9px;overflow:hidden;cursor:pointer}.group-image-grid img{width:100%;height:160px;object-fit:contain;background:#1c1522}.group-image-grid span{padding:8px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-picker input{position:absolute;top:8px;right:8px;width:17px;height:17px;accent-color:#ae77df}.group-picker label:has(:checked){border-color:#c897ed;background:#3b2948}.group-save-actions{margin-top:20px}
@media(max-width:600px){.group-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.group-image-grid img{height:135px}.group-image-grid span{font-size:10px}}
.reference-item>.reference-edit{position:static;width:100%;height:100%;border:0;border-radius:9px;padding:0;background:none;display:block}.reference-item>.reference-edit:hover img{filter:brightness(.82)}.reference-item>span{pointer-events:none}.reference-item>.reference-remove{z-index:2}
.template-card>.template-diagram{flex:0 0 155px;min-height:155px;height:155px;max-height:155px;grid-template-rows:minmax(0,1fr);overflow:hidden}.template-card .template-diagram .template-input-pictures{min-height:0;height:100%;max-height:100%;overflow:hidden}.template-card .template-diagram .template-input-pictures>img{flex:1 1 0;width:100%;height:0;min-height:0;max-height:100%;max-width:100%;object-fit:contain}.template-card .template-diagram>.template-output-picture{height:100%;width:100%;max-height:100%;min-height:0;min-width:0;object-fit:contain}.template-card>.template-text{flex:1 0 auto;width:100%;background:#2a2132}
@media(max-width:600px){.template-card>.template-diagram{flex-basis:125px;min-height:125px;height:125px;max-height:125px}}
.template-empty-reference{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#b69ccb;background:#281e32}.template-empty-reference small{font-size:10px}.template-reference-actions{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 16px}.template-reference-actions .quiet-button{font-size:11px;border:1px solid #473352;padding:5px 9px}

/* Batch controls inherit the active studio palette in every interaction state. */
.batch-modal .quiet-button{color:var(--muted)}
.batch-modal :is(.batch-empty-upload,.batch-position>button,.template-tabs button):not(:disabled):hover{background:var(--raised);border-color:var(--control,var(--border));color:var(--ink)}
.batch-modal .advanced-field :is(input,select,textarea):focus{border-color:var(--accent)}
.batch-modal .primary-button:disabled{background:var(--raised)!important;border-color:var(--border)!important;color:var(--muted)!important;opacity:1}
.batch-modal .spinner{border-color:var(--border);border-top-color:currentColor}