.mobile-tabs,.mobile-dock{display:none}
button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}
@media(max-width:700px){
html{scroll-padding-top:78px}body{overflow-x:hidden}aside{display:flex;align-items:center;justify-content:space-between;padding:18px max(18px,env(safe-area-inset-right)) 16px max(18px,env(safe-area-inset-left));padding-top:calc(18px + env(safe-area-inset-top));border-bottom:1px solid var(--line)}.logo{font-size:22px}aside .nav#navGuide{display:block;width:auto;margin:0;padding:10px 12px;min-height:44px;font-size:12px;border:1px solid var(--line);color:#c5c7d0}main{padding:0 max(14px,env(safe-area-inset-right)) calc(132px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));width:100%;min-width:0}header{height:44px;font-size:11px;border:0}header .pill{font-size:9px;padding:6px 9px}.heading{margin:16px 2px 22px;display:block}.heading h1{font-size:clamp(25px,7.2vw,32px);line-height:1.18;letter-spacing:-.9px}.heading p{font-size:13px;max-width:290px}.heading #export{display:none}.mobile-tabs{display:flex;gap:6px;position:sticky;top:0;z-index:5;background:#101116f5;backdrop-filter:blur(15px);padding:10px 0 12px;margin:0 0 12px}.mobile-tabs button{flex:1;min-width:0;min-height:46px;border:1px solid #373a44;background:#1d1f27;color:#aeb0bd;border-radius:10px;font-weight:600;font-size:13px}.mobile-tabs button[aria-current=step]{background:#303b22;border-color:#b6df64;color:var(--lime)}.workspace{display:block;min-width:0}.workspace>.card{display:none;padding:18px;border-radius:15px;min-width:0}.workspace>.card.mobile-active{display:block}.card .top{margin-bottom:18px}.card h2{font-size:16px}.drop{padding:22px 12px}.drop .upload{font-size:32px}.drop strong{font-size:17px}.drop p{font-size:12px}.drop .btn{min-height:46px;padding:14px 24px}.label{font-size:13px;margin-top:23px}input:not([type=checkbox]):not([type=range]),select,textarea{font-size:16px;min-height:48px;border-radius:9px}textarea{min-height:120px}input[type=range]{height:44px;cursor:pointer}.choice{min-height:48px;font-size:14px}.hint{font-size:12px;line-height:1.65}.btn{min-height:46px}.styles{gap:10px}.style{min-height:62px;font-size:13px}.toggle{min-height:48px;margin:10px 0;font-size:14px;gap:12px}.toggle input{width:22px;height:22px;flex:none}.stage{height:min(54svh,450px);min-height:240px}.play{width:48px;height:48px;flex:none}.playrow{gap:16px}.previewfoot{font-size:11px}.status{font-size:13px;line-height:1.5}.mobile-dock{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;position:fixed;bottom:0;left:0;right:0;z-index:8;background:#17191ff5;border-top:1px solid #3b3e47;backdrop-filter:blur(18px);padding:12px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.mobile-dock .btn{min-height:48px;font-size:13px;border-radius:11px;padding:10px 8px}.mobile-dock #mobileStatus{grid-column:1/-1;font-size:11px;color:#aeb5a1;text-align:center;line-height:1.4;overflow-wrap:anywhere}.section{margin:24px 2px 14px;gap:14px}.section h2{font-size:15px}.section>.hint{display:none}.presets{gap:10px}.preset{padding:10px;border-radius:12px;min-width:0}.art{height:78px;font-size:clamp(12px,3.5vw,17px);text-align:center;padding:6px}.preset strong{font-size:12px}.preset small{font-size:11px;line-height:1.5}.toast{bottom:calc(118px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 28px);font-size:13px}dialog{max-height:80svh;overflow:auto;padding:22px}dialog p{font-size:14px}body.mobile-editing .presets,body.mobile-editing #presets{display:none}
}
@media(max-width:360px){header>span:first-child{font-size:10px}.mobile-tabs button{font-size:12px}.card .step{font-size:9px}aside .nav#navGuide{font-size:11px;padding:8px}.logo{font-size:20px}.workspace>.card{padding:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}