/* ModTide V14.7 — denser dots, compact maker and creator experience */
.hero{isolation:isolate}
.hero::before{background-image:radial-gradient(circle,rgba(102,185,255,.64) 0 1px,transparent 1.35px)!important;background-size:17px 17px!important;opacity:.32!important;mask-image:linear-gradient(180deg,rgba(0,0,0,.84),rgba(0,0,0,.7) 64%,transparent 100%);animation:mt-dots-drift 28s linear infinite;z-index:0}
.hero::after{opacity:.78}
.hero-inner{z-index:2}
@keyframes mt-dots-drift{from{background-position:0 0}to{background-position:34px 17px}}
@media(max-width:700px){.hero::before{background-size:15px 15px!important;opacity:.26!important;animation:none}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none!important}}
.mt-maker-mode-selector{display:grid;gap:10px;padding:14px;border:1px solid rgba(90,157,232,.22);background:rgba(34,76,128,.14);border-radius:18px}
.mt-maker-mode-selector>span{font-size:13px;font-weight:800;color:#dceeff}
.mt-maker-mode-selector>small{color:#89aacb;font-size:12px}
.mt-maker-mode-row{display:flex;gap:8px}
.mt-maker-mode-row button{display:flex;gap:8px;align-items:center;justify-content:center;flex:1;min-height:44px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);color:#c3daef;cursor:pointer;font-weight:800;transition:background .22s,box-shadow .22s,transform .22s}
.mt-maker-mode-row button.active{background:linear-gradient(180deg,#16639b,#113b6a);border-color:#4ab9ff;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 22px rgba(16,91,166,.18);color:#fff}
.mt-maker-mode-row button:hover{transform:translateY(-2px)}.mt-maker-mode-row button:active{transform:translateY(1px) scale(.98)}
.mt-maker-mode-row svg{width:16px;height:16px}
.maker-preview-shell.is-compact{min-height:400px}.mt-maker-compact-card{--card-accent:#49b9ff;display:flex;align-items:center;gap:22px;width:min(100%,740px);min-height:186px;padding:25px 28px;background:linear-gradient(180deg,rgba(19,36,59,.97),rgba(8,20,36,.98));border:1px solid rgba(134,205,255,.34);border-radius:30px;box-shadow:0 24px 55px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.1);position:relative;overflow:hidden}
.mt-maker-compact-card::before{content:"";position:absolute;inset:-100px auto auto -95px;width:250px;height:250px;background:radial-gradient(circle,var(--card-accent),transparent 70%);opacity:.14;pointer-events:none}
.mt-compact-icon{width:124px;height:124px;flex:0 0 124px;border-radius:26px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);overflow:hidden}
.mt-compact-icon img{width:105px;height:105px;object-fit:contain}.mt-compact-info{min-width:0;display:grid;gap:16px}.mt-compact-info strong{font-size:clamp(25px,3.1vw,42px);line-height:1.05;letter-spacing:-.045em;overflow-wrap:anywhere;color:#f0f7ff}.mt-compact-info span{font-size:clamp(14px,2vw,18px);font-weight:800;color:var(--card-accent);display:flex;align-items:center;gap:8px}.mt-compact-info svg{width:21px;height:21px}
@media(max-width:620px){.maker-preview-shell.is-compact{min-height:270px}.mt-maker-compact-card{padding:18px;min-height:110px;gap:14px;border-radius:20px}.mt-compact-icon{width:74px;height:74px;flex-basis:74px;border-radius:18px}.mt-compact-icon img{width:62px;height:62px}.mt-compact-info{gap:7px}.mt-compact-info strong{font-size:22px}}
/* Saved / following state. Green is for actions completed on this device. */
.btn.mt-state-on,.bookmark-btn.mt-state-on,.btn.mt-state-on:hover,.bookmark-btn.mt-state-on:hover{background:linear-gradient(180deg,#26d88b,#0f966a)!important;border-color:#5cf2ba!important;color:#042317!important;box-shadow:0 8px 25px rgba(16,197,123,.28),inset 0 1px rgba(255,255,255,.35)!important}
.mt-state-on svg{stroke:#043525!important}.mt-action-pop{animation:mt-action-pop .62s cubic-bezier(.13,1.3,.3,1)}.mt-action-pop svg{animation:mt-icon-spin .58s ease both}
@keyframes mt-action-pop{0%{transform:scale(.82)}45%{transform:scale(1.13)}75%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes mt-icon-spin{0%{transform:rotate(-90deg) scale(.7)}60%{transform:rotate(22deg) scale(1.15)}100%{transform:rotate(0deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.mt-action-pop,.mt-action-pop svg{animation:none!important}}
/* Studio sliding category selector */
.mt-studio-pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#0e1c2e;border:1px solid #253f5e;border-radius:20px;padding:7px;margin:20px 0 22px;width:max-content;max-width:100%}
.mt-studio-pills button{position:relative;display:inline-flex;gap:8px;align-items:center;border:1px solid transparent;border-radius:14px;background:transparent;color:#9eb8d6;padding:12px 16px;font-weight:800;cursor:pointer;transition:background .23s,color .23s,transform .23s,box-shadow .23s}
.mt-studio-pills button:hover{color:#fff}.mt-studio-pills button.active{background:linear-gradient(180deg,#225c9b,#16406f);color:#f5fbff;border-color:#397ebc;box-shadow:0 5px 20px rgba(19,110,219,.23)}.mt-studio-pills button:active{transform:scale(.96)}.mt-studio-pills svg{width:16px;height:16px}
.mt-studio-stage{animation:mt-studio-slide .25s ease both}.mt-studio-panel h2{margin:0 0 10px}.mt-studio-panel p{color:#9fb8d4;line-height:1.7}
@keyframes mt-studio-slide{from{opacity:.2;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.cloud-editor-nav{isolation:isolate}.cloud-editor-nav a{z-index:1;position:relative}.cloud-editor-nav::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(63,155,255,.1),transparent 72%);pointer-events:none}
.cloud-editor-content{animation:mt-studio-slide .28s ease both}.cloud-editor-nav a.active{box-shadow:inset 3px 0 #59c3ff,0 8px 18px rgba(33,109,223,.16);transition:background .28s,color .28s,transform .22s;transform:translateX(3px)}
/* More useful public creator profile */
.mt-creator-banner{height:230px;position:relative;border-radius:28px 28px 0 0;background:radial-gradient(circle at 30% 20%,rgba(69,182,255,.35),transparent 50%),linear-gradient(110deg,#122746,#071a32);background-size:cover;background-position:center}
.mt-creator-layout{overflow:hidden;background:linear-gradient(180deg,rgba(15,26,44,.98),rgba(9,17,31,.98));border:1px solid rgba(91,156,231,.22);border-radius:30px;margin-top:20px}.mt-creator-info{padding:0 30px 30px;position:relative}.mt-creator-avatar{width:114px;height:114px;margin-top:-57px;position:relative;border:5px solid #0c1729;border-radius:28px;background:#214a75;display:grid;place-items:center;overflow:hidden;font-size:48px;font-weight:900;color:#fff;box-shadow:0 16px 32px rgba(0,0,0,.3)}.mt-creator-avatar img{width:100%;height:100%;object-fit:cover}
.mt-creator-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.mt-creator-heading h1{font-size:clamp(35px,5vw,54px);letter-spacing:-.055em;margin:12px 0 7px}.mt-creator-handle{color:#79baff;font-size:14px}.mt-creator-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.mt-creator-stat{padding:12px 17px;background:#14253b;border:1px solid #2a4866;border-radius:16px;display:grid;gap:3px}.mt-creator-stat b{font-size:20px;color:#f1f8ff}.mt-creator-stat small{color:#9aafcb}.mt-profile-verified{display:inline-flex;gap:7px;align-items:center;color:#57c9ff;font-size:13px;font-weight:800}.mt-profile-verified svg{width:15px;height:15px}.mt-creator-subnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px;border-top:1px solid rgba(255,255,255,.07);padding-top:22px}.mt-creator-subnav a{padding:11px 15px;border-radius:15px;background:#14263c;border:1px solid #2d4b6d;color:#c8e3fb;font-weight:800}.mt-profile-extra-card{margin:16px 0;padding:20px;border:1px solid rgba(94,157,226,.24);border-radius:22px;background:rgba(23,52,85,.3)}.mt-profile-extra-card h3{margin:0 0 6px}.mt-profile-extra-card p{margin:0 0 13px;color:#a9c0d8;line-height:1.6}.mt-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.mt-local-note{font-size:12px;color:#8daac9;margin-top:12px;display:block}
.mt-verification-card{max-width:750px;margin:40px auto;padding:32px;border:1px solid rgba(108,176,239,.28);border-radius:28px;background:#101e33}.mt-verification-card h1{font-size:clamp(36px,5vw,58px);margin:6px 0}.mt-verification-card p{color:#aac5df;line-height:1.7}.mt-verification-card .field{width:100%;margin:10px 0;padding:14px;min-height:110px;border-radius:15px;background:#172b45;color:#fff;border:1px solid #2b4b70}
@media(max-width:660px){.mt-studio-pills{width:100%;flex-wrap:nowrap;overflow-x:auto}.mt-studio-pills button{padding:11px 13px;flex:0 0 auto}.mt-creator-banner{height:165px}.mt-creator-info{padding:0 18px 22px}.mt-creator-avatar{width:90px;height:90px;margin-top:-45px;border-radius:22px}.mt-verification-card{padding:21px;margin:20px auto}}


/* V14.8 / 404 layout: separate every element in a fixed vertical flow. */
.mt-not-found{padding:42px 16px 72px!important;min-height:calc(100svh - 76px)}
.mt-error-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;max-width:930px!important;padding:42px 26px 44px!important;margin:0 auto!important;isolation:isolate!important;overflow:hidden!important}
.mt-error-decoration{position:static!important;display:block!important;top:auto!important;right:auto!important;left:auto!important;transform:none!important;font:900 clamp(105px,15vw,170px)/.84 Outfit,Inter,system-ui,sans-serif!important;letter-spacing:-.065em!important;opacity:1!important;color:rgba(64,155,255,.20)!important;z-index:0!important;margin:0 auto 2px!important;order:0!important}
.mt-error-icon{position:relative!important;top:auto!important;left:auto!important;z-index:1!important;order:1!important;margin:0 auto!important;width:72px!important;height:72px!important;transform:none!important}
.mt-error-wrap>.eyebrow{position:relative;order:2!important;z-index:1;margin:0!important}
.mt-error-wrap>h1{position:relative;order:3!important;z-index:1;margin:0 auto!important;line-height:1.12!important;font-size:clamp(36px,5.4vw,64px)!important;letter-spacing:-.055em!important;max-width:800px!important;overflow-wrap:break-word}
.mt-error-wrap>p{position:relative;order:4!important;z-index:1;margin:0 auto!important;max-width:640px!important;line-height:1.65!important}
.mt-error-actions{position:relative!important;order:5!important;z-index:1;margin:13px auto 0!important;gap:12px!important}
.mt-error-links{position:relative!important;order:6!important;z-index:1;margin:2px auto 0!important;gap:11px!important}
.mt-error-wrap::before,.mt-error-wrap::after{pointer-events:none!important;z-index:-1!important}
@media(max-width:600px){.mt-error-wrap{gap:11px!important;padding:30px 18px 34px!important}.mt-error-actions{width:100%!important;flex-wrap:wrap!important}.mt-error-actions .btn{width:100%!important}.mt-error-decoration{font-size:110px!important}.mt-error-wrap>h1{font-size:38px!important}}
/* Compact Maker logo stays at bottom right in both preview and PNG. */
.mt-maker-compact-card{padding-bottom:35px!important;gap:16px!important}
.mt-compact-info{padding-bottom:10px;max-width:calc(100% - 130px)}
.mt-compact-watermark{position:absolute;right:23px;bottom:13px;font:900 19px Outfit,Inter,sans-serif;letter-spacing:-.04em;line-height:1;color:#eef8ff;text-shadow:0 1px 9px rgba(0,0,0,.32);white-space:nowrap;pointer-events:none}
.mt-compact-watermark span{color:var(--card-accent)}
@media(max-width:620px){.mt-maker-compact-card{padding:16px 16px 32px!important}.mt-compact-watermark{font-size:14px;right:16px;bottom:11px}.mt-compact-info{max-width:calc(100% - 80px)}}
/* Follow is green; Save is amber (not green). */
.btn[data-action="follow-project"].mt-state-on,.btn[data-creator-follow].mt-state-on,.btn[data-action="follow-project"].mt-state-on:hover,.btn[data-creator-follow].mt-state-on:hover{background:linear-gradient(180deg,#37e8a0,#059866)!important;border-color:#75ffcd!important;color:#052f24!important;box-shadow:0 10px 30px rgba(16,204,122,.30),inset 0 1px rgba(255,255,255,.4)!important}
.btn[data-action="toggle-project-save"].mt-state-on,.btn[data-action="toggle-save"].mt-state-on,.btn[data-action="toggle-project-save"].mt-state-on:hover,.btn[data-action="toggle-save"].mt-state-on:hover{background:linear-gradient(180deg,#ffe17a,#efa900)!important;border-color:#ffe697!important;color:#422800!important;box-shadow:0 10px 28px rgba(255,192,33,.28),inset 0 1px rgba(255,255,255,.50)!important}
.btn[data-action="toggle-project-save"].mt-state-on svg,.btn[data-action="toggle-save"].mt-state-on svg{stroke:#5d3b00!important}
.btn[data-action="follow-project"],.btn[data-action="toggle-project-save"],.btn[data-action="toggle-save"],.btn[data-creator-follow]{overflow:visible!important;isolation:isolate;transform-origin:center center;will-change:transform}
.btn[data-action="follow-project"]::before,.btn[data-action="toggle-project-save"]::before,.btn[data-action="toggle-save"]::before,.btn[data-creator-follow]::before{border-radius:inherit}
.mt-action-pop{animation:mt148-action-pop .82s cubic-bezier(.13,1.05,.27,1) both!important}
.mt-action-pop>svg{animation:mt148-action-icon .8s cubic-bezier(.13,1,.23,1) both!important;transform-origin:center center}
@keyframes mt148-action-pop{0%{transform:scale(1)}20%{transform:scale(.9)}48%{transform:scale(1.12)}75%{transform:scale(.98)}100%{transform:scale(1)}}
@keyframes mt148-action-icon{0%{transform:rotate(-90deg) scale(.65)}43%{transform:rotate(18deg) scale(1.13)}75%{transform:rotate(-7deg)}100%{transform:rotate(0deg) scale(1)}}
/* True network-transfer feedback; no claim about OS file-save completion. */
.v13-download-state.mt148-download-status{min-height:42px!important;display:flex!important;gap:9px;align-items:center;justify-content:center;padding:9px 12px;border-radius:15px;border:1px solid rgba(105,188,255,.24);background:rgba(27,60,99,.24);color:#bfe7ff;text-align:center;line-height:1.5}
.mt148-download-status .mt148-spinner{height:19px;width:19px;flex:none;border:2px solid rgba(115,190,255,.22);border-top-color:#59c4ff;border-radius:50%;animation:mt148-spin 1s linear infinite}
.mt148-download-status.mt148-success{background:linear-gradient(180deg,rgba(16,175,106,.18),rgba(7,96,72,.15))!important;border-color:rgba(85,239,163,.38)!important;color:#78f7b6!important}
.mt148-download-status.mt148-success .mt148-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#23d78a;color:#043625;box-shadow:0 4px 24px rgba(32,225,135,.3);animation:mt148-checkin .65s cubic-bezier(.12,1.2,.2,1) both}
.mt148-download-status.mt148-success .mt148-check svg{width:15px;height:15px;stroke-width:3}
@keyframes mt148-spin{to{transform:rotate(360deg)}}@keyframes mt148-checkin{0%{transform:rotate(-120deg) scale(.35);opacity:0}70%{transform:rotate(9deg) scale(1.12);opacity:1}100%{transform:rotate(0deg) scale(1);opacity:1}}
.download-file-button.mt148-loading{opacity:.76;pointer-events:none!important;cursor:wait!important}
@media(prefers-reduced-motion:reduce){.mt-action-pop,.mt-action-pop>svg,.mt148-download-status .mt148-spinner,.mt148-download-status .mt148-check{animation:none!important;transform:none!important}}