/* Compact main-form AI controls; generation and editor settings are unchanged. */
#main-ai-panel{margin-top:14px;border-radius:14px;background:var(--pb-surface,#fff);box-shadow:0 4px 18px #50477d08}
#main-ai-panel.is-enabled{border-color:color-mix(in srgb,#8170dd 48%,var(--pb-border,#dde2ed));box-shadow:none}
#main-ai-panel::after,#main-ai-panel .main-ai-mark::before,#main-ai-panel .main-ai-mark::after{display:none}
#main-ai-panel .main-ai-header{display:flex;align-items:center;gap:10px;padding-right:13px}
#main-ai-panel .main-ai-summary{flex:1;min-width:0;min-height:52px;grid-template-columns:26px minmax(0,1fr) auto 10px;gap:9px;padding:10px 12px}
#main-ai-panel .main-ai-mark{width:26px;height:26px;border-radius:8px;box-shadow:none}
#main-ai-panel .main-ai-mark i{font-size:15px}
#main-ai-panel .main-ai-title b{font-size:13px;white-space:nowrap}
#main-ai-panel .main-ai-summary-state{display:inline-block;max-width:64px;font-size:10px;padding:3px 7px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-column:auto}
#main-ai-panel .main-ai-chevron{width:7px;height:7px}
#main-ai-panel .main-ai-header-switch{flex:0 0 36px;width:36px;height:22px;margin:0;cursor:pointer}
#main-ai-panel .main-ai-header-switch>span{width:36px;height:22px}
#main-ai-panel .main-ai-header-switch>span::after{width:16px;height:16px;left:3px;top:3px}
#main-ai-panel .main-ai-header-switch input:checked+span::after{transform:translateX(14px)}
#main-ai-panel .main-ai-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:12px 14px 10px;animation:none}
#main-ai-panel .main-ai-style{padding:0;border:0;background:none;gap:5px}
#main-ai-panel .main-ai-style b{font-size:11px;color:var(--pb-muted,#68758b)}
#main-ai-panel .main-ai-style select{min-height:36px;height:36px;font-size:12px;font-weight:600;border-radius:8px}
#main-ai-panel .main-ai-style>em[hidden]{display:none}
#main-ai-panel .main-ai-presets{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:3px;border-radius:9px;background:var(--pb-bg,#f4f5fa)}
#main-ai-panel .main-ai-presets button{min-height:32px;gap:1px;padding:4px 5px;border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;text-align:center;place-content:center}
#main-ai-panel .main-ai-presets button.is-active{border-color:#d6cff3;background:var(--pb-surface,#fff);color:#6751c8}
#main-ai-panel .main-ai-presets b{font-size:11px;line-height:1.3;font-weight:600}
#main-ai-panel .main-ai-presets small{font-size:10px;line-height:1.2}
#main-ai-panel .main-ai-body>.main-ai-strength{grid-column:auto;gap:5px;margin:0;padding:0}
#main-ai-panel .main-ai-strength b,#main-ai-panel .main-ai-strength output{font-size:11px}
#main-ai-panel .main-ai-strength input{width:100%;height:22px;margin:0;accent-color:#7760e6}
#main-ai-panel .ai-preset-editor,#main-ai-panel .main-ai-experiment{grid-column:1/-1;width:100%;min-width:0;margin:0;border:0;border-top:1px solid var(--pb-border,#e4e6ef);border-radius:0;background:none;color:var(--pb-text,#34425b)}
#main-ai-panel .ai-preset-editor>summary,#main-ai-panel .main-ai-experiment>summary{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 0;box-sizing:border-box;list-style:none;cursor:pointer;font-size:12px;line-height:1.4}
#main-ai-panel .preset-pencil{width:22px;height:22px;border-radius:6px;font-size:14px}
#main-ai-panel .preset-summary-title{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:4px 9px}
#main-ai-panel .preset-summary-title small{font-size:10px}
#main-ai-panel .preset-body{padding:0 0 9px;border-top:0}
#main-ai-panel .preset-top{margin:3px 0 8px;font-size:11px}
#main-ai-panel .preset-state{font-size:9px;padding:3px 6px}
#main-ai-panel .preset-body textarea{min-height:160px;max-height:400px;border-radius:8px;padding:10px;font-size:11px;line-height:1.55}
#main-ai-panel .preset-meta{margin:5px 0;font-size:9px}
#main-ai-panel .preset-actions{align-items:flex-start;gap:8px;margin-top:8px}
#main-ai-panel .preset-actions button,#main-ai-panel .preset-more>summary{flex:none;padding:7px 10px;min-height:30px;border-radius:7px;font-size:11px;line-height:1.3;box-sizing:border-box}
#main-ai-panel .preset-more>summary{list-style:none;cursor:pointer;border:1px solid var(--pb-border,#dedff0);color:var(--pb-muted,#59657c)}
#main-ai-panel .preset-more>summary::after{content:' ⌄'}
#main-ai-panel .preset-more[open]>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
#main-ai-panel .preset-status{min-height:26px;margin:7px 0 0;font-size:10px;line-height:1.4}
#main-ai-panel .preset-final{margin-top:6px;padding-top:7px}
#main-ai-panel .preset-final textarea{min-height:150px}
#main-ai-panel .main-ai-experiment>summary::-webkit-details-marker,#main-ai-panel .preset-more>summary::-webkit-details-marker{display:none}
#main-ai-panel .main-ai-experiment>summary::after{content:'⌄';margin-left:auto;color:#8b80b4;font-size:17px}
#main-ai-panel .main-ai-experiment[open]>summary::after{transform:rotate(180deg)}
#main-ai-panel .main-ai-experiment>summary em{font-size:9px;font-style:normal;color:var(--pb-soft,#929aab)}
#main-ai-panel .experiment-enabled{display:none;font-size:9px;font-weight:500;color:#168969}
#main-ai-panel .main-ai-experiment:has(#main-ai-pixel-grid:checked) .experiment-enabled{display:inline}
#main-ai-panel .ai-pixel-grid-control{padding:6px 0 10px;border:0;background:none;gap:9px;border-radius:0;color:var(--pb-text,#34425b)}
#main-ai-panel .ai-pixel-grid-control>span{gap:4px}
#main-ai-panel .ai-pixel-grid-control b{font-size:11px}
#main-ai-panel .ai-pixel-grid-control strong{font-size:11px}
#main-ai-panel .ai-pixel-grid-control small{font-size:10px;line-height:1.45}
#main-ai-panel .ai-model-card{padding:0;margin:0;border:0;border-top:1px solid var(--pb-border,#e4e6ef);border-radius:0;background:none}
#main-ai-panel .ai-model-heading{justify-content:flex-start;gap:8px;margin:0;padding:8px 0 0;font-size:10px;color:var(--pb-soft,#8a95a5)}
#main-ai-panel .ai-model-heading>b{font-weight:500}
#main-ai-panel .ai-model-heading>span{font-size:10px;color:var(--pb-muted,#68758b)}
#main-ai-panel .ai-model-card>small[hidden]{display:none}
@media(max-width:360px){#main-ai-panel .main-ai-summary{gap:6px;padding-left:10px}#main-ai-panel .main-ai-body{gap:10px 12px;padding:10px 12px}#main-ai-panel .main-ai-title b{font-size:12px}}
