.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)}}