.cover-workspace .c-layout{display:grid;gap:28px;grid-template-columns:minmax(0,1fr);padding-top:20px}@media (min-width:1024px){.cover-workspace .c-layout{align-items:start;gap:48px;grid-template-columns:440px minmax(0,1fr);padding-top:28px}}.cover-workspace .c-form{display:grid;gap:20px}.cover-workspace .c-form .t-h1 .t-serif{color:var(--live)}.cover-workspace .from-song{align-items:center;border:1px dashed var(--line-strong);border-radius:var(--r-lg);display:flex;gap:12px;padding:12px}.cover-workspace .from-song .cover{border-radius:calc(var(--r-sm) - 2px);flex:none;width:48px}.cover-workspace .styles{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.cover-workspace .sty{display:grid;gap:6px;text-align:left}.cover-workspace .sty .cover{border-radius:var(--r-cover);outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--d-quick),transform var(--d-base) var(--ease-spring)}.cover-workspace .sty:hover .cover{transform:translateY(-2px) rotate(-1deg)}.cover-workspace .sty[aria-checked=true] .cover{outline-color:var(--accent)}.cover-workspace .sty span{color:var(--text-2);font:600 12px/1.2 var(--font-ui)}.cover-workspace .sty[aria-checked=true] span{color:var(--text)}.cover-workspace .drop{border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);color:var(--text-2);cursor:pointer;display:grid;gap:6px;padding:18px;place-items:center;text-align:center;transition:border-color var(--d-quick),background-color var(--d-quick)}.cover-workspace .drop.over,.cover-workspace .drop:hover{background:var(--accent-soft);border-color:var(--accent)}.cover-workspace .drop img{border-radius:var(--r-sm);max-height:90px}.cover-workspace .two{display:grid;gap:12px;grid-template-columns:1fr 1fr}.cover-workspace .stage{display:grid;gap:18px;justify-items:center;position:relative}@media (min-width:1024px){.cover-workspace .stage{position:sticky;top:calc(var(--nav-h) + 20px)}}.cover-workspace .tilt{perspective:1200px;width:min(100%,520px)}.cover-workspace .tilt-in{border-radius:calc(var(--r-lg) - 2px);position:relative;transform-style:preserve-3d;transition:transform var(--d-slow) var(--ease-out)}.cover-workspace .tilt-in .cover{border-radius:calc(var(--r-lg) - 2px);box-shadow:var(--e-3),var(--e-artwork)}.cover-workspace .tilt-in .shine{background:radial-gradient(circle at var(--mx,50%) var(--my,30%),var(--media-shine),transparent 45%);border-radius:calc(var(--r-lg) - 2px);top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;pointer-events:none;position:absolute}.cover-workspace .overlay-text{color:var(--on-media);display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:7%;pointer-events:none;position:absolute;text-shadow:var(--e-2);z-index:3}.cover-workspace .overlay-text .a{font:500 14px/1 var(--font-mono);letter-spacing:.14em;opacity:.9;text-transform:uppercase}.cover-workspace .overlay-text .b{font:800 clamp(26px,4vw,44px)/1 var(--font-display);letter-spacing:-.04em;margin-top:8px}.cover-workspace .overlay-text.f-serif .b{font:400 clamp(34px,5vw,58px)/1 var(--font-serif);font-style:italic;letter-spacing:-.01em}.cover-workspace .overlay-text.f-mono .b{font:500 clamp(22px,3vw,34px)/1.1 var(--font-mono);letter-spacing:-.02em}.cover-workspace .developing .cover svg{animation:z calc(var(--d-story)*7) var(--ease-out) forwards}@keyframes z{0%{filter:blur(22px) sepia(1) brightness(.5) contrast(.6)}60%{filter:blur(6px) sepia(.5) brightness(.85)}to{filter:none}}.cover-workspace .dev-cap{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--media-scrim);border-radius:var(--r-pill);color:var(--on-media);display:flex;font:500 13px/1 var(--font-mono);gap:8px;left:50%;padding:10px 14px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4}.cover-workspace .stage-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.cover-workspace .hist{width:100%}.cover-workspace .hist-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:640px){.cover-workspace .hist-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.cover-workspace .hist-grid button{border-radius:var(--r-cover);position:relative}.cover-workspace .hist-grid button .cover{border-radius:var(--r-sm);outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--d-quick)}.cover-workspace .hist-grid button[aria-pressed=true] .cover{outline-color:var(--text)}.cover-workspace .hist-grid .st{bottom:6px;left:6px;position:absolute}.cover-workspace .pick{display:grid;gap:6px;max-height:52vh;overflow:auto}.cover-workspace .pick label{align-items:center;border-radius:var(--r-cover);cursor:pointer;display:grid;gap:12px;grid-template-columns:22px 48px 1fr auto;padding:8px 10px}.cover-workspace .pick label:hover{background:var(--surface-2)}.cover-workspace .pick input{accent-color:var(--accent);height:18px;width:18px}.cover-workspace .pick .cover{border-radius:calc(var(--r-sm) - 2px)}.cover-workspace{background:transparent;padding-bottom:var(--s-12)}.cover-workspace .cover-heading .t-eyebrow{margin:0}.cover-workspace .cover-heading .t-h1{margin-top:8px}.cover-workspace .stage{color:var(--text-2);font:500 13px/1.3 var(--font-mono)}.cover-workspace .stage>section{width:100%}.cover-workspace .c-form>form{display:contents}.cover-workspace .cover img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cover-workspace .sty{min-width:0}.cover-workspace .sty .cover{width:100%}.cover-workspace .sty:focus-visible{border-radius:var(--r-cover)}.cover-workspace .sty .cover{backface-visibility:hidden}.cover-workspace .field-label{margin:0}.cover-workspace .from-song .tile-ic{background:var(--surface-2);border-radius:var(--r-cover);display:grid;flex:none;height:48px;place-items:center;width:48px}.cover-workspace .from-song-copy{flex:1}.cover-workspace .cover-history-heading{align-items:center;display:flex;justify-content:space-between;margin:0 0 10px}.cover-workspace .cover-history-empty{color:var(--text-3);display:grid;min-height:360px;place-items:center;text-align:center}.cover-workspace .hist{margin-top:18px}.cover-workspace .cover-alert{background:var(--danger-soft);border-radius:var(--r-lg);color:var(--danger);padding:16px}.cover-workspace .image-preview{position:relative}.cover-workspace .image-preview img{height:90px;-o-object-fit:contain;object-fit:contain;width:100%}.cover-workspace .image-preview .icon-btn{background:var(--surface);position:absolute;right:0;top:0}.cover-workspace .failed-preview{background:var(--danger-soft);color:var(--danger);display:grid;place-items:center;text-align:center}.cover-workspace .failed-preview .ic{margin-inline:auto}.cover-workspace .failed-preview{border-radius:calc(var(--r-lg) - 2px);box-shadow:var(--e-3),var(--e-live);width:min(100%,520px)}.cover-workspace .cover-developing,.cover-workspace .failed-preview{margin-inline:auto;margin-bottom:18px}.cover-workspace .cover-developing{border-radius:calc(var(--r-lg) - 2px);box-shadow:var(--e-3),var(--e-live);position:relative;width:min(100%,520px)}.cover-workspace .failed-preview p:first-of-type{font-weight:600;margin:10px 0 0}.cover-workspace .failed-preview p:last-of-type{margin:4px 0 0;opacity:.8}@media (prefers-reduced-motion:reduce){.cover-workspace *,.cover-workspace :before{animation:none!important;transition:none!important}}.cover-workspace .cover-history-heading h2{color:var(--text-2)}.cover-workspace .cover-history-heading .t-mono{font-weight:500}.cover-workspace .cover-result-heading{display:grid;gap:var(--s-1);margin-bottom:var(--s-5)}.cover-workspace .cover-result-heading h2{color:var(--text);margin:0}.cover-workspace .cover-result-heading p{color:var(--text-3);margin:0}.cover-workspace .cover-submit .btn{width:100%}.mm-root.cover-workspace .two.reference-fields{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.cover-workspace .image-field{display:grid;gap:var(--s-2);min-width:0}.cover-workspace .image-label{align-items:center;display:flex;gap:var(--s-2);justify-content:space-between;min-height:44px}.cover-workspace .image-label span{min-width:0}.cover-workspace .image-label .icon-btn{flex:0 0 44px}.cover-workspace .reference-fields .drop{min-height:112px;width:100%}@media (max-width:599px){.mm-root.cover-workspace .two.reference-fields{gap:var(--s-5);grid-template-columns:minmax(0,1fr)}.cover-workspace .reference-fields .drop{display:flex;gap:var(--s-3);justify-content:center;padding:var(--s-4)}.cover-workspace .reference-fields .drop .ic{flex:none}}