/* AI Image Optimizer — plugin-specific admin (shell: pewit-admin-shell.css) */
.aiio-notice{margin-bottom:16px}
.aiio-notice .aiio-alert{padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:12px}
.aiio-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.aiio-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.aiio-alert-info{background:#eef4ff;border:1px solid #dbe7ff;color:#1d4ed8}

.aiio-toolbar-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.aiio-image-list{display:flex;flex-direction:column;gap:10px}
.aiio-image-row{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--pewit-border);border-radius:10px;background:#fafbfd}
.aiio-image-thumb img{border-radius:8px;object-fit:cover;display:block}
.aiio-image-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.aiio-image-meta strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiio-image-actions{display:flex;gap:8px;flex-wrap:wrap}

.aiio-preview-panel{margin-top:16px}
.aiio-preview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:12px 0 16px}
.aiio-preview-stat{padding:12px;border-radius:10px;background:#f8fafc;border:1px solid var(--pewit-border)}
.aiio-preview-stat strong{display:block;font-size:18px;margin-top:4px}
.aiio-preview-stat span{font-size:12px;color:var(--pewit-muted)}

.aiio-field{margin-bottom:18px}
.aiio-field label{display:block;font-weight:600;margin-bottom:6px;font-size:14px}
.aiio-field input[type=number],.aiio-field input[type=text]{width:120px;padding:8px 10px;border:1px solid var(--pewit-border);border-radius:8px}
.aiio-field .description{margin:6px 0 0;font-size:12px;color:var(--pewit-muted)}
.aiio-field-pro{padding-top:8px;border-top:1px dashed var(--pewit-border)}
.aiio-warn{color:var(--pewit-warn)}

.aiio-steps{margin:0;padding-left:20px;line-height:1.7;color:var(--pewit-muted);font-size:14px}

.aiio-job-summary{display:grid;gap:8px;margin-bottom:16px;font-size:14px}
.aiio-progress{height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}
.aiio-progress span{display:block;height:100%;background:linear-gradient(90deg,#1f4fe6,var(--pewit-primary));transition:width .3s ease}
.aiio-job-log{max-height:320px;overflow:auto;border:1px solid var(--pewit-border);border-radius:10px;background:#fafbfd}
.aiio-log-line{padding:8px 12px;border-bottom:1px solid var(--pewit-border);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.aiio-log-line:last-child{border-bottom:none}
.aiio-log-time{color:var(--pewit-muted);margin-right:8px}
.aiio-log-error{color:var(--pewit-danger)}
.aiio-log-warn{color:var(--pewit-warn)}

.aiio-loading{opacity:.6;pointer-events:none}

.pewit-callout-etch{background:#1a1625;border:1px solid #3d2f5c;color:#e9e0ff;padding:14px 18px;border-radius:10px;margin-bottom:16px}
body.aiio-etch-ui .pewit-wrap{--pewit-text:#e8eaef;--pewit-muted:#9aa3b5;--pewit-primary:#8b5cf6;--pewit-bg:#121218;--pewit-surface:#1a1a22;--pewit-border:#2a2a36}
body.aiio-etch-ui .pewit-app-icon{background:linear-gradient(135deg,#5b21b6,#8b5cf6)}
body.aiio-etch-ui .pewit-btn-primary{background:#7c3aed}
.aiio-onboarding-modal,.aica-onboarding-modal,.aiat-onboarding-modal{display:none;position:fixed;inset:0;z-index:100100}
.aiio-onboarding-modal.is-open,.aica-onboarding-modal.is-open,.aiat-onboarding-modal.is-open{display:block}
.aiio-onboarding-backdrop,.aica-onboarding-backdrop,.aiat-onboarding-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}
.aiio-onboarding-panel,.aica-onboarding-panel,.aiat-onboarding-panel{position:relative;max-width:520px;margin:10vh auto;padding:24px;z-index:1}
