.phone-preview-trigger{display:inline-flex;align-items:center;gap:8px;color:inherit;border:1px solid #7595c7;border-radius:8px;background:#ffffff0e;padding:8px 10px;min-height:44px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}.phone-preview-trigger:focus-visible{outline:2px solid #a8c8ff;outline-offset:3px}.phone-preview-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.phone-preview-dialog .MuiButton-root{min-height:44px;font-size:16px}.phone-preview-content{display:flex;flex-direction:column;min-height:0}.phone-preview-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:6px 0 16px}.phone-preview-controls>span{font-size:16px}.phone-preview-space{height:calc(100dvh - 230px);min-height:240px;display:flex;align-items:center;justify-content:center;background:#0a1320;border-radius:16px;overflow:hidden}.phone-preview-footprint{flex:0 0 auto;position:relative}.phone-preview-original{overflow:auto;display:block}.phone-preview-original .phone-preview-footprint{margin:0 auto}.phone-preview-device{box-sizing:content-box;transform-origin:top left;border:8px solid #28364a;border-radius:26px;overflow:hidden;background:#0d1829}.phone-preview-device iframe{border:0;display:block;max-width:none}@media(max-width:1250px){.phone-preview-trigger>span{display:none}}@media(max-width:800px){.phone-preview-trigger{display:none}}