.project-workspace.workspace-preview{inset-inline:0;top:var(--app-viewport-top,0px);height:var(--app-viewport-height,100dvh);min-height:0;position:fixed;overflow:hidden}.workspace-preview .workspace-sidebar,.workspace-preview .workspace-body{height:100%;min-height:0}.workspace-preview .workspace-body{overflow:hidden}.workspace-preview .workspace-header{flex-shrink:0}.workspace-preview .workspace-content{min-height:0;display:flex;overflow:hidden}.workspace-preview .workspace-content>.service-page{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:10px 16px 12px;display:flex;overflow:hidden}.project-preview-page{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;display:flex}.project-preview-toolbar{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.project-preview-page .project-preview-toolbar h2{min-width:0;font-family:var(--font-display), serif;margin:0;font-size:clamp(20px,2.1vw,28px);font-weight:400;line-height:1.2}.project-preview-controls{flex:none;align-items:center;gap:6px;display:flex}.project-preview-controls .service-button{white-space:nowrap;gap:7px;min-width:44px;min-height:44px;padding:9px 12px}.project-preview-controls .service-button[aria-pressed=true]{color:#fffaf8;background:#29211f;border-color:#29211f}.project-preview-controls .service-button:focus-visible{outline-offset:2px;outline:2px solid #865867}.project-preview-page>.service-error{flex:none;margin:0}.project-preview-stage{flex:1;justify-content:center;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-preview .workspace-preview-frame{flex:1;width:100%;min-width:0;height:100%;min-height:0;max-height:100%}.workspace-preview .workspace-preview-frame.phone{flex:0 390px;width:min(390px,100%);max-width:100%;height:100%;min-height:0;max-height:100%;margin:0 auto}@media (width<=700px){.workspace-preview .workspace-content>.service-page{padding:8px 10px 10px}.project-preview-toolbar{flex-wrap:wrap;gap:8px}.project-preview-page .project-preview-toolbar h2{font-size:19px}.project-preview-controls{gap:4px;margin-left:auto}.project-preview-controls .service-button{width:44px;padding:0}.project-preview-controls .preview-control-label{display:none}}.project-preview-stage>.device-preview-desktop{border:1px solid #e6d5d1;border-radius:12px;overflow:hidden}.project-preview-fullscreen{z-index:80;background:#f5efed;gap:0;width:100%;height:100dvh;margin:0;padding:0;position:fixed;inset:0}.project-preview-fullscreen>.project-preview-toolbar{display:none}.project-preview-fullscreen .project-preview-stage>.device-preview{border:0;border-radius:0}.preview-exit-fullscreen{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:20;color:#211b19;cursor:pointer;background:#fffaf8;border:1px solid #e6d5d1;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:14px;display:inline-flex;position:absolute}.preview-exit-fullscreen:focus-visible{outline-offset:2px;outline:2px solid #865867}