/* MetaSF product studio: local presentation, existing account logic and data. */
body.metasf-studio-home{--ink:#f0ece3;--muted:#b7b8ae;--paper:#111310;--line:#393c33;--gold:#d8b77d;--dark:#1c2019;background:var(--paper);color:var(--ink);color-scheme:dark}
body.metasf-studio-home main{max-width:1320px;padding:0 42px}
body.metasf-studio-home .topbar{max-width:1236px;min-height:104px;margin:0 auto;padding:20px 0;background:transparent;border-color:var(--line)}
body.metasf-studio-home .brand-mark{width:43px;height:43px;border-radius:9px;background:#20231d;border-color:#625b46;color:#e1c390}
body.metasf-studio-home .brand b{color:#b7b8ae}
body.metasf-studio-home .topbar nav{align-items:center;gap:24px;font-size:13px}
body.metasf-studio-home .topbar nav a{display:inline-flex;align-items:center;min-height:44px;color:#c8c8bc}
body.metasf-studio-home .topbar nav a:hover{color:#edd4a6}
body.metasf-studio-home :is(a,button,summary,input):focus-visible{outline:3px solid #f1cc8d;outline-offset:5px}
body.metasf-studio-home :is(#guide,#account,#connection){scroll-margin-top:28px}
body.metasf-studio-home .hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:56px;padding:58px 0 44px}
body.metasf-studio-home .hero>div,body.metasf-studio-home .ms-showcase{min-width:0}
body.metasf-studio-home .eyebrow{margin-bottom:16px;color:#d8b77d;line-height:1.8;letter-spacing:0;font-size:12px;font-weight:500}
body.metasf-studio-home .hero h1{margin:0 0 20px;color:#f0ece3;font-size:clamp(40px,3.4vw,46px);line-height:1.5;font-weight:600;letter-spacing:0;overflow-wrap:break-word}
body.metasf-studio-home .hero h1 span{color:#e1c390}
body.metasf-studio-home .hero-copy{margin-bottom:24px;max-width:450px;color:#bbbdb1;font-size:15px;line-height:1.95}
body.metasf-studio-home .hero-actions{margin:0 0 16px;gap:12px}
body.metasf-studio-home .button{min-height:46px;padding:11px 18px;border-radius:7px;border-color:#5e6256;background:#20241c;color:#e8e6dc;box-shadow:none;line-height:1.8;transform:none}
body.metasf-studio-home .primary{background:#d8b77d;border-color:#d8b77d;color:#201d17}
body.metasf-studio-home .primary:hover{background:#edcf9f;border-color:#edcf9f}
body.metasf-studio-home .light{background:transparent;border-color:#5e6256;color:#e8e6dc}
body.metasf-studio-home .light:hover{background:#252a21;border-color:#a7a78e}
body.metasf-studio-home .google{background:#eee9de;color:#24251e;border-color:#eee9de}
body.metasf-studio-home .google:hover{background:#fff9ed;border-color:#fff9ed}
body.metasf-studio-home .button:disabled{opacity:.55;cursor:wait}
body.metasf-studio-home .small,body.metasf-studio-home .muted{color:#b7b8ae;line-height:1.9}
body.metasf-studio-home .hero>.ms-hero-copy>.small{font-size:12px;max-width:430px;margin:0}
body.metasf-studio-home .ms-showcase{margin:0}
body.metasf-studio-home .ms-showcase img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:7px;border:1px solid #53503f;background:#1c1f19;color:#ddd7c9;object-fit:contain}
body.metasf-studio-home .ms-showcase figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:15px 0 0;color:#dbd6c8;font-size:13px;line-height:1.9}
body.metasf-studio-home .ms-showcase figcaption small{max-width:160px;color:#abad9f;font-size:11px;text-align:right;line-height:1.9}
body.metasf-studio-home .notice{margin:0 0 36px;padding:15px 18px;background:#1c2019;border-color:#414638;border-radius:7px;color:#cecfc0;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
body.metasf-studio-home .notice[data-kind=success]{background:#1b271e;border-color:#4b6650;color:#c4dfc4}
body.metasf-studio-home .notice[data-kind=error]{background:#35221b;border-color:#a37158;color:#ffd6c0}
body.metasf-studio-home .workspace{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding:28px 0 56px;border-color:var(--line)}
body.metasf-studio-home h2{color:#f0ece3;font-size:30px;font-weight:600;line-height:1.6;letter-spacing:0}
body.metasf-studio-home h3{color:#e8e6dc;font-weight:600;letter-spacing:0}
body.metasf-studio-home .section-intro p{max-width:350px;color:#b7b8ae;font-size:14px;line-height:1.95}
body.metasf-studio-home .section-intro .eyebrow{color:#d8b77d;font-size:12px}
body.metasf-studio-home .card{padding:26px;background:#1c2019;border-color:#414638;border-radius:9px;box-shadow:none}
body.metasf-studio-home .card p{color:#bec0b3;font-size:14px;line-height:1.95}
body.metasf-studio-home .card .fine-note{margin:22px 0 0;padding-top:16px;border-color:#45493a;color:#b7b8ae;font-size:12px}
body.metasf-studio-home .card .small{font-size:12px}
body.metasf-studio-home .status-pill{border:1px solid #685e43;background:#302b20;color:#ecd7a9;padding:5px 12px;font-size:12px}
body.metasf-studio-home .account-area{padding:48px 0;border-color:var(--line)}
body.metasf-studio-home #memberEmail{overflow-wrap:anywhere}
body.metasf-studio-home .stats{gap:16px;margin-top:24px}
body.metasf-studio-home .stats h3{font-size:26px;color:#e1c390;line-height:1.65;overflow-wrap:anywhere}
body.metasf-studio-home .device-heading{margin:34px 0 16px}
body.metasf-studio-home .device-heading h3{margin:0}
body.metasf-studio-home .device-row{background:#191d17;border-color:#3e4436;border-radius:7px;padding:16px 20px}
body.metasf-studio-home .device-row>div{min-width:0}
body.metasf-studio-home .device-row strong{font-size:14px}
body.metasf-studio-home .device-row p{color:#b7b8ae;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
body.metasf-studio-home .device-row .button{flex-shrink:0;min-height:44px;padding:8px 14px;font-size:12px}
body.metasf-studio-home .text-link{color:#e1c390;min-height:44px;display:inline-flex;align-items:center}
body.metasf-studio-home .text-link:hover{color:#f1dfbb}
body.metasf-studio-home .guide{padding:48px 0 56px}
body.metasf-studio-home .guide-grid{gap:32px;margin-top:28px}
body.metasf-studio-home .guide-grid article{padding-top:20px;border-top:1px solid #555643;min-width:0}
body.metasf-studio-home .guide-grid article>span{width:34px;height:34px;margin-bottom:15px;background:#302b20;color:#e3c58e;border:1px solid #685e43;border-radius:7px;font-size:12px}
body.metasf-studio-home .guide-grid h3{font-size:17px;line-height:1.7;margin-bottom:10px}
body.metasf-studio-home .guide-grid p{color:#b7b8ae;font-size:14px;line-height:1.95;overflow-wrap:anywhere}
body.metasf-studio-home .guide-grid a{color:#e1c390}
body.metasf-studio-home footer{max-width:1236px;padding:24px 0;margin:0 auto;border-color:var(--line);color:#aeb1a3;font-size:12px;gap:20px}
@media(max-width:1320px){body.metasf-studio-home .topbar,body.metasf-studio-home footer{margin-inline:42px}}
@media(max-width:1000px){body.metasf-studio-home .hero{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.metasf-studio-home .hero h1{font-size:38px}body.metasf-studio-home .workspace{gap:36px}body.metasf-studio-home .topbar nav{gap:16px}body.metasf-studio-home .ms-showcase figcaption{display:block}body.metasf-studio-home .ms-showcase figcaption small{display:block;text-align:left;max-width:none;margin-top:5px}}
@media(max-width:780px){body.metasf-studio-home main{padding-inline:24px}body.metasf-studio-home .topbar,body.metasf-studio-home footer{margin-inline:24px}body.metasf-studio-home .hero{grid-template-columns:minmax(0,1fr);padding:40px 0 32px;gap:30px}body.metasf-studio-home .hero h1{font-size:42px}body.metasf-studio-home .hero-copy{max-width:580px}body.metasf-studio-home .ms-showcase figcaption{display:flex}body.metasf-studio-home .ms-showcase figcaption small{margin:0;text-align:right;max-width:170px}body.metasf-studio-home .workspace{grid-template-columns:minmax(0,1fr);gap:24px;padding:14px 0 40px}body.metasf-studio-home .section-intro p{max-width:580px}body.metasf-studio-home .stats{grid-template-columns:minmax(0,1fr)}body.metasf-studio-home .guide-grid{grid-template-columns:minmax(0,1fr);gap:20px}body.metasf-studio-home .guide-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 16px}body.metasf-studio-home .guide-grid article>span{grid-row:1/3;margin:0}body.metasf-studio-home .guide-grid p{grid-column:2}}
@media(max-width:600px){body.metasf-studio-home .topbar{display:grid;grid-template-columns:1fr;padding:18px 0 10px;gap:12px}body.metasf-studio-home .topbar nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:12px;border-top:1px solid var(--line);padding-top:8px}body.metasf-studio-home .topbar nav a{display:inline-flex!important;min-height:44px}body.metasf-studio-home .hero h1{font-size:32px;line-height:1.55;margin-bottom:18px}body.metasf-studio-home .hero-copy{font-size:14px}body.metasf-studio-home .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}body.metasf-studio-home .hero-actions .button{width:100%}body.metasf-studio-home .hero-actions .light{width:fit-content;min-width:140px}body.metasf-studio-home .ms-showcase figcaption{display:block;padding-top:12px}body.metasf-studio-home .ms-showcase figcaption small{margin-top:5px;max-width:none;text-align:left}body.metasf-studio-home .notice{margin-bottom:28px;font-size:12px}body.metasf-studio-home .card{padding:22px}body.metasf-studio-home .card-top{gap:8px;align-items:flex-start}body.metasf-studio-home .card-top h3{margin-bottom:4px}body.metasf-studio-home h2{font-size:26px;line-height:1.6}body.metasf-studio-home .account-area{padding:36px 0}body.metasf-studio-home .stats .card{padding:20px 22px}body.metasf-studio-home .stats h3{margin:6px 0}body.metasf-studio-home .device-row{padding:16px;gap:10px}body.metasf-studio-home .device-row .button{padding-inline:12px}body.metasf-studio-home .guide{padding:36px 0 40px}body.metasf-studio-home .guide-grid h3{font-size:16px}body.metasf-studio-home .guide-grid p{font-size:13px}body.metasf-studio-home footer{font-size:11px;flex-wrap:wrap}}
@media(max-width:420px){body.metasf-studio-home main{padding-inline:20px}body.metasf-studio-home .topbar,body.metasf-studio-home footer{margin-inline:20px}}
@media(prefers-reduced-motion:reduce){body.metasf-studio-home .button,body.metasf-studio-home .topbar a{transition:none;transform:none}}