.auto-thumbnail{max-width:1060px;margin:auto;padding:30px}.auto-thumb-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.auto-thumb-head h2{margin:6px 0}.auto-thumb-head p{color:#747c8c}.generation-status{padding:8px 13px;border-radius:999px;background:#eeeafe;color:#5947da;font-size:12px;font-weight:700}.auto-thumb-preview{position:relative;display:grid;place-items:center;background:#edf0f5;border-radius:16px;padding:28px;margin-top:20px;min-height:520px}.auto-thumb-preview canvas{width:min(100%,620px);height:auto;background:#fff;box-shadow:0 18px 45px #25304a20}.generation-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#edf0f5eF;border-radius:16px}.generation-loading[hidden]{display:none}.generation-loading b,.generation-loading span{display:block}.generation-loading span{margin-top:8px;color:#7d8492;font-size:12px}.disabled{pointer-events:none;opacity:.45}.shot-builder{padding:22px;background:#f7f8fb;border-radius:15px}.shot-builder h3{margin-top:0}.shot-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.shot-counts label{display:grid;grid-template-columns:1fr 70px 25px;align-items:center;padding:14px;background:#fff;border:1px solid #e1e4eb;border-radius:12px}.shot-counts input{width:100%;text-align:center}.batch-progress{margin-top:18px}.batch-progress>div{height:8px;background:#e2e4eb;border-radius:8px;overflow:hidden;margin:8px 0}.batch-progress i{display:block;width:0;height:100%;background:#6554e8;transition:width .25s}.batch-progress span{font-size:12px;color:#747c8c}.generated-gallery figure{margin:0;border:1px solid #e2e5ec;border-radius:12px;overflow:hidden;background:#fff}.generated-gallery figure a{display:block;padding:10px;text-align:center;color:#5d4bdd;font-size:12px;font-weight:700}@media(max-width:700px){.auto-thumbnail{padding:18px}.auto-thumb-head{display:block}.auto-thumb-preview{min-height:320px;padding:14px}.shot-counts{grid-template-columns:1fr}}