.studio-project-preview{border:1px solid var(--studio-line);color:#343844;border-radius:0;overflow:hidden}.studio-preview-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.studio-preview-toolbar>span{font:11px var(--font-geist-mono),monospace;letter-spacing:.05em;align-items:center;gap:7px;display:flex}.studio-preview-toolbar a{align-items:center;gap:8px;min-height:28px;font-size:12px;display:inline-flex}.studio-preview-toolbar a:hover{text-decoration:underline}.studio-preview-browser{background:#fff;border-radius:0;margin:0 20px;overflow:hidden;box-shadow:0 12px 32px #20203020}.studio-preview-address{color:#6b6e79;height:31px;font:11px var(--font-geist-mono),monospace;background:#f7f7f9;border-bottom:1px solid #e4e4e9;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.studio-preview-address>span:first-child{letter-spacing:2px;color:#bec0c9;font-size:9px}.studio-preview-viewport{aspect-ratio:1.5;isolation:isolate;background:#fff;width:100%;position:relative;overflow:hidden}.studio-preview-viewport>.studio-project-screenshot{object-fit:cover;object-position:top}.studio-preview-frame{width:1440px;max-width:none;transform:scale(var(--preview-scale));transform-origin:0 0;visibility:hidden;background:#fff;border:0;position:absolute;top:0;left:0}.studio-preview-frame.is-visible{visibility:visible}.studio-preview-loading{color:#343844;text-align:center;background:#f8f9fcdb;place-content:center;padding:25px;font-size:13px;line-height:1.8;display:grid;position:absolute;inset:0}.studio-preview-controls{justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;display:flex}.studio-preview-controls button{cursor:pointer;align-items:center;gap:7px;min-height:40px;padding:9px 0;font-size:12px;display:flex}.studio-preview-controls button:hover,.studio-preview-controls button[aria-pressed=true]{color:#5440b5}.studio-preview-controls svg{width:13px;height:13px}@media (max-width:599px){.studio-preview-toolbar{padding:10px 12px}.studio-preview-toolbar>span{font-size:9px}.studio-preview-toolbar a{min-height:34px;font-size:11px}.studio-preview-browser{margin-inline:12px}.studio-preview-address{height:27px;padding-inline:9px;font-size:9px}.studio-preview-controls{padding:5px 12px}.studio-preview-controls button{min-height:44px;font-size:11px}}