.card-workspace #back{margin:0;font-size:14px}
.card-workspace .bar{justify-content:flex-start;gap:14px}
.card-workspace .bar h1{font-size:clamp(21px,2.4vw,34px);letter-spacing:-.04em}
.card-workspace .bar>div{margin-left:auto}
.card-workspace:has(#editor:not([hidden])){height:100vh;height:100dvh;display:flex;flex-direction:column}
.card-workspace:has(#editor:not([hidden])) main{flex:1;min-height:0;width:100%;max-width:none;display:flex;padding:12px clamp(12px,2vw,32px)}
.card-workspace #editor{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.card-workspace .workspace{flex:1;min-height:0;align-items:stretch}
.card-workspace #stage{min-width:0;min-height:0;overflow:hidden}
.card-workspace #stage>svg{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.card-workspace .workspace aside{min-width:0;overflow:auto;align-content:start;overscroll-behavior:contain}
.card-workspace .sides{margin:0 0 8px}
@media(max-width:700px){
 .card-workspace .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.3fr) minmax(0,1fr);gap:8px}
 .card-workspace .bar{gap:5px 12px;margin-bottom:6px}
 .card-workspace .bar>div{width:100%;margin:0;gap:4px}
 .card-workspace .bar button{padding:5px 8px}
}

.card-workspace #stage{container-type:size}
.card-workspace #stage>svg{width:auto;height:auto;aspect-ratio:var(--page-ratio);width:min(100cqw,calc(100cqh * var(--page-ratio)))}
.card-workspace{--page-ratio:0.7142857}
.card-workspace:has(.sides){--page-ratio:1.75}

.poster-workspace{--page-ratio:0.75}