.mobile-nav,.mobile-preview-toggle{display:none}

@media(max-width:720px){
  html{scroll-padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom));overflow-x:hidden}
  body>[hidden],.micro-limits[hidden]{display:none!important}
  button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
  .topbar{width:calc(100% - 24px);height:64px;padding-top:env(safe-area-inset-top)}
  .topbar nav{display:none!important}
  .brand{gap:9px}.brand img{width:36px;height:36px}.brand b{font-size:13px}.brand small{font-size:8px}
  .mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:100;display:grid;grid-template-columns:repeat(4,1fr);height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);border-top:1px solid #223149;background:#030812f2;box-shadow:0 -14px 40px #000a;backdrop-filter:blur(14px)}
  .mobile-nav a{position:relative;display:grid;place-items:center;align-content:center;gap:5px;min-width:0;min-height:54px;border-radius:9px;color:#77869c;font-size:9px;font-weight:750;letter-spacing:.03em}
  .mobile-nav a:before{display:block;color:#94a5bd;font-size:17px;line-height:1}
  .mobile-nav a[data-mobile-link="home"]:before{content:"\2302"}.mobile-nav a[data-mobile-link="live"]:before{content:"\25C9"}.mobile-nav a[data-mobile-link="my"]:before{content:"\25CE"}.mobile-nav a[data-mobile-link="create"]:before{content:"+"}
  .mobile-nav a[aria-current="page"]{color:#fff;background:#0b1727}.mobile-nav a[aria-current="page"]:before{color:#ffad27;text-shadow:0 0 12px #ff9f0a77}
  .button,.create-button,.result-action,.dashboard-actions a,.dashboard-actions button,.widget-actions a,.widget-actions button,.theme-choice,.wallpaper-install summary{min-height:44px}

  .hero,.section,.app-main{width:calc(100% - 24px)}
  .hero{display:flex;flex-direction:column;padding:36px 0 20px}
  .hero-copy{text-align:left}.hero-copy .eyebrow,.hero-actions,.live-strip{justify-content:flex-start}
  .eyebrow{margin-bottom:16px;font-size:8px}.hero h1{font-size:clamp(40px,12.2vw,52px);line-height:.92;white-space:normal}
  .hero-lede{margin-top:22px;font-size:15px;line-height:1.58}
  .hero-actions{display:grid;grid-template-columns:1.15fr .85fr;width:100%;gap:9px;margin-top:25px}.hero-actions .button{padding:0 12px;font-size:11px;gap:10px}
  .live-strip{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:0;margin-top:31px;padding:18px 0;border-top:1px solid #17243a;border-bottom:1px solid #17243a}
  .live-strip div,.live-strip div:first-child{min-width:0;padding:0 7px;border-left:1px solid #253248;text-align:center}.live-strip div:first-child{border-left:0}.live-strip dt{font-size:18px}.live-strip dd{font-size:7px;letter-spacing:.11em}
  .hero-visual{width:calc(100% + 24px);height:min(102vw,430px);margin:-8px -12px 0}.orbit-caption{top:7%;right:7%}
  .signal-band p{min-height:58px;padding:8px;font-size:8px;letter-spacing:.09em}
  .section{padding:58px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:36px}.section-heading>p:last-child{font-size:13px}
  .edition-grid{display:flex;gap:12px;width:calc(100% + 12px);margin-right:-12px;padding:0 12px 8px 0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none}.edition-grid::-webkit-scrollbar{display:none}
  .edition-card.micro-card,.edition-card.small-card,.edition-card.medium-card,.edition-card.full-card{flex:0 0 min(82vw,330px);min-height:385px;scroll-snap-align:start}
  .steps li{padding:28px 22px}.steps h3{margin-top:20px}.code-callout{min-height:64px}.final-cta{gap:24px;margin-bottom:36px;padding:28px 20px}.final-cta h2{font-size:34px}footer{padding-bottom:22px}

  .app-main{padding:34px 0 48px}.app-heading,.dashboard-head{gap:18px;margin-bottom:24px}.app-heading h1{font-size:38px;line-height:.98}.app-heading>p{font-size:13px}.dashboard-title h1{font-size:38px}

  .studio-grid{display:flex;flex-direction:column}.preview-panel{order:-1;position:sticky;top:0;z-index:30;height:54px;margin:0 0 14px;overflow:hidden;box-shadow:0 10px 30px #0008;transition:height .22s ease}
  .preview-panel[data-mobile-open="true"]{height:min(56dvh,470px)}.preview-toolbar{padding:0 10px 0 14px}.preview-toolbar>b{display:none}.mobile-preview-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:114px;min-height:40px;padding:0 12px;border:1px solid #8a6425;border-radius:4px;color:#ffd276;background:#181107;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
  .preview-stage{height:calc(100% - 54px)}.control-panel{padding:20px}.form-section{margin-bottom:22px;padding-bottom:22px}.field input,.field select{height:48px}.choice span{min-height:58px}.toggle-row{min-height:50px}.create-button{height:52px}.result-panel{padding:18px}.result-step,.result-card{padding:18px}

  .dashboard-head{align-items:stretch}.range-tabs{width:100%;padding:3px;overflow-x:auto}.range-tabs button{flex:1;min-width:65px;height:42px;padding:0 8px;font-size:9px}
  .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:8px}.metric{min-height:74px;padding:11px 7px}.metric span{font-size:6.5px;letter-spacing:.08em;line-height:1.25}.metric strong{margin-top:8px;font-size:20px}
  .dashboard-grid{gap:8px}.globe-card{height:min(96vw,420px)}.globe-card-label{top:10px;left:10px}.location-card{height:390px;padding:16px}.chart-card{min-width:0;padding:16px;overflow:hidden}.chart{height:165px;gap:4px}.card-heading h2{font-size:13px}
  .dashboard-actions{grid-template-columns:1fr 1fr;gap:7px}.dashboard-actions a,.dashboard-actions button{display:grid;place-items:center;padding:8px;font-size:9px}

  .widget-card{grid-template-columns:1fr}.widget-preview{height:178px}.widget-preview iframe{width:172px;height:172px}.widget-info{padding:18px}.widget-info dl{grid-template-columns:repeat(4,1fr);gap:0;margin:17px 0}.widget-info dl div,.widget-info dl div:nth-child(3){padding:8px 5px;border-left:1px solid #28364b;text-align:center}.widget-info dl div:first-child{border-left:0}.widget-info dt{font-size:17px}.widget-info dd{font-size:7px}
  .widget-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.widget-actions a,.widget-actions button{display:grid;place-items:center;padding:7px;text-align:center}.widget-actions .danger{grid-column:1/-1;margin-left:0}

  .wallpaper-gallery{width:calc(100% - 24px);padding:34px 0 40px}.wallpaper-gallery-head{gap:17px;margin-bottom:27px}.wallpaper-gallery-head h1{font-size:43px}.wallpaper-gallery-head>p{font-size:13px;line-height:1.65}
  .wallpaper-builder{display:flex;flex-direction:column;min-height:0}.wallpaper-live-preview{order:1;min-height:300px}.wallpaper-choices{order:2;padding:23px 18px}.wallpaper-choices>p:nth-of-type(2){margin-bottom:18px}.theme-choice{min-height:64px;padding:10px 12px}.wallpaper-apply{min-height:50px}.wallpaper-apply[data-mobile-handoff="true"]{border-color:#4b678d;color:#dce9ff;background:#0b1a2e;box-shadow:none}.wallpaper-install summary{display:flex;align-items:center}.wallpaper-trust>div{min-height:82px;padding:16px 20px}
}

@media(max-width:960px) and (max-height:540px) and (orientation:landscape){
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom));overflow-x:hidden}.topbar{height:56px}.topbar nav{display:none!important}
  .mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:100;display:grid;grid-template-columns:repeat(4,1fr);height:calc(56px + env(safe-area-inset-bottom));padding:3px 8px env(safe-area-inset-bottom);border-top:1px solid #223149;background:#030812f2;box-shadow:0 -12px 35px #000a;backdrop-filter:blur(14px)}
  .mobile-nav a{display:grid;place-items:center;align-content:center;gap:2px;min-height:46px;border-radius:8px;color:#77869c;font-size:8px;font-weight:750}.mobile-nav a:before{display:block;color:#94a5bd;font-size:14px;line-height:1}.mobile-nav a[data-mobile-link="home"]:before{content:"\2302"}.mobile-nav a[data-mobile-link="live"]:before{content:"\25C9"}.mobile-nav a[data-mobile-link="my"]:before{content:"\25CE"}.mobile-nav a[data-mobile-link="create"]:before{content:"+"}.mobile-nav a[aria-current="page"]{color:#fff;background:#0b1727}.mobile-nav a[aria-current="page"]:before{color:#ffad27}
  .app-main{padding-top:22px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:24px}.hero-visual{width:100%;height:330px;margin:-20px 0}.hero h1{font-size:42px}.hero-lede{margin-top:15px;font-size:13px}.hero-actions{margin-top:15px}.live-strip{margin-top:16px;padding:12px 0}.signal-band{display:none}
  .dashboard-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:10px}.metrics{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.metric{min-height:66px;padding:9px 12px}.metric strong{margin-top:5px;font-size:20px}.globe-card{height:calc(100dvh - 125px);min-height:280px}
  .studio-grid{display:flex;flex-direction:column}.preview-panel{order:-1;position:sticky;top:0;z-index:30;height:54px;margin:0 0 14px;overflow:hidden}.preview-panel[data-mobile-open="true"]{height:calc(100dvh - 68px)}.preview-toolbar>b{display:none}.mobile-preview-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:114px;min-height:40px;padding:0 12px;border:1px solid #8a6425;border-radius:4px;color:#ffd276;background:#181107;font-size:9px;font-weight:800;text-transform:uppercase}
  .wallpaper-gallery-head{grid-template-columns:1fr 1fr}.wallpaper-live-preview{min-height:75dvh}
}

@media(prefers-reduced-motion:reduce){.preview-panel{transition:none}}