.cover-editor{--cover-yellow:#f5ff00;padding-bottom:70px}.cover-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:start;gap:48px;display:grid}.cover-preview-boundary{align-self:stretch;min-width:0}.cover-preview-column{min-width:0}@media (min-width:900px) and (min-height:1000px){.cover-preview-column{position:sticky;top:100px}}.cover-upload{cursor:pointer;position:relative;overflow:hidden}.cover-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.cover-upload:focus-within{outline:2px solid var(--accent);outline-offset:4px}.cover-note{color:var(--muted);margin:12px 0;font-size:13px;line-height:1.6}.cover-stage{border:1px solid var(--line);background:#191a1e;border-radius:14px;justify-content:center;align-items:center;min-height:280px;padding:16px;display:flex}.cover-stage canvas{border-radius:5px;width:auto;max-width:100%;height:auto;max-height:560px;display:block}.cover-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cover-playback{align-items:center;gap:12px;margin-top:14px;display:flex}.cover-playback label{min-width:0;color:var(--muted);flex:1;font-size:12px}.cover-playback input,.cover-range input{width:100%;accent-color:var(--accent);min-height:44px;display:block}.cover-playback output{font-variant-numeric:tabular-nums;font-size:12px}.cover-downloads{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.cover-status{min-height:24px;font-size:14px}.cover-editor progress{width:100%;accent-color:var(--accent);margin-top:16px}.cover-controls{border:1px solid var(--line);border-radius:14px;gap:20px;min-width:0;padding:26px;display:grid}.cover-controls h2{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.cover-controls .field{gap:8px;margin:0;display:grid}.cover-controls .field textarea{resize:vertical;font-size:18px;font-weight:700}.cover-controls:disabled,.cover-variations:disabled{opacity:.65}.cover-editor button:disabled{opacity:.5;cursor:not-allowed}.cover-palettes{flex-wrap:wrap;gap:12px;display:flex}.cover-palettes button{border:1px solid var(--line);border-radius:8px;gap:0;min-height:44px;padding:6px;display:flex}.cover-palettes button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.cover-palettes i{width:22px;height:28px}.cover-palettes i:first-child{border-radius:4px 0 0 4px}.cover-palettes i:last-child{border-radius:0 4px 4px 0}.cover-colours{gap:16px;display:flex}.cover-colours label{color:var(--muted);flex:1;gap:7px;font-size:12px;display:grid}.cover-colours input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:100%;height:42px}.cover-range{font-size:14px}.cover-range output{float:right;color:var(--muted);font-variant-numeric:tabular-nums}.cover-duration{gap:8px;font-size:14px;display:grid}.cover-duration select,.cover-duration input{background:var(--surface);min-width:0;color:var(--foreground);border:1px solid var(--line);border-radius:6px;min-height:44px;padding:10px}.cover-toggle{gap:8px;margin-top:14px;display:flex}.cover-toggle button{border:1px solid var(--line);border-radius:7px;flex:1;min-height:44px;padding:10px;font-size:13px}.cover-toggle button[aria-pressed=true]{border-color:var(--accent);background:#e8947f1f}.cover-cutout{gap:10px;font-size:13px;display:grid}.cover-cutout input{width:100%;min-width:0;font-size:12px}.cover-variations{border:0;grid-column:1/-1;min-width:0;margin:0;padding:0}.cover-background-swatches{flex-wrap:wrap;gap:10px;display:flex}.cover-background-swatches button{border:2px solid var(--line);border-radius:50%;width:44px;height:44px}.cover-background-swatches button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:3px}.cover-stage[data-background=transparent] canvas{background-color:#ddd;background-image:conic-gradient(#bbb 25%, transparent 0 50%, #bbb 0 75%, transparent 0);background-size:20px 20px}.cover-variations legend{margin-bottom:24px;font-size:22px;font-weight:700}.cover-variations legend span{color:var(--muted);margin-left:10px;font-size:14px}.cover-style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.cover-style{border:1px solid var(--line);text-align:left;background:var(--surface);border-radius:9px;min-width:0;padding:7px;display:block}.cover-style[aria-pressed=true]{border-color:var(--cover-yellow);box-shadow:0 0 0 1px var(--cover-yellow)}.cover-style canvas{border-radius:4px;width:100%;height:auto;display:block}.cover-style>span{align-items:center;gap:8px;padding:12px 3px 6px;font-size:13px;line-height:1.3;display:flex}.cover-style small{color:var(--muted);font-size:11px}@media (max-width:899px){.cover-workspace{grid-template-columns:1fr;gap:28px}.cover-preview-column{position:static}.cover-controls{padding:20px}.cover-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-stage canvas{max-height:480px}.cover-downloads .btn{flex:100%}}.cover-layer-check{align-items:center;gap:9px;min-height:44px;margin-top:12px;font-size:13px;line-height:1.5;display:flex}.cover-layer-check input{width:18px;height:18px;accent-color:var(--accent)}.cover-background-colours{gap:12px;display:grid}.cover-background-image .cover-note{overflow-wrap:anywhere}