.portfolio-workspace-page{width:94%;max-width:1800px;padding-block:40px 70px}.preview-back{color:#acc9e8;margin-bottom:25px;font-size:.85rem;display:inline-block}.portfolio-workspace-page h1{margin:10px 0 20px;font-size:clamp(2rem,4vw,3.4rem)}.portfolio-workspace-page .lead{font-size:1rem}.demo-workspace{margin-top:30px}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 18px;display:flex}.preview-toolbar p{color:#b8c9dd;font-size:.75rem}.preview-toolbar>div{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.preview-toolbar button,.preview-toolbar a{color:#d6e5f5;background:0 0;border:0;border-bottom:1px solid #52647b;align-items:center;min-height:44px;padding:0;font-size:.75rem;display:inline-flex}.preview-stage{grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.preview-desktop,.preview-mobile{min-width:0}.preview-frame{background:#101b2b;position:relative}.preview-frame iframe{background:#101b2b;border:0;width:100%;height:760px;display:block}.preview-desktop .preview-frame{border:1px solid #3c4b60;border-radius:5px;overflow:hidden}.preview-state{text-align:center;color:#c4d6e9;background:#101b2b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:.85rem;display:flex;position:absolute;inset:0}.preview-state a{align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.phone-shell{background:#05080c;border:1px solid #4d5a6d;border-radius:32px;width:100%;max-width:390px;margin-inline:auto;padding:7px;overflow:hidden;box-shadow:0 12px 25px #0004}.phone-status{color:#edf4ff;justify-content:space-between;padding:8px 20px;font-size:11px;line-height:20px;display:flex}.phone-viewport{border-radius:5px 5px 23px 23px;overflow:hidden}.phone-viewport iframe{height:690px}.phone-home{background:#e0e6ef;border-radius:4px;width:32%;height:4px;margin:10px auto 3px}@media (max-width:1279px){.preview-stage{grid-template-columns:1fr;gap:28px}.preview-mobile{width:100%;max-width:390px;margin-inline:auto}.preview-desktop iframe{height:650px}}@media (max-width:600px){.preview-desktop iframe{height:600px}.phone-viewport iframe{height:620px}.portfolio-workspace-page{width:92%}.preview-toolbar{gap:8px}}