.preview-paper.preview-with-actions,.preview-paper[data-preview-device]{gap:var(--space-3);flex-direction:column;display:flex}.preview-canvas-controls{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.preview-canvas-leading{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.preview-canvas-actions{flex:none;margin-inline-start:auto}.preview-document[data-device]{width:100%;box-shadow:0 8px 32px var(--color-backdrop-soft);margin-inline:auto}.preview-document[data-device=desktop]{border-radius:var(--control-radius);flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-document[data-device=desktop]>.app-preview-frame{flex:1;height:auto;min-height:640px}.preview-browser-bar{min-height:40px;padding:var(--space-2) var(--space-4);background:var(--color-subtle);border-bottom:1px solid var(--color-line-subtle);color:var(--color-muted);font-size:var(--text-xs);justify-content:center;align-items:center;display:flex;position:relative}.preview-browser-dots{left:var(--space-4);gap:6px;display:flex;position:absolute}.preview-browser-dots>span{background:#ff5f57;border-radius:50%;width:8px;height:8px}.preview-browser-dots>span:nth-child(2){background:#febc2e}.preview-browser-dots>span:nth-child(3){background:#28c840}.preview-document[data-device=mobile]{border:7px solid var(--palette-neutral-900);max-width:406px;box-shadow:0 0 0 1px var(--palette-neutral-500), 0 8px 32px var(--color-backdrop-soft);border-radius:44px;overflow:hidden}.preview-phone-status{height:44px;padding-inline:var(--space-4);color:var(--color-ink);font-size:var(--text-xs);justify-content:space-between;align-items:center;font-weight:650;display:flex;position:relative}.preview-phone-island{background:var(--palette-neutral-900);filter:brightness(.35);border-radius:20px;width:96px;height:26px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.preview-phone-icons{align-items:center;gap:6px;display:flex}.preview-phone-signal{align-items:end;gap:2px;height:12px;display:flex}.preview-phone-signal>i{background:currentColor;border-radius:1px;width:3px;height:25%}.preview-phone-signal>i:nth-child(2){height:50%}.preview-phone-signal>i:nth-child(3){height:75%}.preview-phone-signal>i:nth-child(4){height:100%}.preview-phone-battery{background:currentColor padding-box content-box;border:1px solid;border-radius:3px;width:21px;height:11px;padding:2px}.preview-phone-home{justify-content:center;align-items:center;height:24px;display:flex}.preview-phone-home>span{background:var(--color-ink);border-radius:4px;width:104px;height:4px}.app-preview-frame{background:var(--color-canvas);border:0;width:100%;height:640px;display:block}.preview-view{height:100%;min-height:0;padding:var(--space-4);flex:1;overflow:auto}.preview-view>.preview-document{flex-direction:column;flex:1;min-height:240px;display:flex}.preview-view>.preview-document[data-device=mobile]{flex:none;height:min(800px,100%)}.preview-browser-content{flex:1;min-height:0;display:flex;position:relative}.preview-browser-content>.app-preview-frame{flex:1;height:100%;min-height:0}.preview-browser-loading{inset:var(--space-4) auto auto var(--space-4);position:absolute}.preview-browser-title{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 100px);overflow:hidden}.preview-phone-status,.preview-phone-home,.preview-browser-bar{flex:none}.preview-document[data-device=mobile]>.app-preview-frame{height:680px}@media (width<=760px){.preview-paper[data-preview-device]{padding:var(--space-2)}}.public-output-preview{background:var(--color-canvas);flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden;container-type:inline-size}.public-output-preview-content>:is(.public-form-shell,.shared-view-shell){min-height:100%}.public-output-preview-content{flex:1;min-width:0;min-height:0;overflow:auto}.public-gallery{background:var(--color-canvas);min-height:100svh;color:var(--color-ink)}.public-header{width:100%;max-width:1080px;padding:var(--space-5) var(--page-gutter);margin-inline:auto}.public-form-shell .public-form-page{padding-top:clamp(var(--space-6), 8vh, var(--space-12))}.public-form-preview{padding:var(--space-5);background:var(--color-canvas);border-radius:var(--radius-sm);margin-bottom:var(--space-5)}.public-attribution{padding:var(--space-6) var(--space-4);color:var(--color-muted);font-size:var(--text-sm);justify-content:center;display:flex}.public-attribution a{align-items:center;gap:var(--space-2);color:inherit;text-decoration:none;display:inline-flex}.public-attribution a:hover{color:var(--color-ink)}.publication-snapshot{max-width:52rem;padding:var(--space-6);margin:auto}.publication-snapshot article{margin-block:var(--space-8)}.shared-view-content[data-public-width=reading],.shared-view-heading[data-public-width=reading]{width:100%;max-width:52rem;margin-inline:auto}