:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;margin:0}.studio-shell{min-height:100vh;background:radial-gradient(ellipse at 13% 0%,rgba(76,94,195,.09),transparent 34rem),#f4f6fa}.studio-container{padding-top:28px;padding-bottom:24px}.studio-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:48px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#5266ce,#293982);color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em;box-shadow:0 8px 18px #3548a533}.brand-eyebrow,.section-eyebrow,.studio-shell-workspace .brand-eyebrow,.workspace-card .section-eyebrow{margin:0;color:#67708a;font-size:10px;font-weight:750;letter-spacing:.14em}.brand-title{font-weight:760!important;letter-spacing:-.035em!important}.login-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.78fr);align-items:center;gap:clamp(36px,8vw,112px);min-height:min(650px,calc(100vh - 180px));padding:0 clamp(12px,5vw,72px)}.intro-panel{max-width:580px}.intro-title{margin-top:18px!important;font-size:clamp(42px,5vw,66px)!important;line-height:1.05!important}.intro-copy{max-width:440px;margin-top:22px!important;font-size:17px!important;line-height:1.7!important}.intro-rule{width:50px;height:3px;margin:34px 0 16px;border-radius:99px;background:#475bb7}.login-card,.workspace-card{padding:clamp(24px,4vw,42px);border:1px solid #e5e8f0;box-shadow:0 24px 70px #1f2a5214!important}.login-card{width:100%;max-width:460px;justify-self:end}.login-title{margin-top:10px!important;letter-spacing:-.04em!important}.login-button{min-height:50px;margin-top:6px!important}.security-note{line-height:1.6!important}.studio-footer{display:flex;justify-content:space-between;gap:16px;padding:36px 12px 0;color:#727b91}.workspace-card{min-height:370px;padding:20px}.studio-shell-workspace .studio-container{padding-top:16px;padding-bottom:16px}.studio-shell-workspace .studio-header{margin-bottom:16px}.studio-shell-workspace .studio-footer{padding-top:16px}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px}.workspace-management{min-width:0}.workspace-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workspace-topline>.MuiButton-root{flex-shrink:0}.welcome-title{margin-top:4px!important}.workspace-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px;border:1px solid #e8ebf3;border-radius:12px;background:#fafbfe}.workspace-identity{grid-column:1 / -1;min-width:0}.sync-status{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.profile-mark{display:grid;flex-shrink:0;width:28px;height:28px;place-items:center;border-radius:10px;background:#edf0fb;color:#3548a5;font-weight:700}.phone-mark{flex-shrink:0;width:16px;height:26px;margin:0 6px;border:2px solid #67708a;border-bottom-width:5px;border-radius:5px}.desktop-mark{flex-shrink:0;width:26px;height:20px;margin:0 1px 6px;border:2px solid #67708a;border-radius:3px;position:relative}.desktop-mark:after{content:"";position:absolute;width:12px;height:4px;left:5px;bottom:-7px;border-bottom:2px solid #67708a;border-left:2px solid #67708a}.workspace-empty{padding:16px 12px;border:1px dashed #dce1ed;border-radius:10px;background:#fafbfe;text-align:center}.phone-summary{padding:10px 12px;border-radius:10px;background:#f4f6fa}.device-detail-grid{display:grid;grid-template-columns:minmax(176px,1fr) minmax(0,390px);align-items:start;gap:16px}.device-detail-desktop{grid-template-columns:minmax(0,1fr)}.device-preview{min-width:0}.pairing-result{padding:8px 10px;border:1px solid #dce1ed;border-radius:10px;background:#fafbfe}.pairing-code{font-family:ui-monospace,monospace!important;font-size:24px!important;font-weight:650!important;letter-spacing:.06em!important;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all}.preview-status{display:flex;align-items:center;gap:10px;min-height:40px}.preview-status .MuiCircularProgress-root{flex-shrink:0}.preview-frame{width:100%;max-width:390px;margin-inline:auto;overflow:hidden;border:6px solid #273149;border-radius:30px;background:#f4f6fa;box-shadow:0 16px 32px #1f2a5229}.preview-frame iframe{display:block;width:100%;height:clamp(420px,calc(100dvh - 360px),640px);border:0}@media(min-width:1200px){.workspace-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media(max-width:820px){.studio-header{margin-bottom:28px}.login-layout{grid-template-columns:1fr;gap:32px;min-height:unset;padding:16px 0}.intro-title{font-size:clamp(38px,9vw,54px)!important}.login-card{justify-self:stretch;max-width:none}}@media(max-width:640px){.workspace-grid,.device-detail-grid{grid-template-columns:minmax(0,1fr)}.workspace-card{padding:12px}}@media(max-width:480px){.studio-container{padding-top:18px}.studio-footer{align-items:flex-start;flex-direction:column;padding-top:24px}.workspace-topline{align-items:stretch;flex-direction:column}}.desktop-preview-frame{width:100%;overflow:hidden;border:1px solid #cbd3e0;border-radius:12px}.desktop-preview-frame iframe{display:block;width:100%;height:560px;border:0}.contact-fields{min-width:0;margin:0;padding:0;border:0}.contact-photo-preview{display:block;width:96px;height:96px;margin:8px 0;border-radius:50%;object-fit:cover}@media(min-width:1200px){.workspace-layout.workspace-list-page{grid-template-columns:minmax(0,1fr)}}.workspace-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
