@media(max-width:760px){
 html{overflow-x:hidden;scroll-padding-top:112px}body{overflow-x:hidden;padding-bottom:calc(76px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%;touch-action:manipulation}.app{display:block;min-height:100dvh}.app>header{position:sticky;top:0;z-index:45;display:flex!important;min-height:64px!important;height:64px!important;padding:8px 12px!important;flex-wrap:nowrap!important;gap:8px!important;background:#080a08eF!important;backdrop-filter:blur(16px);border-bottom:1px solid #273027}.app>header .brand{flex:0 0 auto}.brand-mark{width:92px;height:38px}.app>header>.nav,.app>header>.actions{display:none!important}.tool-switcher.site-nav{display:flex!important;width:auto!important;min-width:0;flex:1!important;order:0!important;margin:0!important;justify-content:flex-end!important}.site-nav-links{display:none!important}.site-tool-picker{width:min(48vw,220px)!important;margin-left:auto!important}.site-tool-picker select{height:46px!important;min-width:0!important;width:100%!important;padding:0 34px 0 11px!important;border-radius:12px!important;white-space:nowrap;text-overflow:ellipsis;background:#111711!important}.site-tool-picker label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}
 .mobile-current-tool{position:sticky;top:64px;z-index:39;height:42px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#0d110df2;border-bottom:1px solid #242b24;color:#abb4ab;font-size:12px;backdrop-filter:blur(14px)}.mobile-current-tool button{width:30px;height:30px;padding:0;border:1px solid #303930;border-radius:8px;background:#151a15;color:white}.mobile-current-tool span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;letter-spacing:.02em}
 .mobile-dock{position:fixed;z-index:150;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:64px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border:1px solid #354035;border-radius:20px;background:#0b0e0bf2;box-shadow:0 16px 50px #000b;backdrop-filter:blur(18px)}.mobile-dock button{display:grid;place-items:center;align-content:center;gap:2px;min-width:0;border:0;border-radius:15px;background:transparent;color:#7e887e;font-size:9px;font-weight:750}.mobile-dock button span{font-size:19px;line-height:1}.mobile-dock button[aria-current=page]{background:color-mix(in srgb,var(--accent) 15%,#101510);color:var(--accent)}
 .mobile-tool-sheet{inset:auto 0 0!important;width:100%!important;max-width:none!important;height:min(88dvh,820px);max-height:none;margin:0;padding:0 0 env(safe-area-inset-bottom);border:1px solid #384438;border-bottom:0;border-radius:24px 24px 0 0;background:#0b0e0b;color:white;box-shadow:0 -20px 80px #000c}.mobile-tool-sheet::backdrop{background:#000b;backdrop-filter:blur(5px)}.mobile-sheet-handle{width:48px;height:5px;margin:9px auto 1px;border-radius:99px;background:#4b554b}.mobile-tool-sheet>header{position:sticky;top:0;z-index:2;display:flex!important;align-items:center;justify-content:space-between;height:auto!important;min-height:0!important;padding:12px 16px!important;border:0!important;background:#0b0e0bf2!important}.mobile-tool-sheet header small{color:var(--accent);font-size:9px;letter-spacing:.17em}.mobile-tool-sheet h2{margin:4px 0 0;font-size:25px;letter-spacing:-.04em}.mobile-tool-sheet header button{width:40px;height:40px;border:1px solid #343d34;border-radius:50%;background:#171c17;color:white;font-size:25px}.mobile-tool-search{position:sticky;top:70px;z-index:2;display:grid;gap:5px;padding:4px 16px 13px;background:#0b0e0bf2;color:#899389;font-size:10px}.mobile-tool-search input{width:100%!important;height:46px;border:1px solid #303930;border-radius:12px;background:#131713;color:white;padding:0 14px;font-size:16px!important}.mobile-tool-groups{padding:0 12px 24px;overflow:auto}.mobile-tool-groups details{border-bottom:1px solid #252c25}.mobile-tool-groups summary{display:flex;justify-content:space-between;align-items:center;padding:17px 5px;color:#d8ded8;font-size:12px;font-weight:900;letter-spacing:.12em;list-style:none}.mobile-tool-groups summary::-webkit-details-marker{display:none}.mobile-tool-groups summary span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#161d16;color:#849084;font-size:10px}.mobile-tool-groups details>div{display:grid;gap:6px;padding-bottom:12px}.mobile-tool-groups [data-mobile-tool]{position:relative;display:grid;gap:4px;width:100%;padding:14px 40px 14px 14px;border:1px solid #293129;border-radius:12px;background:#111511;color:#f1f4f1;text-align:left}.mobile-tool-groups [data-mobile-tool] b{font-size:14px}.mobile-tool-groups [data-mobile-tool] small{display:-webkit-box;color:#818b81;font-size:11px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-tool-groups [data-mobile-tool] i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--accent);font-style:normal;font-size:20px}
 .page{max-width:100vw}.tool-hub,.creative,.converter,.upscaler,.matchcut,.phrase-tool,.ai-gen,.wb-page,.shop-shell,.transfer-shell,.invoice{padding-left:13px!important;padding-right:13px!important}.hub-intro{min-height:72svh!important;border-radius:0 0 20px 20px!important}.hub-intro-content{padding-top:46px!important;padding-bottom:48px!important}.hub-head h1{font-size:clamp(43px,13vw,62px)!important;line-height:.92!important}.hub-head p{font-size:14px!important}.hub-intro-meta{gap:13px!important;font-size:9px!important}.hub-section{margin-top:38px!important}.hub-grid{gap:11px!important}.tool-card,.tool-card.featured{border-radius:15px!important}.tool-card-art,.tool-card.featured .tool-card-art{height:165px!important}.tool-card-content{padding:17px!important}.tool-card h2{font-size:23px!important}.tool-card p{font-size:13px!important;line-height:1.5!important;margin-bottom:16px!important}.tool-card .btn{width:100%;min-height:48px}.package-section{padding-inline:0!important}.package-card{border-radius:16px!important}
 .creative h1,.converter h1,.upscaler h1,.matchcut h1,.ai-gen-head h1,.phrase-head h1{font-size:32px!important;line-height:1!important}.creative-layout,.cut-layout,.upscale-layout,.convert-grid,.ai-grid,.phrase-layout,.transfer-grid,.wb-layout{grid-template-columns:minmax(0,1fr)!important}.creative-panel,.cut-controls,.convert-form,.upscale-settings,.ai-panel,.phrase-panel,.wb-controls{padding:15px!important;border-radius:14px!important;max-height:none!important;overflow:visible!important}.creative-screen,.cut-preview,.upscale-preview,.ai-stage,.wb-main{order:-1}.creative-screen,.cut-screen,.upscale-viewport,.ai-view,.wb-view,.object-viewport{width:100%!important;height:min(58svh,480px)!important;min-height:300px!important;max-height:500px!important;border-radius:13px!important}.creative canvas,.cut-screen canvas,.ai-view canvas,.wb-view canvas{max-width:100%!important}.row{min-width:0}.row>*{min-width:0}.creative .row>label{flex-basis:calc(50% - 5px)!important}.creative input,.creative select,.creative textarea,.wb-controls input,.wb-controls select,.wb-controls textarea,.convert-form input,.convert-form select,.upscale-settings input,.upscale-settings select,.ai-panel input,.ai-panel select,.ai-panel textarea,.phrase-panel input,.phrase-panel select{font-size:16px!important;min-height:46px}.btn,button{min-height:44px}.cut-actions,.upscale-actions,.ai-actions,.wb-actions,.prod-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.cut-actions .btn,.upscale-actions .btn,.ai-actions .btn,.wb-actions .btn,.prod-actions .btn{width:100%;white-space:normal}.palette-grid{overflow-x:auto!important;scroll-snap-type:x mandatory;border-radius:12px!important}.palette-card{flex:0 0 72vw!important;scroll-snap-align:center}.palette-swatch{height:240px!important}.pal-workbench{grid-template-columns:1fr!important}.prod-controls label{align-items:flex-start!important;flex-direction:column!important}.prod-controls input:not([type=checkbox]),.prod-controls select{width:100%!important}.phrase-results{grid-template-columns:1fr!important}.object-viewport{height:420px!important}.invoice-layout{grid-template-columns:1fr!important}.invoice-preview{order:-1}.invoice-item{overflow-x:auto}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.background-option img{height:82px!important}
 #studioPage.active{display:flex!important;flex-direction:column!important}.studio{height:auto!important}.stage{order:-1;height:58svh!important;min-height:390px!important;max-height:540px!important}.side{width:100%!important;padding:14px!important;overflow:visible!important}.side.right{position:static!important;height:auto!important}.stagebar{gap:6px}.stagebar .pill{font-size:10px}.stage-actions{overflow:auto}.stage-actions button{white-space:nowrap}.hint{bottom:8px!important;width:max-content;max-width:88vw!important}.review-grid{grid-template-columns:1fr!important}.preview-box{min-height:380px!important;height:55svh!important}.review-panel{padding:14px!important}.dashboard,.review{padding:20px 13px!important}.project{min-height:135px}.grid{grid-template-columns:1fr!important}
 .site-dialog,.auth-dialog{inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important}.site-dialog-content{padding:24px 15px 90px!important}.site-dialog-bar{padding-top:calc(12px + env(safe-area-inset-top))!important}.auth-dialog-inner{min-height:100dvh}.auth-identity{padding-top:calc(30px + env(safe-area-inset-top))!important}.auth-content{padding-bottom:90px!important}.support-launch{bottom:86px!important;right:13px!important}.support-panel{position:fixed!important;inset:calc(10px + env(safe-area-inset-top)) 8px calc(82px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:none!important}.site-footer{padding-bottom:96px!important}
}
@media(min-width:761px){.mobile-dock,.mobile-tool-sheet,.mobile-current-tool{display:none!important}}
@media(max-width:380px){.brand-mark{width:79px}.site-tool-picker{width:45vw!important}.mobile-dock{left:6px;right:6px}.creative .row>label{flex-basis:100%!important}.cut-actions,.upscale-actions,.ai-actions,.wb-actions,.prod-actions{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.mobile-tool-sheet{scroll-behavior:auto}}