/* Shared MarFlyer interface tokens. Loaded last on public and workspace pages. */
:root{--mf-primary:#6550df;--mf-primary-hover:#5140bd;--mf-ink:#282438;--mf-muted:#625b70;--mf-border:#ded9e8;--mf-soft:#f3f0fc;--mf-radius:12px;--mf-control:46px;--mf-space:8px}
body{color:var(--mf-ink);font-family:'DM Sans',sans-serif}button,input,select,textarea{font-family:'DM Sans',sans-serif}h1,h2,h3,.brand,.logo{font-family:Manrope,sans-serif}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9987ed;outline-offset:3px}
body .button,body .primary,body #export,body #import-button,body .continue-button,body .generation-actions .retry,body .welcome-dialog .primary,body #download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--mf-control);padding:12px 20px;border:1px solid transparent;border-radius:var(--mf-radius);background:var(--mf-primary);color:#fff;font-size:15px;font-weight:650;line-height:1.4;text-decoration:none;box-shadow:none;transition:background .15s,border-color .15s,box-shadow .15s}
body .button:hover,body .primary:hover,body #export:hover:not(:disabled),body #import-button:hover:not(:disabled),body .continue-button:hover:not(:disabled),body #download:hover{background:var(--mf-primary-hover);color:#fff;transform:none}
body .secondary,body .google-button,body .studio-toolbox button,body .scene-tools button,body .generation-actions button,body .save-copy,body .cloud-state button,body .preview-toggle,body .text-link,body #fallback{min-height:44px;padding:10px 16px;border:1px solid var(--mf-border);border-radius:var(--mf-radius);background:#fff;color:#4c425f;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:none}
body .secondary:hover,body .google-button:hover,body .studio-toolbox button:hover:not(:disabled),body .scene-tools button:hover:not(:disabled),body .preview-toggle:hover,body .text-link:hover{background:var(--mf-soft);border-color:#c4b8e5}
body .text-button{font-size:14px;min-height:44px;padding:10px 12px;border-radius:10px}body .button.small,body .site-nav .nav-actions>.button{min-height:44px;font-size:14px;padding:11px 18px;border-radius:12px;background:var(--mf-primary)}
body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),body select,body textarea{min-height:46px;border:1px solid var(--mf-border);border-radius:10px;padding:11px 13px;background:#fff;color:var(--mf-ink);font-size:16px;line-height:1.5;max-width:100%}body textarea{resize:vertical}body input::placeholder,body textarea::placeholder{color:#81798c;opacity:1}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--mf-primary)}input[type=checkbox],input[type=radio]{width:18px;height:18px;flex-shrink:0}input[type=range]{min-height:32px}input[type=color]{border-radius:8px;min-height:44px}
body .fields label,body .account-card label,body .studio-toolbox label,body .scene-tools label,body .scene-content label{font-size:14px;font-weight:600;color:#4c425f}body .template strong{font-size:15px}body .template small{font-size:13px;line-height:1.5}body .views button{min-height:44px;padding:10px 16px;border-radius:10px;font-size:14px}body .views button[aria-pressed=true]{color:#5140bd;background:#eee9fc}
body .studio-header,body.app-projects>header,body.app-account>header{min-height:80px;height:auto;padding:16px max(24px,calc((100vw - 1440px)/2));gap:20px;background:#fcfbf9;border-bottom:1px solid #e9e6ef}body .studio-header .brand,body.app-projects>header .brand,body.app-account>header .brand{font-size:28px;gap:10px;font-weight:800}body .studio-header .brand img,body.app-projects>header .brand img,body.app-account>header .brand img{width:36px;height:36px}body .studio-header nav,body.app-projects>header nav,body.app-account>header nav{font-size:14px;gap:24px;color:var(--mf-muted)}body .studio-header .account-link,body .site-nav .account-link{border-radius:12px}
body .project-heading{margin-bottom:28px}body .project-heading h1{font-weight:700;line-height:1.2}body .pane-heading{margin-bottom:24px}body .editor-pane{padding:24px}body .editor-tabs button{min-height:60px;font-size:14px}body .editor-tabs button[aria-selected=true]{color:#5140bd;border-bottom-color:var(--mf-primary)}body .scene-row{padding:16px;gap:16px;margin-bottom:16px}body .scene-tools{margin-top:16px;padding-top:12px}body .studio-toolbox{padding:20px;margin:16px 0;border-radius:16px}body .studio-toolbox button{margin-top:4px;margin-bottom:4px}body .template{border-radius:12px}body .template.selected{border-color:var(--mf-primary)}body .export-card{padding:20px;border-radius:16px}body .export-row{gap:16px}body .export-card #status{font-size:14px}body .export-card #download{margin-top:12px}
body .project-info{padding:20px}body .project-actions{gap:12px;padding-top:12px}body .project-actions button{font-size:14px;min-height:44px;padding:8px 4px}body .project-info h2{font-size:20px;font-weight:700}body .project-info p{font-size:13px;color:var(--mf-muted)}body .account-card{padding:32px;border-radius:20px}body .account-card h2{font-size:26px;font-weight:700}body .account-card p{font-size:15px;line-height:1.65}body .account-card .text-link{background:transparent;border-color:transparent}body .cloud-banner{padding:24px;border-radius:16px}
body .home-questions summary,body .faq-list summary{font-size:17px;font-weight:600;line-height:1.5;min-height:56px}body .home-questions details p,body .faq-list details p{font-size:15px;line-height:1.75;color:var(--mf-muted)}body .home-questions summary>span,body .faq-list summary>span{font-size:20px;font-weight:400;width:24px;text-align:center}body .site-footer{gap:32px}body .site-footer a:not(.logo),body .site-footer>div>b{font-size:14px;line-height:1.6}body .site-footer a:not(.logo){padding-block:4px}body .site-footer .logo{font-size:28px}
body .transport button{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--mf-border);color:#5140bd;font-size:18px}body .transport{gap:12px}body .mobile-dock button{min-height:46px;border-radius:12px;font-size:14px}body .mobile-dock #mobile-preview{background:var(--mf-primary);color:#fff}body .scene-strip button{min-height:44px;border-radius:10px}body .scene-strip button[aria-pressed=true]{border-color:var(--mf-primary)}
@media(max-width:1000px){body .studio-header{gap:12px}body .studio-header nav{gap:16px}body .site-nav{column-gap:24px}}
@media(max-width:760px){body .button,body .primary,body #export,body #import-button,body .continue-button{min-height:46px;font-size:15px;padding:12px 16px}body .site-nav .nav-actions>.button{min-height:44px;font-size:13px;padding:10px 12px}body .nav-actions .account-link{width:44px;height:44px;min-height:44px}body .studio-header,body.app-projects>header,body.app-account>header{padding:14px 16px;gap:12px;flex-wrap:wrap;min-height:76px}body .studio-header .brand,body.app-projects>header .brand,body.app-account>header .brand{font-size:24px}body .studio-header .brand img,body.app-projects>header .brand img,body.app-account>header .brand img{width:32px;height:32px}body.app-projects>header .primary{margin-left:auto;padding:10px 12px;font-size:13px}body.app-projects>header .account-link{width:44px;height:44px;padding:0;font-size:0;gap:0}body .editor-pane{padding:20px 16px}body .editor-tabs button{min-height:56px;font-size:13px}body .scene-row{padding:14px 10px;gap:10px}body .studio-toolbox{padding:16px}body .export-card{padding:18px}body .export-row{flex-wrap:wrap;gap:16px}body .export-row #export{flex:1;min-width:140px}body .account-card{padding:24px 20px}body .home-questions summary,body .faq-list summary{font-size:16px}body .site-footer{gap:24px}body .toolbar{gap:16px}body .search input{width:100%}body .generation-card{padding:24px}body .project-heading h1{font-size:28px}body .project-actions{justify-content:space-between}body .preview-panel{min-width:0}body .account-layout{gap:24px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none!important}}
body [hidden]{display:none!important}.ui-icon{width:18px;height:18px;display:inline-block;flex-shrink:0;background:currentColor;vertical-align:middle;mask-position:center;mask-size:contain;mask-repeat:no-repeat}.ui-play{mask-image:url('/ui-play.svg')}.ui-edit{mask-image:url('/ui-edit.svg')}body .mobile-dock button{display:flex;align-items:center;justify-content:center;gap:8px}body .transport #play{font-size:0;display:flex;align-items:center;justify-content:center}.transport #play:before{content:'';width:20px;height:20px;background:currentColor;mask:url('/ui-play.svg') center/contain no-repeat}.transport #play[aria-label="Pause preview"]:before{mask-image:url('/ui-pause.svg')}body .template-check{background:var(--mf-primary);color:#fff}
@media(max-width:760px){body.app-projects .intro{display:block;padding-bottom:24px}body.app-projects .intro .library-note{display:none}body .studio-header nav a[href="/projects"]{display:inline-flex!important;align-items:center;min-height:44px}body .studio-header nav{margin-left:auto}body .studio-header .account-link{margin-left:0}body .site-nav nav a{min-height:44px;display:inline-flex;align-items:center}body .site-nav nav{padding-top:0}body .account-layout{min-width:0}body .account-story{min-width:0}}
@media(max-width:360px){body .studio-header .brand,body.app-projects>header .brand,body.app-account>header .brand{font-size:21px;gap:7px}body.app-projects>header{gap:8px;padding-inline:12px}body.app-projects>header .primary{font-size:12px;padding-inline:10px}body .studio-header .account-link{width:44px;height:44px;padding:0;font-size:0;gap:0}body .site-nav .nav-actions>.button{font-size:12px;padding-inline:9px}body .site-nav>.logo{font-size:21px}body .site-nav{padding-inline:12px;column-gap:8px}}
body .library-toolbar [data-filter]{min-height:44px;padding:10px 16px;border:1px solid var(--mf-border);border-radius:10px;background:#fff;color:var(--mf-muted);font-size:14px;font-weight:600}body .library-toolbar [data-filter][aria-pressed=true]{background:var(--mf-primary);color:#fff;border-color:var(--mf-primary)}body .library-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}body #template-count{font-size:12px;color:var(--mf-muted)}body #demo-play{min-height:44px;padding:10px 16px;border:1px solid var(--mf-border);border-radius:12px;font-size:14px;font-weight:600;background:#fff;color:#4c425f}
@media(max-width:760px){body .library-toolbar{gap:16px;flex-wrap:wrap}body .library-toolbar [data-filter]{padding-inline:12px}body .library-toolbar>div{gap:6px}}