.jsi-cover-art-box{background:linear-gradient(180deg,#fff,#fbfbfb);border:1px solid rgba(37,0,62,0.08);border-radius:14px;padding:18px;margin-top:14px;box-shadow:0 12px 36px rgba(37,0,62,0.06);} .jsi-cover-art-box h4{font-size:1.2rem;margin:0 0 8px 0;color:#25003e;font-weight:800;} .jsi-cover-art-option{margin-bottom:8px;color:#333;font-weight:600;} .jsi-generate-btn{background:linear-gradient(90deg,#ffdd57,#ffc600);color:#25003e;border:none;padding:10px 18px;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(37,0,62,0.08);transition:transform .18s ease,box-shadow .18s ease;} .jsi-generate-btn:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(37,0,62,0.12);} .jsi-cover-preview{margin-top:14px;text-align:center;display:block;} .jsi-cover-preview img{max-width:320px;border-radius:12px;box-shadow:0 18px 50px rgba(37,0,62,0.14);transition:opacity .6s ease;opacity:0;} .preview-label{font-weight:700;color:#666;margin-bottom:6px;} .preview-credit{color:#777;} .jsi-locked{background:linear-gradient(180deg,#1b071f,#140418);color:#fff;border:1px solid rgba(255,198,0,0.08);} .locked-note{color:#ffd95a;} @media (prefers-color-scheme: dark) { .jsi-cover-art-box{background:linear-gradient(180deg,#12071b,#09020b);border:1px solid rgba(255,198,0,0.08);color:#fff;} .jsi-cover-art-box h4{color:#ffc600;} .jsi-cover-art-option{color:#ddd;} .jsi-generate-btn{background:linear-gradient(90deg,#ffc600,#ffd24d);color:#25003e;} .preview-label{color:#ddd;} }