.page-size-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:12px 19px;background:#f8f9f3;border-bottom:1px solid var(--line)}
.page-size-bar label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:600;min-width:0;flex:1}
.page-size-bar label[for=page-size]{flex:2;min-width:min(215px,100%)}
.page-size-bar select{min-height:40px;max-width:100%;width:100%;padding:8px;border:1px solid #cdd2c5;border-radius:6px;background:var(--white);color:var(--ink);font-size:.875rem;font-weight:400}
.page-size-bar select:disabled{background:#edf0e7;color:#656e5d}
.page-resolution{font-size:.75rem;color:#5d6f53;align-self:center;white-space:nowrap}
.canvas-footer{flex-wrap:wrap}.page-size-caption{font-size:.8125rem;line-height:1.5;color:#56634e;min-width:0}
.page-export-size{font-size:.875rem;line-height:1.8;margin:12px 0;color:#38523c}
.canvas-wrap.landscape{width:min(100%,580px);max-width:580px}
.preview-art svg{max-height:65vh;object-fit:contain}
@media(max-width:640px){.page-size-bar{padding:12px 17px;gap:10px}.page-size-bar label[for=page-size]{flex:1 1 100%}.page-size-bar label[for=page-orientation]{flex:1}.page-size-bar select{font-size:1rem}.page-resolution{margin-left:auto}.canvas-wrap.landscape{width:100%}.page-size-caption{font-size:.8125rem;max-width:100%}}