:root{--fm-bg:#f6f7fb;--fm-card:#fff;--fm-text:#101828;--fm-muted:#667085;--fm-line:#e7e9f0;--fm-primary:#2736d8;--fm-primary2:#5664f5;--fm-dark:#121a36;--fm-sidebar:#0d1d4f;--fm-sidebar2:#111f66;--fm-shadow:0 20px 55px rgba(27,39,94,.08);--fm-radius:20px}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Manrope,Inter,Arial,sans-serif;color:var(--fm-text);background:var(--fm-bg);-webkit-font-smoothing:antialiased}.fm-icon{display:inline-block;vertical-align:middle;flex:0 0 auto}.fm-app-body{min-height:100vh}.fm-shell{min-height:100vh}.fm-sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,var(--fm-sidebar),#08153f 72%,#070f2d);color:#dbe2ff;padding:24px 18px 18px;display:flex;flex-direction:column;z-index:50;box-shadow:16px 0 55px rgba(8,21,63,.12)}.fm-brand{display:flex;align-items:center;gap:11px;padding:0 10px 24px}.fm-logo-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#ff5c9b,#ff7e64);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(255,93,142,.28)}.fm-brand strong,.fm-login-brand strong{display:block;color:#fff;font-size:16px;letter-spacing:-.02em}.fm-brand span,.fm-login-brand span{display:block;color:#94a4df;font-size:10px;margin-top:2px;letter-spacing:.08em;text-transform:uppercase}.fm-nav{display:flex;flex-direction:column;gap:5px;overflow:auto}.fm-nav-label{font-size:10px;font-weight:800;letter-spacing:.13em;color:#7384c4;padding:22px 12px 8px}.fm-nav-item{display:flex;align-items:center;gap:12px;color:#cbd4fa;text-decoration:none;padding:11px 12px;border-radius:12px;font-size:13px;font-weight:650;transition:.18s ease}.fm-nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.fm-nav-item.active{background:linear-gradient(90deg,rgba(86,100,245,.32),rgba(86,100,245,.12));color:#fff;box-shadow:inset 3px 0 0 #8b95ff}.fm-sidebar-user{margin-top:auto;padding:15px 10px 3px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:10px}.fm-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#7e8cff,#bac2ff);display:grid;place-items:center;color:#10183d;font-weight:800;font-size:13px}.fm-avatar.small{width:32px;height:32px;border-radius:10px}.fm-avatar.xl{width:70px;height:70px;border-radius:22px;font-size:24px}.fm-user-meta{min-width:0;flex:1}.fm-user-meta strong{display:block;font-size:12px;color:#fff}.fm-user-meta span{display:block;font-size:9px;color:#93a1d5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-sidebar-user>a{color:#aeb9e6}.fm-main{margin-left:270px;min-height:100vh}.fm-topbar{height:70px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--fm-line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:35}.fm-search{display:flex;align-items:center;gap:8px;color:#9299aa;font-size:12px}.fm-top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.fm-live-dot{width:8px;height:8px;border-radius:50%;background:#24be7b;box-shadow:0 0 0 4px rgba(36,190,123,.1)}.fm-top-label{font-size:11px;color:#7b8191;font-weight:700}.fm-content{padding:34px;max-width:1600px;margin:0 auto}.fm-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.fm-page-head h1{font-size:30px;letter-spacing:-.04em;margin:3px 0 7px;line-height:1.1}.fm-page-head p{margin:0;color:var(--fm-muted);font-size:13px;line-height:1.65}.fm-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#5260e5}.fm-back{font-size:12px;color:#667085;text-decoration:none;display:inline-block;margin-bottom:12px}.fm-card{background:var(--fm-card);border:1px solid var(--fm-line);border-radius:var(--fm-radius);padding:24px;box-shadow:0 8px 30px rgba(31,42,94,.035)}.fm-card h2{font-size:16px;margin:0 0 6px;letter-spacing:-.02em}.fm-card>p,.fm-card-head p{font-size:11px;color:var(--fm-muted);margin:0}.fm-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.fm-card-head a{color:#4c5ae5;text-decoration:none;font-size:11px;font-weight:700}.fm-btn{appearance:none;border:0;border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 12px Manrope,Inter,sans-serif;cursor:pointer;text-decoration:none;transition:.18s ease;white-space:nowrap}.fm-btn:hover{transform:translateY(-1px)}.fm-btn-primary{background:linear-gradient(135deg,var(--fm-primary),var(--fm-primary2));color:#fff;box-shadow:0 10px 24px rgba(39,54,216,.2)}.fm-btn-soft{background:#f1f3f8;color:#28314b}.fm-btn-dark{background:#172033;color:#fff}.fm-btn-danger{background:#fff0f2;color:#d33a52}.fm-btn-full{width:100%;height:46px}.fm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.fm-metrics.fm-six{grid-template-columns:repeat(6,minmax(0,1fr))}.fm-metric{background:#fff;border:1px solid var(--fm-line);border-radius:18px;padding:18px;min-width:0;box-shadow:0 7px 24px rgba(29,39,89,.03)}.fm-metric-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px}.fm-metric-icon.pink{background:#ffe9f2;color:#db4c86}.fm-metric-icon.amber{background:#fff2d2;color:#d59517}.fm-metric-icon.green{background:#dcf9ed;color:#159c68}.fm-metric-icon.blue{background:#dff2ff;color:#2687c5}.fm-metric-icon.red{background:#ffe8e9;color:#d14d57}.fm-metric-icon.muted{background:#f0eff5;color:#7c748c}.fm-metric>span{display:block;font-size:11px;color:#777e91;font-weight:600}.fm-metric>strong{display:block;font-size:27px;letter-spacing:-.04em;margin:4px 0 2px}.fm-metric>small{font-size:9px;color:#9aa0af}.fm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.fm-performance-bars{display:flex;flex-direction:column;gap:17px}.fm-bar-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.fm-bar-row span{color:#6f7688}.fm-bar{height:8px;background:#f0f2f7;border-radius:20px;overflow:hidden}.fm-bar i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#5464ef,#8b95ff)}.fm-health-list{display:flex;flex-direction:column}.fm-health-list>div{padding:14px 0;border-bottom:1px solid #eff0f4;display:flex;justify-content:space-between;align-items:center}.fm-health-list>div:last-child{border-bottom:0}.fm-health-list span{display:flex;align-items:center;gap:9px;color:#646b7d;font-size:11px}.fm-health-list strong{font-size:15px}.fm-table-card{padding:0;overflow:hidden}.fm-table-card .fm-card-head{padding:22px 24px 0}.fm-table-wrap{overflow-x:auto}.fm-table{width:100%;border-collapse:collapse;min-width:720px}.fm-table th{background:#fafbfc;color:#7e8598;text-transform:uppercase;font-size:9px;letter-spacing:.07em;text-align:left;padding:13px 18px;border-top:1px solid #eff0f4;border-bottom:1px solid #eff0f4}.fm-table td{padding:16px 18px;border-bottom:1px solid #eff0f4;font-size:11px;color:#3f475a}.fm-table tbody tr:hover{background:#fbfbfd}.fm-campaign-title{display:block;font-weight:750;color:#11182d;text-decoration:none;font-size:12px}.fm-subline{display:block;color:#9298a8;font-size:9px;margin-top:4px;max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-badge{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.fm-badge-ended{background:#ddf6ec;color:#137e59}.fm-badge-active,.fm-badge-queued{background:#e5e9ff;color:#3141bf}.fm-badge-scheduled{background:#eaf3ff;color:#286ea8}.fm-badge-draft{background:#f0f1f4;color:#6c7281}.fm-badge-connected{background:#ddf6ec;color:#137e59}.fm-badge-disconnected{background:#ffe8e9;color:#bd4050}.fm-empty{padding:38px;text-align:center;color:#8c93a2;font-size:12px}.fm-empty.compact{padding:16px 0;text-align:left}.fm-detail-meta{display:flex;flex-wrap:wrap;background:#fff;border:1px solid var(--fm-line);border-radius:18px;padding:17px 20px;margin-bottom:18px}.fm-detail-meta>div{min-width:170px;padding:0 24px;border-right:1px solid #eceef3}.fm-detail-meta>div:first-child{padding-left:0}.fm-detail-meta>div:last-child{border-right:0}.fm-detail-meta span,.fm-kv span{display:block;color:#8b91a0;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.fm-detail-meta strong,.fm-kv strong{display:block;font-size:11px;margin-top:5px}.fm-kv>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:10px 0;border-bottom:1px solid #eff0f4}.fm-kv>div:last-child{border-bottom:0}.fm-kv strong{text-align:right}.fm-timeline{position:relative}.fm-timeline-item{display:flex;gap:13px;padding:8px 0 15px;position:relative}.fm-timeline-item i{width:10px;height:10px;border-radius:50%;background:#5968ec;margin-top:4px;box-shadow:0 0 0 5px #edf0ff}.fm-timeline-item:not(:last-child):after{content:"";position:absolute;left:4px;top:22px;bottom:-1px;width:1px;background:#e4e6ed}.fm-timeline-item strong{display:block;font-size:11px}.fm-timeline-item span{display:block;color:#9096a5;font-size:9px;margin-top:3px}.fm-compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.fm-compose-main{padding:26px}.fm-compose-side{position:sticky;top:90px}.fm-field{margin-bottom:20px}.fm-field>label,.fm-mapping-grid>label{display:block;font-size:10px;font-weight:800;color:#454c5d;margin-bottom:7px}.fm-input{width:100%;border:1px solid #dde0e8;background:#fff;border-radius:11px;padding:11px 12px;font:500 12px Manrope,Inter,sans-serif;color:#182033;outline:none;transition:.16s}.fm-input:focus{border-color:#6674ee;box-shadow:0 0 0 3px rgba(86,100,245,.1)}select.fm-input{appearance:auto}.fm-textarea{min-height:220px;resize:vertical}.fm-field small{display:block;color:#8d94a4;font-size:9px;line-height:1.5;margin-top:6px}.fm-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.fm-chips button,.fm-link-btn{border:0;background:#f2f3f8;color:#5f6677;border-radius:20px;padding:6px 9px;font:700 9px Manrope;cursor:pointer}.fm-editor-shell{border:1px solid #dde0e8;border-radius:14px;overflow:hidden;background:#fff}.fm-editor-toolbar{border-bottom:1px solid #e9eaf0;padding:8px;display:flex;gap:4px;background:#fafbfc}.fm-editor-toolbar button{border:0;background:transparent;border-radius:7px;min-width:31px;height:28px;padding:0 8px;font:600 10px Manrope;cursor:pointer;color:#50586a}.fm-editor-toolbar button:hover{background:#eceef5}.fm-editor{min-height:360px;padding:20px;outline:0;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.7}.fm-editor:empty:before{content:attr(data-placeholder);color:#adb2bf}.fm-editor-value{display:none}.fm-audience-count{margin-top:7px;border-radius:9px;background:#f5f6fb;color:#687086;padding:9px 10px;font-size:9px;font-weight:700}.fm-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eff0f4;margin:0!important}.fm-switch-row>span{font-size:10px;color:#545c6e;display:flex;flex-direction:column;gap:3px}.fm-switch-row small{font-weight:500!important;margin:0!important}.fm-switch-row input{display:none}.fm-switch-row i{width:34px;height:19px;background:#d7dae3;border-radius:20px;position:relative;transition:.18s;flex:0 0 auto}.fm-switch-row i:after{content:"";width:15px;height:15px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px;box-shadow:0 2px 4px rgba(0,0,0,.14);transition:.18s}.fm-switch-row input:checked+i{background:#5664f5}.fm-switch-row input:checked+i:after{transform:translateX(15px)}.fm-stack-actions{display:grid;gap:8px;margin-top:18px}.fm-alert{border-radius:13px;padding:12px 15px;margin-bottom:18px;font-size:11px;line-height:1.5}.fm-alert.success{background:#e9f9f1;color:#17724f;border:1px solid #cceedd}.fm-alert.error{background:#fff0f2;color:#b73c4d;border:1px solid #ffd6dc}.fm-alert.warning{background:#fff7e6;color:#8b6417;border:1px solid #f8e3b8}.fm-analytics-list{display:flex;flex-direction:column}.fm-analytics-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px;padding:15px 0;border-bottom:1px solid #eff0f4;align-items:center}.fm-analytics-row:last-child{border-bottom:0}.fm-analytics-name strong{display:block;font-size:11px}.fm-analytics-name span{display:block;font-size:9px;color:#9298a8;margin-top:3px}.fm-mini-rate{display:grid;grid-template-columns:40px 1fr 46px;gap:9px;align-items:center;font-size:9px;color:#7b8293}.fm-mini-rate>div{height:6px;background:#eef0f5;border-radius:20px;overflow:hidden}.fm-mini-rate i{display:block;height:100%;background:linear-gradient(90deg,#5968ee,#8e98ff);border-radius:20px}.fm-mini-rate strong{text-align:right;color:#343c50}.fm-template-list{display:flex;flex-direction:column;gap:8px}.fm-template-item{display:flex;gap:11px;align-items:center;border:1px solid #eceef3;border-radius:13px;padding:12px}.fm-template-icon{width:35px;height:35px;border-radius:10px;background:#eff1ff;color:#4a59dd;display:grid;place-items:center}.fm-template-item strong{display:block;font-size:11px}.fm-template-item span{display:block;font-size:9px;color:#949aa8;margin-top:3px}.fm-copy-field{display:flex;gap:7px}.fm-copy-btn,.fm-icon-btn{border:0;background:#f1f3f8;color:#4c556a;border-radius:10px;display:grid;place-items:center;cursor:pointer}.fm-copy-btn{width:42px}.fm-checklist{display:flex;flex-direction:column;gap:12px;margin-top:17px}.fm-checklist>div{display:flex;gap:9px;align-items:flex-start;color:#566074;font-size:11px}.fm-checklist .fm-icon{color:#25a56f}.fm-note{margin-top:20px;padding:13px;background:#f4f5fb;border-radius:12px;color:#70778b;font-size:10px;line-height:1.6}.fm-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fm-account-card{display:flex;align-items:center;gap:14px}.fm-google-mark{width:42px;height:42px;border-radius:13px;background:#f3f5ff;color:#3c4bd7;display:grid;place-items:center;font-weight:900}.fm-account-info{flex:1}.fm-account-info strong{display:block;font-size:11px}.fm-account-info span{display:block;font-size:9px;color:#8e95a5;margin:3px 0 7px}.fm-section-title{font-size:11px;margin:22px 0 11px;border-top:1px solid #eff0f4;padding-top:18px}.fm-mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.fm-filter-row{display:grid;grid-template-columns:1fr 130px 1fr;gap:7px;margin-bottom:7px}.fm-user-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fm-user-access{border:1px solid #e8eaf0;border-radius:16px;padding:16px}.fm-user-line{display:flex;align-items:center;gap:10px}.fm-user-line>div:nth-child(2){min-width:0;flex:1}.fm-user-line strong{display:block;font-size:11px}.fm-user-line span{display:block;color:#949baa;font-size:9px;margin-top:2px}.fm-user-line em{font-size:8px;font-style:normal;background:#eef0ff;color:#4656da;border-radius:20px;padding:5px 8px}.fm-access-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #eff0f4;border-bottom:1px solid #eff0f4;padding:12px 0;margin:13px 0}.fm-access-columns>div>label:first-child{display:block;font-size:9px;font-weight:800;color:#606879;margin-bottom:7px}.fm-mini-check{display:flex!important;gap:7px;align-items:center;font-size:9px!important;font-weight:500!important;margin:6px 0!important}.fm-checkbox-list{border:1px solid #e5e7ee;border-radius:12px;padding:8px;max-height:145px;overflow:auto}.fm-checkbox-list label{display:flex;align-items:center;gap:8px;padding:7px;border-radius:8px;font-size:10px;color:#596174}.fm-checkbox-list label:hover{background:#f5f6fa}.fm-permission-box{display:flex;flex-direction:column}.fm-permission-box>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eff0f4;font-size:10px}.fm-permission-box>div:last-child{border-bottom:0}.fm-permission-box span{color:#6c7485}.fm-permission-box b{color:#14855c}.fm-permission-box b.deny{color:#ba4250}.fm-profile-card{display:flex;align-items:center;gap:18px;max-width:600px}.fm-profile-card h2{margin:0 0 5px}.fm-profile-card p{margin:0 0 13px;color:#7d8494;font-size:11px}.fm-toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#131c35;color:#fff;border-radius:13px;padding:12px 15px;box-shadow:var(--fm-shadow);font-size:11px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.22s;max-width:380px}.fm-toast.show{transform:translateY(0);opacity:1}.fm-toast.error{background:#a33244}.fm-modal{position:fixed;inset:0;background:rgba(11,18,42,.48);backdrop-filter:blur(6px);z-index:100;display:none;place-items:center;padding:20px}.fm-modal.open{display:grid}.fm-modal-card{background:#fff;border-radius:22px;width:min(450px,100%);padding:27px;box-shadow:0 30px 90px rgba(0,0,0,.2)}.fm-modal-icon{width:48px;height:48px;border-radius:15px;background:#edf0ff;color:#4150dc;display:grid;place-items:center}.fm-modal-card h2{font-size:18px;margin:15px 0 7px}.fm-modal-card p{font-size:11px;color:#6f7789;line-height:1.6}.fm-modal-card label{display:block;font-size:10px;font-weight:700;margin:18px 0 7px}.fm-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.fm-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.fm-mobile-menu,.fm-mobile-close{display:none}.fm-login-body{min-height:100vh;background:radial-gradient(circle at 85% 10%,rgba(98,113,255,.16),transparent 30%),linear-gradient(145deg,#071339,#0e1f5b 55%,#101d4a);display:grid;place-items:center;padding:24px}.fm-login-wrap{width:min(420px,100%)}.fm-login-brand{display:flex;gap:11px;align-items:center;justify-content:center;margin-bottom:22px}.fm-login-card{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.55);border-radius:25px;padding:31px;box-shadow:0 30px 100px rgba(0,0,0,.24)}.fm-login-kicker{font-size:9px;font-weight:800;letter-spacing:.15em;color:#5765e3}.fm-login-card h1{font-size:27px;letter-spacing:-.04em;margin:7px 0}.fm-login-card>p{color:#798092;font-size:11px;line-height:1.6;margin-bottom:24px}.fm-login-card form>label{display:block;font-size:10px;font-weight:750;margin:14px 0 7px}.fm-password-wrap{position:relative}.fm-password-wrap .fm-input{padding-right:45px}.fm-password-wrap .fm-icon-btn{position:absolute;right:6px;top:6px;width:33px;height:33px}.fm-login-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0 20px}.fm-login-row a{font-size:9px;color:#5260dd;text-decoration:none;font-weight:700}.fm-check{display:flex;align-items:center;gap:7px;font-size:9px;color:#6e7586}.fm-login-foot{text-align:center;color:#8fa0dc;font-size:9px;margin-top:16px}.fm-login-brand .fm-logo-mark{width:44px;height:44px}.fm-login-brand strong{font-size:17px}.fm-login-brand span{color:#8394ce}
@media(max-width:1200px){.fm-metrics.fm-six{grid-template-columns:repeat(3,1fr)}.fm-compose-grid{grid-template-columns:minmax(0,1fr) 320px}.fm-user-cards{grid-template-columns:1fr}}
@media(max-width:980px){.fm-sidebar{transform:translateX(-105%);transition:.22s}.fm-sidebar.open{transform:translateX(0)}.fm-mobile-close{display:grid;margin-left:auto;border:0;background:rgba(255,255,255,.08);color:#fff;width:32px;height:32px;border-radius:10px;place-items:center}.fm-mobile-menu{display:grid;border:0;background:#eef0f6;color:#28314a;width:36px;height:36px;border-radius:11px;place-items:center;margin-right:13px}.fm-main{margin-left:0}.fm-content{padding:24px}.fm-compose-grid{grid-template-columns:1fr}.fm-compose-side{position:static}.fm-metrics{grid-template-columns:repeat(2,1fr)}.fm-grid-2{grid-template-columns:1fr}.fm-account-grid{grid-template-columns:1fr}}
@media(max-width:680px){.fm-topbar{height:62px;padding:0 16px}.fm-content{padding:18px 14px}.fm-page-head{flex-direction:column}.fm-page-head h1{font-size:25px}.fm-metrics,.fm-metrics.fm-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fm-metric{padding:14px}.fm-metric>strong{font-size:23px}.fm-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fm-detail-meta>div{padding:0;border:0;min-width:0}.fm-analytics-row{grid-template-columns:1fr;gap:9px}.fm-mapping-grid{grid-template-columns:1fr}.fm-filter-row{grid-template-columns:1fr}.fm-user-cards{grid-template-columns:1fr}.fm-access-columns{grid-template-columns:1fr}.fm-account-card{align-items:flex-start;flex-wrap:wrap}.fm-account-card .fm-btn{margin-left:56px}.fm-login-card{padding:24px}.fm-editor{min-height:300px}}

/* v1.1: standalone portal + premium email preview */
html{margin-top:0!important}.fm-app-body.admin-bar,.fm-login-body.admin-bar{margin-top:0!important}.fm-btn-preview{background:#eef0ff;color:#3342c9;border:1px solid #dfe3ff}.fm-btn-preview:hover{background:#e6e9ff}.fm-modal-open{overflow:hidden}.fm-preview-modal{z-index:1000;padding:22px}.fm-preview-card{width:min(1120px,96vw);height:min(820px,92vh);background:#f6f7fb;border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:0 35px 120px rgba(7,18,49,.28);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto}.fm-preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:#fff;padding:22px 24px 18px;border-bottom:1px solid #e8eaf1}.fm-preview-head h2{margin:4px 0 4px;font-size:20px;letter-spacing:-.025em}.fm-preview-head p{margin:0;color:#7b8395;font-size:10px}.fm-preview-close{width:38px;height:38px;border:0;border-radius:12px;background:#f1f3f8;color:#475066;display:grid;place-items:center;cursor:pointer}.fm-preview-controls{background:#fff;padding:13px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #e8eaf1}.fm-device-switch{display:inline-flex;background:#f1f3f8;padding:3px;border-radius:10px}.fm-device-switch button{border:0;background:transparent;color:#70788b;border-radius:8px;padding:7px 13px;font:700 9px Manrope,Inter,sans-serif;cursor:pointer}.fm-device-switch button.active{background:#fff;color:#26304b;box-shadow:0 2px 9px rgba(22,31,59,.08)}.fm-preview-meta{display:grid;grid-template-columns:auto minmax(150px,auto) auto minmax(180px,1fr);align-items:center;gap:5px 9px;font-size:9px;max-width:70%}.fm-preview-meta span{color:#9aa0ae;font-weight:700}.fm-preview-meta strong{color:#353d51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-preview-stage{min-height:0;overflow:auto;padding:26px;background:radial-gradient(circle at 50% 0,rgba(89,103,238,.08),transparent 42%),#eef0f6}.fm-preview-device{width:min(760px,100%);min-height:100%;margin:0 auto;background:#fff;border:1px solid #dfe2ea;border-radius:16px;box-shadow:0 18px 55px rgba(24,35,68,.12);overflow:hidden;transition:width .2s ease}.fm-preview-device.mobile{width:390px;max-width:100%}.fm-preview-device iframe{display:block;width:100%;min-height:560px;height:100%;border:0;background:#fff}.fm-preview-foot{background:#fff;border-top:1px solid #e8eaf1;padding:13px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.fm-preview-foot span{font-size:9px;color:#858c9b;line-height:1.5}.fm-preview-foot .fm-btn{min-width:88px}
@media(max-width:760px){.fm-preview-modal{padding:8px}.fm-preview-card{width:100%;height:96vh;border-radius:18px}.fm-preview-head{padding:17px}.fm-preview-head p{display:none}.fm-preview-controls{padding:10px 14px;align-items:flex-start;flex-direction:column}.fm-preview-meta{max-width:100%;width:100%;grid-template-columns:auto 1fr}.fm-preview-stage{padding:12px}.fm-preview-device iframe{min-height:520px}.fm-preview-foot{padding:11px 14px}.fm-preview-foot span{display:none}}