/* Monster Forge 3.0 — workspace shell. UI only, no storage or schema changes. */
:root{--mf30-bg:#0b1115;--mf30-panel:#141f23;--mf30-panel-2:#19282b;--mf30-border:#2b3b40;--mf30-border-light:#3c5155;--mf30-ink:#ecf0eb;--mf30-muted:#a4b5b5;--mf30-gold:#e2b982;--mf30-green:#8fbea8;--mf30-dim:#728b89}
body.mf30{background:var(--mf30-bg);color:var(--mf30-ink);font-size:14px}
body.mf30 [hidden]{display:none!important}
body.mf30 :focus-visible{outline:2px solid var(--mf30-gold);outline-offset:3px}
body.mf30 a{color:inherit}
body.mf30 .mf30-topbar{height:76px;min-height:76px;padding:0 28px;background:#111b1f;border-bottom:1px solid #2a393e;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:110;box-shadow:0 8px 34px #050b0d50}
.mf30-logo{display:inline-flex;align-items:center;gap:13px;text-decoration:none!important;min-width:0}
.mf30-logo-mark{display:grid;place-items:center;position:relative;width:45px;height:45px;border:1.5px solid var(--mf30-gold);color:var(--mf30-gold);transform:rotate(45deg);border-radius:9px;font-family:Georgia,serif;font-weight:bold;font-size:21px;line-height:1;flex-shrink:0}
.mf30-logo-mark>span{font-size:10px;position:absolute;right:6px;bottom:5px}
.mf30-logo-mark{font-size:0}.mf30-logo-mark::before{content:'✦';font-size:25px;transform:rotate(-45deg)}.mf30-logo-mark>span{display:none}
.mf30-logo-name{font-weight:900;letter-spacing:2px;font-size:17px;white-space:nowrap;color:#eaf0e9;line-height:1.1}.mf30-logo-name strong{font-weight:900;color:var(--mf30-gold)}
.mf30-logo-name small{font-size:9px;letter-spacing:2.2px;font-weight:700;color:#849a99;display:block;margin-top:6px}.mf30-logo-name em{color:var(--mf30-gold);font-size:10px;font-style:normal}
.mf30-top-actions{display:flex;align-items:center;gap:14px;min-width:0}
.mf30-save-indicator{display:flex;align-items:center;gap:9px;color:#b1c9bc;font-size:12px;white-space:nowrap}.mf30-save-indicator .saved{color:#b1c9bc}
.mf30-dot,.mf30-online-dot{width:7px;height:7px;border-radius:50%;background:var(--mf30-green);box-shadow:0 0 0 4px #7fae9840;display:inline-block;flex-shrink:0}
body.mf30 .mf30-language{border-radius:9px;border-color:#34474b;font-size:12px;padding:9px 12px;min-width:43px}
.mf30-header-account{display:flex;align-items:center;gap:9px;text-decoration:none!important;padding:8px 12px;border-radius:9px;border:1px solid #34474b;color:#e7ece7;font-size:12px;font-weight:650;white-space:nowrap}
.mf30-person{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#2b403f;color:#e2c49c;font-size:21px}
.mf30-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:calc(100dvh - 76px)}
.mf30-sidebar{background:#111a1e;border-right:1px solid #2b3c40;min-width:0}
.mf30-sidebar-inner{display:flex;flex-direction:column;gap:0;padding:29px 16px 20px;position:sticky;top:76px;min-height:calc(100dvh - 76px)}
.mf30-nav-caption{font-size:10px;letter-spacing:2.1px;font-weight:800;color:#78918f;margin:14px 11px 15px}
.mf30-nav-account{margin-top:33px}
.mf30-primary-nav{display:flex;flex-direction:column;gap:6px}
.mf30-nav-link{display:flex;align-items:center;gap:13px;min-height:48px;padding:9px 13px;border-radius:10px;border:1px solid transparent;color:#a9bcbb!important;text-decoration:none!important;font-size:13px;font-weight:600;transition:background .16s,color .16s,border-color .16s;white-space:nowrap}
.mf30-nav-link:hover{background:#1e2e32;color:#eaf0ea!important}
.mf30-nav-link.is-active{background:#29352f;border-color:#5e5544;color:#f9ddaf!important;box-shadow:inset 3px 0 0 var(--mf30-gold)}
.mf30-nav-glyph{font-size:21px;width:22px;text-align:center;flex:0 0 22px;font-weight:400;line-height:1}.mf30-nav-label{flex:1}
.mf30-nav-count{border:1px solid #55605a;border-radius:999px;color:#c5d9d2;font-size:10px;padding:1px 7px;min-width:20px;text-align:center}
.mf30-sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:18px 4px 4px;border-top:1px solid #2c3b3f;min-width:0}
.mf30-sidebar-avatar{background:#30413f;color:#d7c4a4;border:1px solid #50635b;border-radius:12px;width:40px;height:40px;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}
.mf30-sidebar-bottom>div{min-width:0;flex:1}.mf30-sidebar-bottom strong{display:block;font-size:12px}.mf30-sidebar-caption{display:block;margin-top:5px;color:#88a09e;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.mf30 main.mf30-stage{display:block;grid-template-columns:none;min-width:0;min-height:calc(100dvh - 76px);padding:36px clamp(20px,3vw,54px) 80px;max-width:1700px;width:100%;margin:0 auto}
.mf30-view{display:block;min-width:0;animation:mf30-enter .19s ease-out}
@keyframes mf30-enter{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:none}}
.mf30-overline{font-size:10px;letter-spacing:2.3px;font-weight:900;color:var(--mf30-gold);margin:0 0 12px;line-height:1.5}
.mf30-home-hero{position:relative;min-height:320px;background:radial-gradient(circle at 80% 43%,#39514b64,transparent 30%),linear-gradient(115deg,#253533 0%,#19282b 48%,#111c20 100%);border:1px solid #526157;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;padding:clamp(26px,4.5vw,65px);gap:25px}
.mf30-home-copy{max-width:660px;position:relative;z-index:1}
.mf30-home-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,3.9vw,59px);line-height:1.11;letter-spacing:-1.7px;margin:0 0 18px;font-weight:400;color:#f6f1e7}
.mf30-home-copy>p:not(.mf30-overline){font-size:14px;max-width:540px;line-height:1.75;color:#c0d0cb}
.mf30-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;align-items:center}
.mf30-action-primary,.mf30-action-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:750;text-decoration:none!important;border:1px solid transparent;transition:transform .15s,background .15s}
.mf30-action-primary{background:var(--mf30-gold);color:#172225!important}.mf30-action-primary:hover{background:#f2d09a;transform:translateY(-1px)}
.mf30-action-primary span:last-child{font-size:17px}.mf30-action-secondary{border-color:#77857e;color:#e6e9e3!important;background:#1b2c2d80}.mf30-action-secondary:hover{background:#38504b}
.mf30-hero-sigil{height:255px;min-width:220px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 8px 45px #080d0a9e)}
.mf30-sigil-ring{position:absolute;border-radius:50%;inset:6px;border:1px solid #e2bd8660;transform:rotate(-20deg)}
.mf30-ring-outer::after,.mf30-ring-outer::before{content:'✧';position:absolute;font-size:24px;color:#ddb57a}.mf30-ring-outer::before{top:12px;left:12px}.mf30-ring-outer::after{bottom:12px;right:12px}
.mf30-ring-inner{inset:27px;border:2px solid #d5ac74a0;border-style:double;transform:rotate(22deg);box-shadow:inset 0 0 30px #d7b07712}
.mf30-ring-inner::before{content:'';position:absolute;inset:12px;border:1px dotted #a9bf9e;border-radius:50%}
.mf30-hero-sigil>span{font-family:Georgia,serif;font-size:74px;color:#e2c28f;z-index:1;letter-spacing:-9px;margin-right:9px}
.mf30-hero-sigil>small{position:absolute;bottom:-5px;color:#9eb3a7;font-size:9px;letter-spacing:3px}
.mf30-domain-banner{border:1px solid #86724d;background:#493b261c;color:#e7ceaa;padding:15px 19px;border-radius:10px;margin-top:16px;font-size:12px;line-height:1.6}
.mf30-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:40px 0 19px}
.mf30-section-heading .mf30-overline{margin-bottom:5px}
.mf30-section-heading h2{margin:0;font:normal 30px Georgia,serif;color:#e8ede8}
.mf30-subtle{color:#a0b5b1;background:#1b292b;border:1px solid #3d514f;padding:7px 11px;border-radius:999px;font-size:11px}
.mf30-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mf30-metric{display:grid;position:relative;grid-template-columns:1fr auto;row-gap:4px;min-height:157px;background:#172327;border:1px solid #34464a;border-radius:13px;padding:23px;text-decoration:none!important;transition:border-color .16s,transform .16s}
.mf30-metric:hover{border-color:#8c967d;transform:translateY(-2px)}
.mf30-metric strong{grid-column:1;grid-row:1;font:normal 44px Georgia,serif;color:#f0e8d8;line-height:1}
.mf30-metric>span:not(.mf30-metric-symbol){grid-column:1 / 3;grid-row:2;font-size:13px;font-weight:700;color:#e0eae4;margin-top:12px}
.mf30-metric>small{grid-column:1 / 3;grid-row:3;font-size:11px;color:#92aaa7}
.mf30-metric-symbol{font-size:27px;color:#d9b57e;grid-column:2;grid-row:1;opacity:.9}
.mf30-next-heading{margin-top:42px}
.mf30-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mf30-journey-card{min-height:198px;position:relative;border:1px solid #364b49;border-radius:13px;padding:21px 22px;background:#182725;text-decoration:none!important;overflow:hidden}
.mf30-journey-card:hover{border-color:#b79b70;background:#233330}
.mf30-step{font-size:11px;font-weight:850;letter-spacing:2px;color:#8faa9d}.mf30-journey-symbol{position:absolute;right:21px;top:15px;font-size:35px;color:#bcaf8e}
.mf30-journey-card h3{margin:33px 0 8px;font:normal 25px Georgia,serif;color:#f3e7d2}
.mf30-journey-card p{margin:0;font-size:12px;line-height:1.6;color:#a9beb7;max-width:240px}
.mf30-journey-card>b{position:absolute;right:21px;bottom:21px;color:#d3b082}
.mf30-view-header{display:flex;justify-content:space-between;align-items:end;gap:22px;min-width:0;padding:8px 0 25px;border-bottom:1px solid #314346;margin-bottom:25px}
.mf30-view-header h1{font:normal clamp(32px,3.2vw,46px) Georgia,serif;margin:0 0 10px;color:#f4eee3;letter-spacing:-.8px}
.mf30-view-header p:not(.mf30-overline){max-width:700px;font-size:13px;line-height:1.7;color:#9eb3ae;margin:0}
.mf30-view-action{white-space:nowrap;flex-shrink:0}
.mf30-forge-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.mf30-toolbar-btn{display:inline-flex;align-items:center;gap:10px;background:#223235;color:#ecede4;border:1px solid #52675d;border-radius:9px;padding:11px 13px;font-weight:700;font-size:12px;white-space:nowrap;cursor:pointer}
.mf30-toolbar-btn:hover{background:#2b4441}.mf30-toolbar-primary{background:#dcb582;color:#1c2323;border-color:#e1bb87}.mf30-toolbar-primary:hover{background:#e9c995}
.mf30-toolbar-btn span:first-child{font-size:15px}
.mf30-creator-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #3f514c;border-radius:16px;overflow:hidden;background:#142024;max-height:calc(100dvh - 249px);min-height:540px}
body.mf30 .mf30-creator-shell > .editor{padding:25px clamp(18px,2vw,35px) 28px;max-height:none;min-height:0;overflow:auto;background:#172327}
body.mf30 .mf30-creator-shell > .preview-wrap{border-left:1px solid #40534e;padding:25px clamp(18px,2vw,40px) 35px;min-height:0;max-height:none;overflow:auto;background:#202b2b}
body.mf30 .mf30-creator-shell .tabs{margin:0 0 18px;gap:5px;position:sticky;top:-25px;z-index:8;background:#172327;padding:10px 0 0}
body.mf30 .mf30-creator-shell .tab{font-size:12px;border:1px solid transparent;border-bottom:none;padding:12px 13px;border-radius:8px 8px 0 0}
body.mf30 .mf30-creator-shell .tab.active{background:#2a3c3b;border-color:#52685f;color:#eac48c;box-shadow:inset 0 -2px 0 #edbe7e}
body.mf30 .mf30-creator-shell .section-jump{top:38px;background:#172327d9;padding:10px 0;margin-bottom:14px;z-index:7;max-height:83px;overflow:auto}
body.mf30 .mf30-creator-shell .section-jump button{font-size:11px}
body.mf30 .mf30-creator-shell .statblock{box-shadow:0 15px 40px #050d0d85}
body.mf30 .mf30-creator-shell .pane h2{font-size:16px;color:#e5c496;scroll-margin-top:85px}
body.mf30 .mf30-creator-shell .preview-heading{margin-top:15px}
body.mf30.preview-wide .mf30-creator-shell{grid-template-columns:minmax(0,310px) minmax(0,1fr)}
body.mf30.preview-wide .mf30-creator-shell .statblock{max-width:960px}
.mf30-library-switch{display:flex;flex-wrap:wrap;gap:5px;padding:5px;width:max-content;max-width:100%;background:#182326;border:1px solid #33474a;border-radius:12px;margin:0 0 19px}
.mf30-switch{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:#a4b9b6;padding:12px 20px;font-size:13px;font-weight:750;cursor:pointer}
.mf30-switch:hover{color:#edf4ee;background:#233538}.mf30-switch.is-selected{background:#35453d;color:#f4daa9;box-shadow:0 0 0 1px #77704e}
.mf30-switch>span:first-child{font-size:18px}.mf30-small-count{font-weight:700;border-radius:16px;background:#1d292a;border:1px solid #52645b;color:#e0ece1;padding:2px 8px;font-size:11px}
.mf30-storage-intro{color:#b0c2bd;border-left:3px solid #c09b66;padding:10px 14px;background:#1b292b;font-size:12px;line-height:1.7;border-radius:0 7px 7px 0;margin-bottom:18px}
.mf30-library-panel{min-width:0}
body.mf30 .mf30-library-panel > .mf22-library,body.mf30 #mf29Community{background:#142124;border:1px solid #405550;border-radius:14px;padding:clamp(16px,2.2vw,31px);margin:0}
body.mf30 .mf22-library h2{font-size:18px;color:#e4e8df}
body.mf30 .mf22-library-head{margin-bottom:12px}
body.mf30 .mf22-items{max-height:min(640px,66dvh);overflow:auto}
body.mf30 .mf22-item{padding:17px 4px;border-color:#344b47}
body.mf30 .mf22-item-info strong{font-size:14px;color:#fff0df}
body.mf30 .mf22-item-controls button{border-radius:8px}
body.mf30 .mf23-tools{background:#1c2b2e;border-radius:9px;padding:12px;border:1px solid #344d48}
.mf30-notice{border-radius:13px;border:1px solid #6b614c;background:#322d2233;padding:19px;color:#ecdfc7;margin-bottom:20px}
.mf30-notice strong{font-size:13px}.mf30-notice p{font-size:12px;line-height:1.7;color:#bdc8c1}.mf30-notice a{color:#e3bc83!important;font-size:12px;font-weight:700}
body.mf30 #mf29Community>.mf22-library-head{display:none}
body.mf30 #mf29Community > #mf29Status{background:#1e3030;padding:13px 16px;border-left:3px solid #85ac9b;border-radius:3px 9px 9px 3px;font-size:12px}
body.mf30 #mf29Community > .mf-native-fold{margin:15px 0}
body.mf30 .mf-native-fold{border-radius:11px;border-color:#40534f}
body.mf30 .mf-native-fold summary{cursor:pointer;color:#ebdfc7}
body.mf30 .mf29 .mf29-card{border-color:#475f58;background:#1a2a2a;border-radius:12px;padding:18px}
body.mf30 .mf29 .mf29-card strong{font-size:15px}
body.mf30 .mf29 .mf29-card small{font-size:12px}
body.mf30 .mf29 .mf29-card button{padding:8px 12px;font-size:12px;border-radius:8px}
body.mf30 .mf29 .mf29-stack{gap:12px}
body.mf30 #mf30Community[data-mode="discover"] #mf29Publisher{display:none!important}
body.mf30 #mf30Community[data-mode="publish"] #mf29Explore{display:none!important}
body.mf30 #mf29Reader[hidden]{display:none!important}
body.mf30 #mf30Community[data-mode="discover"] #mf29Reader{display:block}
body.mf30 .mf30-account-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:20px;align-items:start}
.mf30-account-main{display:grid;gap:16px;min-width:0}
.mf30-account-card{background:#172529;border:1px solid #3b504c;border-radius:13px;padding:25px;min-width:0}
.mf30-card-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#a2b2a7}
.mf30-account-card h2{font:normal 23px Georgia,serif;margin:10px 0 19px;color:#f0e5d6}
.mf30-account-card .mf-native-fold{border:0;background:transparent;padding:0;margin:0}
.mf30-account-card .mf-native-fold>summary{display:none}
.mf30-account-card .mf-native-fold-content{padding:0}
.mf30-account-card .mf22-library-actions button{min-width:0}
.mf30-account-card .mf21-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mf30-role-card{background:radial-gradient(circle at top right,#45634d36,transparent 48%),#1d2c2b;border:1px solid #6b7053;border-radius:14px;padding:26px;position:sticky;top:105px}
.mf30-role-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid #e3bb82;border-radius:12px;color:#edcb8f;font-size:30px;margin-bottom:22px}
.mf30-role-card .mf30-overline{margin-bottom:9px}.mf30-role-card h2{font:normal 27px Georgia,serif;margin:0 0 9px;color:#f7eee2}
.mf30-role-card>p:not(.mf30-overline){font-size:12px;line-height:1.7;color:#adc3b8}
.mf30-role-divider{height:1px;background:#4a5c51;margin:23px 0}
.mf30-permission{display:flex;align-items:center;gap:12px;font-size:12px;padding:10px 0;color:#e4eee6}
.mf30-permission>span:first-child{width:21px;height:21px;background:#315348;border-radius:50%;display:grid;place-items:center;color:#bdddc4;font-size:14px;flex:0 0 21px}
.mf30-permission.is-locked{color:#899d98}.mf30-permission.is-locked>span:first-child{color:#80958f;background:#2d3e3c}
.mf30-role-card .mf30-role-footnote{border-top:1px solid #4a5c51;padding-top:17px;margin-top:22px;font-size:11px!important}
body.mf30 .mf30-moderation-card{margin-top:15px;background:#182827;border-radius:14px;padding:25px;border:1px solid #4b6058}
body.mf30 .mf30-moderation-card #mf29Moderator{display:block}
body.mf30 input,body.mf30 select,body.mf30 textarea{background:#1c292d;border-color:#43545a;border-radius:8px;color:#f4f2eb}
body.mf30 input:focus,body.mf30 select:focus,body.mf30 textarea:focus{border-color:var(--mf30-gold)}
body.mf30 input[type=checkbox],body.mf30 input[type=radio]{accent-color:#ddb77e}
body.mf30 button:disabled{opacity:.5;cursor:not-allowed}
body.mf30 .primary{border-radius:9px;background:#e0b985;color:#162326}
body.mf30 .outlined{border-radius:9px}
.mf30-toast{position:fixed;bottom:24px;right:24px;max-width:min(390px,calc(100vw - 48px));border:1px solid #849274;background:#263b36;color:#eaf1e9;border-radius:12px;padding:14px 18px;z-index:200;box-shadow:0 20px 50px #0008;line-height:1.6;font-size:12px}
.mf30-mobile-tools{display:none}
@media(max-width:1280px){.mf30-shell{grid-template-columns:224px minmax(0,1fr)}.mf30-sidebar-inner{padding-left:10px;padding-right:10px}body.mf30 main.mf30-stage{padding:26px 22px 70px}.mf30-view-header{align-items:start}.mf30-forge-actions{max-width:330px}.mf30-account-layout{grid-template-columns:minmax(0,1fr) 285px}.mf30-home-hero{padding:35px}.mf30-creator-shell{max-height:calc(100dvh - 227px)}}
@media(max-width:1050px){.mf30-shell{display:block}.mf30-sidebar{position:sticky;top:76px;z-index:100;border-right:0;border-bottom:1px solid #35474b;overflow-x:auto;scrollbar-width:thin}.mf30-sidebar-inner{display:block;min-height:0;padding:7px 12px}.mf30-primary-nav{display:flex;flex-direction:row;gap:4px;white-space:nowrap}.mf30-nav-caption,.mf30-sidebar-bottom{display:none}.mf30-primary-nav:nth-of-type(2){display:contents}.mf30-nav-link{padding:9px 12px;min-height:42px;font-size:12px}.mf30-nav-glyph{font-size:17px;flex-basis:17px;width:17px}.mf30-nav-count{display:none}body.mf30 main.mf30-stage{padding:25px 22px 75px}.mf30-account-layout{grid-template-columns:1fr}.mf30-role-card{position:static}.mf30-creator-shell{max-height:calc(100dvh - 259px);min-height:520px}}
@media(max-width:800px){.mf30-home-hero{grid-template-columns:1fr}.mf30-hero-sigil{display:none}.mf30-metrics,.mf30-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.mf30-view-header{flex-wrap:wrap}.mf30-forge-actions{width:100%;max-width:none;justify-content:flex-start}.mf30-creator-shell{display:block;max-height:none;min-height:0;overflow:visible}.mf30-creator-shell>.editor,.mf30-creator-shell>.preview-wrap{max-height:none!important;overflow:visible!important}.mf30-creator-shell>.preview-wrap{border-left:0!important;border-top:1px solid #40534e}.mf30-mobile-tools{display:flex;gap:8px;margin-top:13px}.mf30-mobile-tools button{flex:1;background:#213337;border:1px solid #51635c;color:#e3e7df;border-radius:9px;padding:10px 12px;font-weight:700}.mf30-mobile-tools button.is-selected{background:#e0b985;color:#18211c}.mf30-creator-shell[data-mobile-mode="edit"]>.preview-wrap{display:none}.mf30-creator-shell[data-mobile-mode="preview"]>.editor{display:none}body.mf30.preview-wide .mf30-creator-shell{display:block}.mf30-account-card .mf21-controls{grid-template-columns:1fr}}
@media(max-width:560px){body.mf30 .mf30-topbar{height:66px;min-height:66px;padding:0 14px}.mf30-logo-mark{width:33px;height:33px}.mf30-logo-mark::before{font-size:19px}.mf30-logo-name{font-size:13px;letter-spacing:1px}.mf30-logo-name small{font-size:7px;letter-spacing:1.1px}.mf30-top-actions{gap:7px}.mf30-save-indicator{display:none}.mf30-header-account{padding:6px 7px}.mf30-header-account #mf30HeaderRole{display:none}.mf30-sidebar{top:66px}.mf30-primary-nav{overflow:auto;scrollbar-width:none}.mf30-nav-link{padding:9px}.mf30-nav-label{font-size:11px}.mf30-nav-glyph{font-size:15px;width:15px;flex-basis:15px}.mf30-shell{min-height:calc(100dvh - 120px)}body.mf30 main.mf30-stage{padding:17px 12px 72px}.mf30-home-hero{padding:28px 21px;min-height:0;border-radius:14px}.mf30-home-copy h1{font-size:34px}.mf30-home-copy>p:not(.mf30-overline){font-size:12px}.mf30-hero-actions{flex-direction:column;align-items:stretch}.mf30-hero-actions a{width:100%}.mf30-metrics{grid-template-columns:1fr;gap:9px}.mf30-metric{min-height:125px;padding:19px}.mf30-metric strong{font-size:36px}.mf30-journey{grid-template-columns:1fr}.mf30-journey-card{min-height:150px}.mf30-section-heading h2{font-size:26px}.mf30-section-heading{margin-top:29px}.mf30-view-header h1{font-size:34px}.mf30-view-header{padding-bottom:19px}.mf30-view-action{width:100%}.mf30-library-switch{width:100%;display:flex}.mf30-switch{padding:10px 12px;flex:1;justify-content:center;font-size:11px}.mf30-small-count{display:none}.mf30-account-card{padding:17px}.mf30-role-card{padding:20px}.mf30-forge-actions .mf30-toolbar-btn{flex:1;justify-content:center;white-space:normal}.mf30-creator-shell>.editor,.mf30-creator-shell>.preview-wrap{padding:16px!important}.mf30-creator-shell .tabs{top:-16px!important}.mf30-section-heading .mf30-subtle{display:none}}
@media(prefers-reduced-motion:reduce){.mf30-view,.mf30-nav-link,.mf30-metric,.mf30-action-primary{animation:none;transition:none}}
/* Navigation stays on one row on tablets, including Account and Moderator links. */
@media(max-width:1050px){.mf30-sidebar-inner{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:max-content;width:100%}.mf30-primary-nav:nth-of-type(2){display:flex;flex-direction:row}}


/* Alpha 3.0.1: The forge must not end at the bottom of the viewport.
   Let the document scroll through every editor field while the preview stays
   visible and scrolls independently. This only affects the workspace forge. */
@media (min-width:801px){
  body.mf30 .mf30-creator-shell{
    max-height:none;
    min-height:0;
    overflow:visible;
    align-items:start;
  }
  body.mf30 .mf30-creator-shell > .editor{
    max-height:none;
    min-height:0;
    overflow:visible;
    align-self:start;
    border-radius:15px 0 0 15px;
  }
  body.mf30 .mf30-creator-shell > .preview-wrap{
    position:sticky;
    top:94px;
    align-self:start;
    max-height:calc(100dvh - 110px);
    min-height:0;
    overflow-y:auto;
    border-radius:0 15px 15px 0;
    scrollbar-width:thin;
    scrollbar-color:#617d77 #1c292c;
  }
  body.mf30 .mf30-creator-shell .tabs{top:82px;}
  body.mf30 .mf30-creator-shell .section-jump{top:135px;}
  body.mf30 .mf30-creator-shell .issue-banner{top:222px;}
  body.mf30 .mf30-creator-shell .pane h2{scroll-margin-top:239px;}
}
@media (min-width:801px) and (max-width:1050px){
  body.mf30 .mf30-creator-shell > .preview-wrap{
    top:145px;
    max-height:calc(100dvh - 160px);
  }
  body.mf30 .mf30-creator-shell .tabs{top:130px;}
  body.mf30 .mf30-creator-shell .section-jump{top:183px;}
  body.mf30 .mf30-creator-shell .issue-banner{top:270px;}
  body.mf30 .mf30-creator-shell .pane h2{scroll-margin-top:285px;}
}


/* Alpha 3.0.3: strong scrolling override for the editor.
   The old v3.0 editor was a viewport-limited scroll pane. The workspace
   must instead grow with its content so all fields are reachable even if
   older style.css rules are still cached. Keep the preview independently
   scrollable and sticky on desktop. No changes to the editor data model. */
@media (min-width: 801px) {
  body.mf30 .mf30-shell,
  body.mf30 main.mf30-stage,
  body.mf30 #mf30Forge {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.mf30 #mf30CreatorShell {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    align-items: start !important;
  }
  body.mf30 #mf30CreatorShell > .editor {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    align-self: start !important;
  }
  body.mf30 #mf30CreatorShell > .preview-wrap {
    position: sticky !important;
    top: 95px;
    max-height: calc(100dvh - 112px) !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    align-self: start !important;
  }
  body.mf30 #mf30CreatorShell .tabs { top: 82px; }
  body.mf30 #mf30CreatorShell .section-jump { top: 135px; }
  body.mf30 #mf30CreatorShell .issue-banner { top: 222px; }
  body.mf30 #mf30CreatorShell .pane h2 { scroll-margin-top: 239px; }
}
@media (min-width: 801px) and (max-width: 1050px) {
  body.mf30 #mf30CreatorShell > .preview-wrap {
    top: 145px;
    max-height: calc(100dvh - 162px) !important;
  }
  body.mf30 #mf30CreatorShell .tabs { top: 130px; }
  body.mf30 #mf30CreatorShell .section-jump { top: 183px; }
  body.mf30 #mf30CreatorShell .issue-banner { top: 270px; }
  body.mf30 #mf30CreatorShell .pane h2 { scroll-margin-top: 285px; }
}