.cover-picker{margin:18px 0;padding:18px;border:1px solid #35425c;border-radius:18px;background:linear-gradient(135deg,#211c36,#101c2d 62%,#131821);color:#f5f0ff;min-width:0}
.cover-picker-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}.cover-picker-head span{color:#ba9cf9;font-size:11px}.cover-picker-head h3{margin:5px 0;font-size:19px}.cover-picker-head p,.cover-price{color:#a9b5cb;font-size:12px;line-height:1.8;margin:0}.cover-picker-head>small{white-space:nowrap;border:1px solid #7759ab;border-radius:999px;padding:7px 11px;color:#e2d1ff}
.cover-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.cover-style-card{position:relative;display:grid;gap:7px;min-width:0;padding:7px;border:2px solid #344056;border-radius:12px;background:#151c2a;cursor:pointer;text-align:center}.cover-style-card:has(input:checked){border-color:#a985fa;background:#29213d}.cover-style-card input{position:absolute;opacity:0;pointer-events:none}.cover-style-card:focus-within{outline:2px solid #c4aafa;outline-offset:2px}.cover-style-card strong{font-size:12px;padding:0 4px 4px}.cover-style-image,.cover-style-placeholder{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 30% 20%,#615386,#1b2637);font-size:30px;color:#d6c5ff}.cover-style-image img{width:100%;height:100%;object-fit:cover}.cover-custom{display:grid;gap:7px;margin-top:14px;font-size:12px}.cover-custom textarea{box-sizing:border-box;width:100%;min-width:0;resize:vertical;border:1px solid #4c5970;border-radius:10px;padding:11px;background:#101622;color:#fff;font:inherit}.cover-custom small{color:#9eabc0}.cover-price{margin-top:13px}
.library-cover{width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:10px;margin:0 0 12px}.library-cover-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.library-cover-controls button{border:1px solid #765f9a;border-radius:9px;padding:8px 11px;background:#241e33;color:#dfd0f8;cursor:pointer}.library-cover-state{color:#aebbd0;font-size:11px}
.circle-audio-stage{position:relative;isolation:isolate;overflow:hidden}.circle-cover{display:block;width:100%;max-height:430px;aspect-ratio:1.45;object-fit:cover;margin:-12px 0 14px;border-radius:12px}.circle-audio-stage:has(.circle-cover){background:linear-gradient(#192032,#111820)}
.landing-circle-cover{display:block;margin:10px 0}.landing-circle-cover img{width:100%;height:128px;object-fit:cover;border-radius:10px}
@media(max-width:650px){.cover-picker{padding:13px}.cover-picker-head{display:block}.cover-picker-head>small{display:inline-block;margin-top:9px}.cover-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-style-card strong{font-size:10px}.circle-cover{aspect-ratio:1.2}}
.cover-project-dialog{box-sizing:border-box;width:min(690px,calc(100vw - 22px));max-height:90dvh;overflow:auto;padding:20px;border:1px solid #66548c;border-radius:18px;background:#151c2a;color:#f2edff;font-family:Vazirmatn,sans-serif;direction:rtl}.cover-project-dialog::backdrop{background:#03050acb;backdrop-filter:blur(5px)}.cover-project-dialog header,.cover-project-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.cover-project-dialog h2{font-size:20px}.cover-project-dialog header button{border:0;background:transparent;color:#fff;font-size:24px}.cover-project-dialog>form>p{color:#b1bed0;font-size:12px;line-height:1.8}.cover-project-dialog footer{margin-top:16px}.cover-project-dialog footer button{border:0;border-radius:10px;padding:11px 20px;background:#7955c7;color:#fff}.cover-project-dialog footer small{color:#d5c2f4}

/* Finished artwork is the visual identity of the project on every surface. */
.library-card .library-cover{display:block;box-sizing:border-box;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover;margin:0 0 15px;border:1px solid #ffffff24;border-radius:13px;background:#1c2030;cursor:zoom-in}.library-card .library-cover.is-loading{color:transparent!important;border-color:transparent!important;box-shadow:none!important;background-color:#1a2130;background-image:linear-gradient(105deg,transparent 24%,#ffffff18 47%,transparent 70%);background-size:220% 100%;animation:cover-retry-sheen 1.45s ease-in-out infinite;pointer-events:none}.library-card .library-cover.is-unavailable{color:transparent!important;font-size:0;background:radial-gradient(circle at 50% 45%,#ffffff0d 0 14%,transparent 15%),linear-gradient(145deg,#222a39,#171e2b);pointer-events:none}@keyframes cover-retry-sheen{from{background-position:220% 0}to{background-position:-220% 0}}
.media-cover{display:block;width:100%;max-height:360px;aspect-ratio:2/1;object-fit:cover;margin:20px 0 0;border:1px solid #ffffff25;border-radius:14px;background:#1b2030}
.circle-audio-stage.has-cover{isolation:isolate;background:#111722}
.circle-audio-stage.has-cover .circle-cover{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;border:0;border-radius:0}
.circle-audio-stage.has-cover::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#07091245 0%,#07091220 27%,#080b13b8 66%,#080b13ed 100%);pointer-events:none}
.circle-audio-stage.has-cover::before{display:none}
.circle-audio-stage.has-cover>*:not(.circle-cover){position:relative;z-index:2}
.circle-audio-stage.has-cover h3{color:#fff;text-shadow:0 2px 14px #000}
.circle-audio-stage.has-cover .circle-audio-stage-head small,.circle-audio-stage.has-cover .circle-audio-stage-head time{color:#e5e2ed}
.community-manage-cover{display:block;overflow:hidden;aspect-ratio:2.4;border-radius:11px;background:#1b2030}
.community-manage-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.community-manage-cover:hover img{transform:scale(1.035)}
.circle-search-cover{display:block;width:40px;height:40px;flex:none;object-fit:cover;border-radius:9px;background:#29203f}
.media-cover-wrap{position:relative;margin-top:20px}.media-cover-wrap .media-cover{margin:0}.media-cover-download{position:absolute;bottom:13px;left:13px;min-height:38px;padding:7px 12px;border:1px solid #ffffff66;border-radius:9px;background:#121827d9;color:#fff;font:600 11px Vazirmatn,sans-serif;backdrop-filter:blur(12px);cursor:pointer}.media-cover-download:hover{background:#302246}.media-cover-download:focus-visible{outline:2px solid #c4a9ff;outline-offset:3px}
.media-cover-wrap .media-cover{box-sizing:border-box;max-height:none;aspect-ratio:16/9;cursor:zoom-in}.library-cover:focus-visible,.media-cover:focus-visible{outline:3px solid #ae8bfa;outline-offset:3px}
.cover-preview-dialog{box-sizing:border-box;width:min(1024px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:14px;border:1px solid #695783;border-radius:18px;background:#151c2a;color:#fff;box-shadow:0 26px 80px #0009;direction:rtl;font-family:Vazirmatn,sans-serif}.cover-preview-dialog::backdrop{background:#05070de8;backdrop-filter:blur(7px)}.cover-preview-dialog header,.cover-preview-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.cover-preview-dialog h2{margin:0;font-size:clamp(13px,2vw,18px);line-height:1.7}.cover-preview-dialog header button{flex:none;border:0;background:transparent;color:#fff;font:30px/1 inherit;cursor:pointer}.cover-preview-dialog img{display:block;width:100%;max-height:calc(100dvh - 150px);aspect-ratio:16/9;object-fit:contain;margin:12px 0;border-radius:11px;background:#0d121d}.cover-preview-dialog footer button{border:1px solid #a786ec;border-radius:10px;background:#493180;color:#fff;padding:10px 16px;font:inherit;cursor:pointer}.cover-preview-dialog button:focus-visible{outline:2px solid #d4c2ff;outline-offset:3px}
.circle-cover,.landing-circle-cover img,.community-manage-cover img{cursor:zoom-in}.circle-cover:focus-visible,.landing-circle-cover img:focus-visible,.community-manage-cover img:focus-visible{outline:3px solid #c3a8ff;outline-offset:-3px}
@media(max-width:650px){.circle-audio-stage.has-cover{min-height:340px}.media-cover{max-height:250px}}
@media(prefers-reduced-motion:reduce){.community-manage-cover img{transition:none}}
.cover-models{margin-top:17px;min-width:0}.cover-models>strong{display:block;margin-bottom:9px;font-size:13px}.cover-model-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cover-model-option{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid #3e4a62;border-radius:11px;background:#141c2a;cursor:pointer}.cover-model-option:has(input:checked){border-color:#a985fa;background:#29213d}.cover-model-option input{accent-color:#a985fa;flex:none}.cover-model-option span{display:grid;gap:2px;min-width:0;flex:1}.cover-model-option b{font-size:12px}.cover-model-option small{font-size:10px;color:#acb9cb}.cover-model-option em{font-style:normal;white-space:nowrap;color:#d8c3ff;font-size:11px;font-weight:700}.cover-model-option:focus-within{outline:2px solid #c4aafa;outline-offset:2px}
.cover-project-dialog{width:min(640px,calc(100vw - 24px));max-height:min(86dvh,850px);padding:clamp(14px,3vw,24px)}.cover-project-dialog header{margin-bottom:7px}.cover-project-dialog h2{margin:0;font-size:19px}.cover-project-dialog>form>p{line-height:1.7}.cover-project-dialog footer{border-top:1px solid #ffffff20;padding-top:14px}.cover-project-dialog footer button{font-weight:700;min-width:130px}.cover-project-dialog [role=alert]{color:#ffb8c3;min-height:1em}
@media(max-width:650px){.cover-model-list{grid-template-columns:1fr}.cover-model-option{min-height:54px}.cover-project-dialog footer{align-items:stretch;flex-direction:column}.cover-project-dialog footer button{width:100%}.cover-project-dialog .cover-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cover-style-card[hidden]{display:none!important}.cover-style-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.cover-style-heading strong{font-size:13px}.cover-style-heading small{color:#aebbd0;font-size:11px}.cover-picker .cover-models{margin-top:0}.cover-picker .cover-style-grid,.cover-project-dialog .cover-style-grid{max-height:330px;overflow:auto;align-content:start;padding:2px}.cover-picker .cover-style-image,.cover-project-dialog .cover-style-image{background:#20283a}.cover-style-card:hover{border-color:#8b76bd;transform:translateY(-1px)}.cover-style-card{transition:border-color .2s,background .2s,transform .2s}.cover-project-dialog .cover-models{margin-top:13px}
.cover-style-card[data-cover-model="pro"] .cover-style-image:has(i){background:linear-gradient(140deg,#664479,#684b36)}.cover-style-card[data-cover-model="studio"] .cover-style-image:has(i){background:linear-gradient(140deg,#293d61,#593858)}.cover-style-card:nth-child(4n+2) .cover-style-image:has(i){filter:hue-rotate(28deg)}.cover-style-card:nth-child(4n+3) .cover-style-image:has(i){filter:hue-rotate(-32deg)}.cover-style-card:nth-child(4n+4) .cover-style-image:has(i){filter:hue-rotate(70deg)}
@media(max-width:650px){.cover-picker .cover-style-grid,.cover-project-dialog .cover-style-grid{max-height:255px}.cover-model-option em{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cover-style-card{transition:none}.cover-style-card:hover{transform:none}}

/* Circle artwork opens edge-to-edge without export controls. */
.circle-cover-preview{width:min(1024px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:18px;background:transparent;box-shadow:none;overflow:visible}.circle-cover-preview::backdrop{background:#05070de0;backdrop-filter:blur(14px)}.circle-cover-preview img{display:block;width:100%;max-height:calc(100dvh - 28px);aspect-ratio:16/9;object-fit:contain;margin:0;border-radius:18px;background:#111722;box-shadow:0 28px 90px #000a}.community-page .circle-cover,.community-page .community-manage-cover img{-webkit-touch-callout:none;user-select:none}
@media(max-width:650px){.circle-cover-preview{width:calc(100vw - 20px)}.circle-cover-preview img{max-height:calc(100dvh - 32px)}}

/* Compact artwork choice shared by podcast, dialogue and text-to-speech. */
.cover-picker{padding:22px;border-color:#41405d;background:radial-gradient(circle at 5% 0,#54356b35,transparent 45%),linear-gradient(145deg,#191c2c,#111a28);box-shadow:0 16px 40px #05071120}
.cover-picker-head{align-items:center;margin-bottom:21px}.cover-picker-head h3{font-size:18px;line-height:1.5}.cover-picker-head p{max-width:520px}.cover-picker-head>small{flex:none;background:#221a35;font-size:10px}
.cover-models>strong,.cover-style-heading strong{font-size:12px;color:#e8e0f7}.cover-model-list{gap:9px}.cover-model-option{position:relative;min-height:75px;padding:12px 14px;border-color:#38445b;background:#151d2b;transition:border-color .18s,background .18s,transform .18s}.cover-model-option:hover{border-color:#8166b3;transform:translateY(-1px)}.cover-model-option:has(input:checked){border-color:#ad8bf0;background:#29213d;box-shadow:inset 0 0 0 1px #ad8bf055}.cover-model-option input{width:16px;height:16px;margin:0;accent-color:#a77df4}.cover-model-option b{color:#f1ecf9}.cover-model-option em{align-self:center;padding:4px 7px;border-radius:7px;background:#ffffff0b;color:#dcc7ff;font-size:10px}
.cover-style-heading{margin-top:23px}.cover-picker .cover-style-grid,.cover-project-dialog .cover-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-height:370px;gap:9px;padding:3px}.cover-style-card{gap:7px;padding:7px;border:1px solid #3b465a;border-radius:13px;text-align:right;background:#151d2a}.cover-style-card:has(input:checked){border-color:#b899f3;background:#29213d;box-shadow:0 0 0 2px #8b5cf64d}.cover-style-card input{width:1px;height:1px;margin:0;padding:0}.cover-style-card:has(input:checked)::after{content:'✓';position:absolute;top:12px;left:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#986beb;color:#fff;font-size:12px;box-shadow:0 2px 10px #0008}.cover-style-image,.cover-style-placeholder{width:100%;aspect-ratio:16/10;border-radius:9px}.cover-style-image img{display:block;width:100%;height:100%;object-fit:cover}.cover-style-card strong{padding:0 3px 2px;font-size:11px}.cover-style-card.no-cover .cover-style-placeholder{font-size:12px;font-weight:700;background:linear-gradient(135deg,#30334b,#20283b);color:#aeb9cc}.cover-custom{margin-top:20px}.cover-custom textarea{min-height:78px}.cover-price{margin-top:15px;padding-top:13px;border-top:1px solid #ffffff19;font-size:10px}
@media(max-width:850px){.cover-picker .cover-style-grid,.cover-project-dialog .cover-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.cover-picker{padding:15px}.cover-picker-head{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.cover-picker-head>small{margin:0}.cover-model-option{min-height:64px}.cover-picker .cover-style-grid,.cover-project-dialog .cover-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}.cover-style-card strong{font-size:10px}}
/* The TTS form's generic label/input rules must not turn picker tiles into fields. */
#tts .tts-layout{display:block;max-width:960px;margin-inline:auto}
#tts .tts-form{box-sizing:border-box;width:100%;min-width:0}
.tts-form .cover-picker .cover-model-option{display:flex;margin:0;color:#f1ecf9}
.tts-form .cover-picker .cover-style-card{display:grid;margin:0;color:#f1ecf9}
.tts-form .cover-picker .cover-custom{display:grid;margin:20px 0 0;color:#d9d3e6}
.cover-picker .cover-custom[hidden]{display:none!important}
.tts-form .cover-picker input[type=radio]{display:block;flex:none;width:16px;height:16px;margin:0;padding:0;border:0;box-shadow:none}
.tts-form .cover-picker .cover-style-card input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.tts-form .cover-picker textarea{min-height:78px;margin-top:0}
.cover-picker .cover-custom{display:grid;gap:9px;margin:20px 0 0;padding:15px;border:1px solid #ffffff1b;border-radius:13px;background:#0c132080;color:#e9e5f3;font-size:12px}
.cover-picker .cover-custom>span{display:flex;align-items:center;gap:8px;font-weight:700}
.cover-picker .cover-custom em{color:#a9b5c9;font-size:10px;font-style:normal;font-weight:400}
.cover-picker .cover-custom textarea{box-sizing:border-box;width:100%;min-height:95px;margin:0;padding:11px 13px;resize:vertical;border:1px solid #46516a;border-radius:9px;background:#111a29;color:#f5f2fa;font:inherit;line-height:1.9;direction:rtl;text-align:right}
.cover-picker .cover-custom textarea:focus-visible{outline:2px solid #aa8df0;outline-offset:2px}
.cover-picker .cover-custom small{color:#9aa8bc;font-size:10px;line-height:1.7}