[data-preview-workspace].preview-ready{min-width:0}
.preview-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 0;font:13px/1.4 system-ui,sans-serif;color:#243c34}
.preview-controls button,.preview-controls select,.preview-controls a{font:inherit;color:#243c34;border:1px solid #bccbbd;border-radius:8px;padding:.5rem .65rem;background:#fff;text-decoration:none;cursor:pointer}
.preview-controls label{display:flex;align-items:center;gap:.4rem;margin:0;font:inherit}.preview-controls input{width:110px;padding:0;min-height:24px}.preview-controls output{font-size:12px}.preview-controls [data-expand]{background:#175c55;color:white}.preview-controls :focus-visible{outline:3px solid #a06535;outline-offset:2px}
[data-preview-workspace] [data-preview-stage]{display:flex;justify-content:center;min-width:0;padding:8px;margin:0;border-radius:8px;background:#e4e9df;overflow:hidden}
[data-preview-workspace].preview-ready [data-preview-stage] iframe{height:clamp(320px,65dvh,900px)!important;max-width:100%;flex:none;border:1px solid #bfcabb;border-radius:4px;transition:none;background:white}
[data-preview-workspace].preview-expanded{position:fixed!important;inset:0!important;z-index:10000!important;margin:0!important;max-width:none!important;width:auto!important;height:100dvh!important;border:0!important;border-radius:0!important;padding:.6rem!important;box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;background:#fbfcf6!important}
[data-preview-workspace].preview-expanded [data-preview-stage]{flex:1;min-height:0}
[data-preview-workspace].preview-expanded [data-preview-stage] iframe{height:100%!important}
[data-preview-workspace].preview-expanded .palette-row,[data-preview-workspace].preview-expanded .page-choice{margin:.2rem 0;gap:.4rem}
[data-preview-workspace].preview-expanded>.hint,[data-preview-workspace].preview-expanded>#contrast,[data-preview-workspace].preview-expanded>#share-status{display:none}
[data-preview-workspace].preview-expanded .toolbar h2{font-size:1rem;width:auto}.preview-expanded .toolbar{gap:.4rem}.preview-expanded .toolbar select{max-width:45vw}
@media(max-width:600px){.preview-controls{font-size:12px;gap:.35rem}.preview-controls .preview-resize{display:none}.preview-controls a{margin-left:auto}.preview-expanded .chip{font-size:12px;padding:.3rem .45rem}.preview-expanded .page-choice{font-size:12px}.preview-expanded .page-choice select{padding:.35rem}.preview-expanded .page-choice a{display:none}.preview-expanded .toolbar .share{display:none}.preview-expanded .preview-controls [data-reset]{display:none}}
.preview-controls label{flex:none;white-space:nowrap}.preview-controls select{width:auto;min-width:0}.preview-controls input[type=range]{width:110px;max-width:110px}