.sophos-images{max-width:1280px;margin:0 auto;padding:32px;background:#fff;color:#111}.images-header,.images-catalog-header,.images-actions,.images-form-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.images-header{margin-bottom:24px}.images-header h1{font-size:clamp(30px,3vw,42px);margin:8px 0 12px}.images-eyebrow{font:12px var(--font-mono,monospace);letter-spacing:.12em;color:#666}.images-card{border:1px solid #d8d8d8;border-radius:var(--control-radius);padding:24px;margin:24px 0;min-width:0}.images-card h2{font-size:22px;margin:0 0 18px}.images-card p{line-height:1.6}.images-budget,.images-notice{padding:15px;border:1px solid #ccc;background:#fafafa;line-height:1.6 border-radius: var(--control-radius); }.images-budget{font-size:13px}.images-muted{color:#666;font-size:14px;line-height:1.6}.images-steps{display:flex;list-style:none;padding:0;gap:8px;margin:0 0 24px}.images-steps li{flex:1;border:1px solid #ddd;border-radius:var(--control-radius);padding:12px;color:#666}.images-steps li[aria-current=step]{color:#fff;background:#006B20;border-color:#006B20}.images-field{display:flex;flex-direction:column;gap:8px;margin:16px 0;min-width:0}.images-field input,.images-field textarea,.images-field select{box-sizing:border-box;width:100%;border:1px solid #ccc;border-radius:var(--control-radius);background:#fff;color:#111;font:inherit;padding:12px}.images-field textarea{resize:vertical;min-height:130px}.images-form-row>.images-field{flex:1;min-width:220px}.images-review{border-top:1px solid #ccc;margin-top:24px;padding-top:20px}.images-brief{white-space:pre-wrap;overflow-wrap:anywhere}.images-confirm{display:flex;align-items:flex-start;gap:10px;margin:20px 0}.images-confirm input{flex:none;margin-top:4px}.images-jobs{list-style:none;padding:0;margin:0}.images-jobs li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #eee}.images-jobs li>div{display:grid;gap:8px}.images-job-state{font-size:13px;max-width:300px;text-align:right}.images-catalog-header h2{margin:0}.images-catalog-header>.images-field{width:min(360px,100%)}.images-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.images-tile{border:1px solid #ddd;border-radius:var(--control-radius);padding:18px;min-width:0}.images-tile-placeholder{height:100px;display:grid;place-items:center;background:#f5f5f5;font:20px var(--font-mono,monospace);color:#666;border-radius:6px}.images-tile h3{font-size:18px;line-height:1.4;overflow-wrap:anywhere}.images-tags{font-size:13px;overflow-wrap:anywhere}.images-draft-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.images-actions{justify-content:flex-start}.images-actions .btn{font-size:13px;min-height:38px}.images-preview img{display:block;width:auto;max-width:100%;height:auto;max-height:75vh;margin:24px auto}.sophos-images button:focus-visible,.sophos-images input:focus-visible,.sophos-images select:focus-visible,.sophos-images textarea:focus-visible{outline:2px solid #111;outline-offset:3px}.sophos-images button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.sophos-images{padding:24px}.images-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sophos-images{padding:18px 14px}.images-card{padding:17px}.images-catalog{grid-template-columns:1fr}.images-steps li{padding:9px 6px;font-size:12px}.images-jobs li{display:block}.images-job-state{display:block;text-align:left;margin-top:12px}.images-form-row>.images-field{min-width:100%}}

.sophos-images .btn-primary{background:#006B20;border-color:#006B20;color:#fff}.sophos-images .btn-primary:hover{background:#0cb946;border-color:#0cb946;color:#fff}.sophos-images .btn-primary:focus-visible{outline-color:#006B20}

.images-jobs li{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,300px);align-items:start}.images-job-summary{min-width:0}.images-job-summary>strong{overflow-wrap:anywhere}.images-job-description{font-size:14px;line-height:1.5;color:#555;max-width:75ch}.images-jobs .images-job-controls{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:0}.images-job-state{line-height:1.5;font-weight:600}.images-job-state-review{color:#624b18}.images-job-state-stopped{color:#555}.images-job-controls .images-actions{justify-content:flex-end}.images-stop{border-color:#a52920;color:#92241c}.images-stop:hover{background:#fff5f3}.images-cost-review{border-color:#b8e7c8;background:#f4fff8}.images-rename{border-color:#8bd5a4}.images-rename form{max-width:680px}.images-field small{font-weight:400}.images-rename .images-actions{margin-top:16px}@media(max-width:650px){.images-jobs li{grid-template-columns:minmax(0,1fr);gap:12px}.images-jobs .images-job-controls{align-items:flex-start}.images-job-controls .images-actions{justify-content:flex-start}.images-job-state{text-align:left;max-width:none}}
.images-current-job{border-color:#8bd5a4;background:#f8fffa}.images-current-job .images-jobs li:last-child{border-bottom:0}.sophos-images .images-current-job .images-stop{background:#006B20;border-color:#006B20;color:#fff}.sophos-images .images-current-job .images-stop:hover{background:#0cb946;border-color:#0cb946;color:#fff}
