.artist-upload-selector-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,2fr) auto;align-items:center;gap:12px}
.artist-upload-selector-row label,.artist-upload-create-dialog label{font-weight:700;color:var(--text-primary,var(--black))}
.artist-upload-selector-row select,.artist-upload-create-dialog input{width:100%;min-width:0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text-primary,var(--black))}
.artist-upload-create-dialog{width:min(480px,calc(100vw - 32px));padding:26px;border:1px solid var(--border);border-radius:16px;background:var(--surface-1);color:var(--text-primary,var(--black));box-shadow:var(--card-shadow)}
.artist-upload-create-dialog::backdrop{background:rgba(0,0,0,.65)}
.artist-upload-create-dialog h2{margin:0 0 8px}.artist-upload-create-dialog p{color:var(--text-secondary)}
.artist-upload-create-dialog input{margin:8px 0 12px}.artist-upload-create-dialog [role=alert]{color:var(--danger);min-height:20px}
.artist-upload-create-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
@media(max-width:680px){.artist-upload-selector-row{grid-template-columns:1fr}.artist-upload-selector-row label{margin-bottom:-8px}}
.artist-plan-comparison{color:var(--text-primary,var(--black));font:inherit}
.artist-plan-billing-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px;color:var(--text-secondary)}
.artist-plan-billing-intro p{margin:0}.artist-plan-billing-intro .artist-plan-button{width:auto}
.artist-plan-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 20px}
.artist-plan-toolbar p{margin:0;font-weight:650}
.artist-plan-interval{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.artist-plan-interval button{border:0;border-radius:8px;padding:9px 14px;background:transparent;color:var(--text-secondary);font:inherit;cursor:pointer}
.artist-plan-interval button[aria-pressed=true]{background:var(--surface-1);color:var(--text-primary,var(--black));box-shadow:var(--card-shadow)}
.artist-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.artist-plan-carousel-nav{display:none}
.artist-plan-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface-1);box-shadow:var(--card-shadow)}
.artist-plan-card.is-current{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 18%,transparent)}
.artist-plan-card--one{background:linear-gradient(160deg,color-mix(in srgb,var(--blue) 9%,var(--surface-1)),var(--surface-1) 48%)}
.artist-plan-card-head{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:space-between;min-height:32px}
.artist-plan-card h3{font-size:1.15rem;line-height:1.25;margin:0;color:var(--text-primary,var(--black))}
.artist-plan-current,.artist-plan-trial{font-size:.72rem;font-weight:750;color:var(--blue)}
.artist-plan-current{border:1px solid currentColor;border-radius:999px;padding:3px 7px;white-space:nowrap}
.artist-plan-price{display:flex;align-items:baseline;gap:5px;margin:18px 0 14px;color:var(--text-primary,var(--black))}
.artist-plan-price strong{font-size:2rem;letter-spacing:-.05em;line-height:1}
.artist-plan-price span{color:var(--text-secondary);font-size:.82rem}
.artist-plan-trial{display:block;margin:-8px 0 10px}
.artist-plan-features{list-style:none;padding:0;margin:8px 0 20px;display:grid;gap:12px}
.artist-plan-features li{display:flex;gap:10px;align-items:flex-start;font-size:.87rem;line-height:1.4;color:var(--text-primary,var(--black))}
.artist-plan-features i{width:17px;flex:none;margin-top:2px;color:var(--blue);text-align:center}
.artist-plan-inherits{padding:10px;border-radius:10px;background:var(--surface-2)}
.artist-plan-card-action{margin-top:auto;padding-top:10px}
.artist-plan-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text-primary,var(--black));font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.artist-plan-button.is-primary{background:var(--blue);border-color:var(--blue);color:var(--white)}
.artist-plan-button:disabled{opacity:.72;cursor:default}
.artist-plan-unavailable{display:block;text-align:center;color:var(--text-secondary);font-size:.8rem;padding:10px}
.artist-plan-usage,.artist-plan-preview{margin-top:22px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface-1)}
.artist-plan-usage h3,.artist-plan-preview strong{display:block;margin:0 0 12px;font-size:1rem}
.artist-plan-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.artist-plan-usage-grid>div{display:grid;gap:4px;padding:11px;border-radius:10px;background:var(--surface-2)}
.artist-plan-usage-grid strong{font-size:.78rem}.artist-plan-usage-grid span{font-size:.78rem;color:var(--text-secondary)}
.artist-plan-preview{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.artist-plan-preview[hidden]{display:none}
.artist-plan-preview p{width:100%;margin:0}.artist-plan-preview .artist-plan-button{width:auto;min-width:150px}
.artist-plan-preview-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%}
.artist-plan-status{min-height:20px;margin:14px 0 0;color:var(--text-secondary)}
.artist-plan-status.is-error{color:var(--danger)}
.artist-plan-terms,.artist-plan-legacy{font-size:.83rem;line-height:1.5;color:var(--text-secondary)}
.artist-plan-legacy{padding:12px 14px;border-left:3px solid var(--blue);background:var(--surface-2);border-radius:8px}
.artist-plan-modal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.68)}
.artist-plan-modal.is-open{display:flex}
.artist-plan-modal-panel{width:min(1180px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface-1);color:var(--text-primary,var(--black));box-shadow:var(--card-shadow)}
.artist-plan-modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px}
.artist-plan-modal-head h2{margin:0;font-size:1.6rem}.artist-plan-modal-head button{border:0;background:transparent;color:var(--text-primary,var(--black));font-size:1.8rem;cursor:pointer}
.artist-plan-modal-feature{color:var(--text-secondary);margin:0 0 20px}
.artist-plan-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.artist-plan-modal-footer a{color:var(--blue)}
.artist-plan-modal-panel{width:min(980px,100%);max-height:calc(100dvh - 32px);padding:18px}
.artist-plan-modal-head h2{font-size:1.35rem}
.artist-plan-modal-feature{margin-bottom:12px;font-size:.88rem}
.artist-plan-modal .artist-plan-toolbar{margin-bottom:12px}
.artist-plan-modal .artist-plan-grid{gap:10px}
.artist-plan-modal .artist-plan-card{padding:14px;border-radius:14px}
.artist-plan-modal .artist-plan-card h3{font-size:1rem}
.artist-plan-modal .artist-plan-price{margin:12px 0 10px}
.artist-plan-modal .artist-plan-price strong{font-size:1.55rem}
.artist-plan-modal .artist-plan-features{gap:7px;margin:6px 0 12px}
.artist-plan-modal .artist-plan-features li{gap:7px;font-size:.75rem;line-height:1.35}
.artist-plan-modal .artist-plan-inherits{padding:7px}
.artist-plan-modal .artist-plan-button{min-height:36px;padding:7px;font-size:.8rem}
.artist-plan-modal .artist-plan-card-action{padding-top:5px}
.artist-plan-modal{background:rgba(0,0,0,0);transition:background-color .24s ease}
.artist-plan-modal.is-visible{display:flex}
.artist-plan-modal.is-open{background:rgba(0,0,0,.68)}
.artist-plan-modal-panel{opacity:0;transform:translateY(18px) scale(.975);transition:opacity .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
.artist-plan-modal.is-open .artist-plan-modal-panel{opacity:1;transform:translateY(0) scale(1)}
.artist-plan-skeleton-toolbar{display:flex;justify-content:space-between;gap:16px;margin:12px 0 20px}
.artist-plan-skeleton-toolbar .artist-plan-skeleton-line:first-child{width:28%;height:16px}
.artist-plan-skeleton-toolbar .artist-plan-skeleton-line:last-child{width:25%;height:32px}
.artist-plan-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.artist-plan-skeleton-card{display:flex;min-height:490px;flex-direction:column;gap:15px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-1)}
.artist-plan-skeleton-line{display:block;height:12px;border-radius:7px;background:linear-gradient(100deg,var(--surface-2) 15%,color-mix(in srgb,var(--surface-2) 70%,var(--text-secondary)) 45%,var(--surface-2) 75%);background-size:220% 100%;animation:artist-plan-skeleton-shimmer 1.3s ease-in-out infinite}
.artist-plan-skeleton-card .artist-plan-skeleton-line:first-child{width:65%;height:20px;margin-bottom:8px}
.artist-plan-skeleton-card .artist-plan-skeleton-line:nth-child(2){width:45%;height:28px;margin-bottom:10px}
.artist-plan-skeleton-card .artist-plan-skeleton-line:nth-child(3){width:85%}
.artist-plan-skeleton-card .artist-plan-skeleton-line:nth-child(4){width:72%}
.artist-plan-skeleton-card .artist-plan-skeleton-line:nth-child(5){width:90%}
.artist-plan-skeleton-card .artist-plan-skeleton-line:nth-child(6){width:68%}
.artist-plan-skeleton-card .artist-plan-skeleton-line:last-child{width:100%;height:36px;margin-top:auto}
@keyframes artist-plan-skeleton-shimmer{to{background-position-x:-220%}}
@media(max-width:760px){.artist-plan-skeleton-grid{grid-template-columns:1fr}.artist-plan-skeleton-card{min-height:470px}.artist-plan-skeleton-card:not(:first-child){display:none}.artist-plan-skeleton-toolbar .artist-plan-skeleton-line:first-child{width:45%}.artist-plan-skeleton-toolbar .artist-plan-skeleton-line:last-child{width:35%}}
@media(prefers-reduced-motion:reduce){.artist-plan-modal,.artist-plan-modal-panel{transition:none}.artist-plan-skeleton-line{animation:none}}
@media(max-width:1020px){.artist-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.artist-plan-grid{grid-template-columns:1fr}.artist-plan-card{padding:18px}.artist-plan-interval{width:100%}.artist-plan-interval button{flex:1}.artist-plan-modal-panel{padding:16px}.artist-plan-preview .artist-plan-button{width:100%}}
@media(max-width:760px){
.artist-plan-comparison{min-width:0}
.artist-plan-comparison .artist-plan-carousel-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 12px}
.artist-plan-carousel-nav span{min-width:150px;text-align:center;font-size:.84rem;font-weight:700;color:var(--text-primary,var(--black))}
.artist-plan-carousel-nav button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);color:var(--text-primary,var(--black));cursor:pointer}
.artist-plan-carousel-nav button:disabled{opacity:.38;cursor:default}
.artist-plan-comparison .artist-plan-carousel{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% - 40px);gap:12px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:2px 20px 14px;box-sizing:border-box;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.artist-plan-comparison .artist-plan-carousel::-webkit-scrollbar{display:none}
.artist-plan-comparison .artist-plan-carousel>.artist-plan-card{scroll-snap-align:center;scroll-snap-stop:always;padding:18px}
}
