.sound-cover-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,270px);gap:20px;align-items:start;min-width:0}.sound-cover-editor>.sound-cover-controls{min-width:0}.sound-cover-preview.card-preview-panel{align-self:start;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;top:20px}.sound-cover-preview>.card-live-title,.sound-cover-preview>.card-live-stats{display:none}.sound-cover-frame.card-live-frame{grid-column:1;grid-row:auto;aspect-ratio:1;width:min(100%,240px,max(120px,calc(100dvh - 230px)));max-width:100%;overflow:visible}.sound-cover-frame.card-live-frame>canvas{left:7.5%;top:12.5%;width:75%;height:67.5%;clip-path:polygon(10% 0,90% 0,90% 3.703703704%,93.333333333% 3.703703704%,93.333333333% 7.407407407%,96.666666667% 7.407407407%,96.666666667% 11.111111111%,100% 11.111111111%,100% 96.296296296%,96.666666667% 96.296296296%,96.666666667% 100%,3.333333333% 100%,3.333333333% 96.296296296%,0 96.296296296%,0 11.111111111%,3.333333333% 11.111111111%,3.333333333% 7.407407407%,6.666666667% 7.407407407%,6.666666667% 3.703703704%,10% 3.703703704%)}.sound-cover-frame.card-live-frame>.card-live-frame-image{image-rendering:pixelated}.sound-cover-controls>.sound-cover-frame-field{margin:0}.sound-cover-controls .card-transform-fields{min-width:0}.sound-cover-controls .card-source-actions>.btn{flex:0 1 auto}.sound-cover-controls [name=soundCover_frame]{min-width:0;width:100%}
@media(max-width:760px){.sound-cover-editor{grid-template-columns:minmax(0,1fr) minmax(120px,180px);gap:14px}.sound-cover-preview.card-preview-panel{position:sticky;top:8px;order:0;padding:10px;gap:8px}.sound-cover-preview>h3{grid-column:1;grid-row:auto;justify-self:center;font-size:11px}.sound-cover-frame.card-live-frame{width:min(100%,180px,max(90px,calc(100dvh - 200px)))}.sound-cover-controls .card-transform-fields{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.sound-cover-editor{grid-template-columns:minmax(0,1fr)}.sound-cover-preview.card-preview-panel{order:-1;position:static;display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:10px 16px;justify-items:start;align-items:center}.sound-cover-preview>h3{grid-column:2;grid-row:1;justify-self:start}.sound-cover-frame.card-live-frame{grid-column:1;grid-row:1;width:min(100%,130px)}.sound-cover-controls .card-transform-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-cover-controls .card-source-actions>.btn{flex:1}}
@media(max-width:760px) and (max-height:540px){.sound-cover-preview.card-preview-panel{position:static}}
.sound-cover-existing{display:block;width:min(100%,240px);aspect-ratio:1;object-fit:contain;image-rendering:pixelated}.sound-cover-existing[hidden],.sound-cover-frame[hidden]{display:none}
.author-identity.sound-identity>.author-identity-fields{grid-column:1/-1}
/* Developed by Flexxi */
