.studio-album-generator{color:#163e3a;background:linear-gradient(135deg,#f8faf6,#eaf3ed);border:1px solid #d5e1db;border-radius:17px;padding:26px}.studio-album-lead{align-items:flex-start;gap:15px;margin-bottom:22px;display:flex}.studio-album-icon{color:#fff;background:#1e5850;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.studio-album-lead span{letter-spacing:.15em;color:#62847b;font-size:10px;font-weight:800}.studio-album-lead h3{margin:3px 0 6px;font-family:Georgia,serif;font-size:26px}.studio-album-lead p{color:#5a736d;max-width:620px;margin:0;font-size:13px;line-height:1.5}.studio-album-form{gap:14px;display:grid}.studio-album-form label{gap:6px;font-size:12px;font-weight:700;display:grid}.studio-album-form input,.studio-album-form textarea,.studio-album-form select{color:#173c38;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #bfd1c6;border-radius:8px;padding:10px 12px}.studio-album-form textarea{resize:vertical}.studio-album-agents{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.studio-album-generator button:not(.studio-album-reset){color:#fff;width:max-content;max-width:100%;font:inherit;cursor:pointer;background:#20574e;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:800;display:inline-flex}.studio-album-generator button:disabled{opacity:.55;cursor:default}.studio-album-generator small{color:#617970;max-width:650px;font-size:11px;line-height:1.5}.studio-album-progress{gap:15px;display:grid}.studio-album-progress-heading{justify-content:space-between;gap:10px;display:flex}.studio-album-progress-heading>span{color:#52766c;font-size:12px}.studio-album-progress ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.studio-album-progress li{color:#70837c;background:#f4f7f1;border:1px solid #d6e1d7;border-radius:8px;align-items:center;gap:7px;padding:10px;font-size:11px;display:flex}.studio-album-progress li span{color:#3d6559;background:#dce8de;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:grid}.studio-album-progress li.complete{color:#28664f;background:#e6f3e9}.studio-album-progress li.current{color:#153f38;background:#fff;border-color:#9ac4a9;font-weight:800}.studio-album-error{color:#8a3928;margin:0;font-size:12px}.studio-album-progress>p{margin:0;font-size:12px}.studio-album-reset{color:#456d60;width:max-content;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.studio-album-generator :is(button,input,textarea,select):focus-visible{outline-offset:2px;outline:2px solid #317c68}.studio-album-preview{background:#fff;border:1px solid #c8dcd0;border-radius:12px;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:18px;display:grid}.studio-album-preview>img{aspect-ratio:1;object-fit:cover;border-radius:9px;width:150px}.studio-album-preview h4{margin:0 0 6px;font-family:Georgia,serif;font-size:22px}.studio-album-preview p{color:#5a736d;margin:0 0 16px;font-size:12px;line-height:1.5}.studio-album-track{gap:6px;margin-top:12px;display:grid}.studio-album-track strong{font-size:12px}.studio-album-track audio{width:100%;height:38px}@media (max-width:700px){.studio-album-agents,.studio-album-progress ol,.studio-album-preview{grid-template-columns:1fr}.studio-album-generator{padding:20px}.studio-album-preview>img{width:100%;max-width:220px}}
