/* Browser-only layer, ordered before hz so its important declarations override the desktop shell. */
@layer hzmobile {
  .hz .hzm-nav,.hz .hzm-brand,.hz .hzm-back,.hz .hzm-profile-trigger { display:none !important; }
  .hz .hzm-quick-heading { display:none !important; }
  .hz .hzm-disclosure { display:contents !important; }
  .hz .hzm-disclosure>summary,.hz .hzm-slot-toggle { display:none !important; }
  .hz .hzm-upload { display:flex !important; align-items:center !important; gap:12px !important; width:100% !important; min-height:72px !important; margin:0 0 12px !important; padding:12px 16px !important; border:1px solid #b29bdd38 !important; border-radius:12px !important; background:#a78aeb0b !important; text-align:left !important; color:var(--hz-text) !important; }
  .hz .hzm-upload>svg { width:24px !important; height:24px !important; color:#bba2ed !important; }
  .hz .hzm-upload>span:first-of-type { flex:1 !important; }
  .hz .hzm-upload b { display:block !important; font-size:14px !important; font-weight:550 !important; }
  .hz .hzm-upload small { display:block !important; font-size:11px !important; color:#aaa9bc !important; margin-top:4px !important; }
  .hz .hzm-upload:hover { background:#a78aeb17 !important; border-color:#b29bdd66 !important; }
  @media(min-width:901px) { .hz .hzm-page { display:none !important; } }
  @media(max-width:900px) {
    :root.hz { --hz-nav:0px !important; --hzm-top:calc(64px + env(safe-area-inset-top,0px)) !important; --hzm-bottom:calc(68px + env(safe-area-inset-bottom,0px)) !important; --hz-bar:var(--hzm-top) !important; --hzm-height:100dvh !important; }
    .hz body { width:100% !important; min-width:320px !important; height:100vh !important; height:var(--hzm-height,100vh) !important; height:100dvh !important; overflow:hidden !important; overscroll-behavior:none !important; -webkit-text-size-adjust:100% !important; }
    .hz main::-webkit-scrollbar { width:0 !important; height:0 !important; }
    .hz nav.tabs.sidebar,.hz .hz-brand-lockup,.hz .bw-nav-shade,.hz .topbar>.bw-nav-toggle { display:none !important; }
    .hz body>main,.hz .app-main { position:fixed !important; top:var(--hzm-top) !important; left:0 !important; width:100% !important; height:calc(var(--hzm-height) - var(--hzm-top) - var(--hzm-bottom)) !important; margin:0 !important; padding:16px 16px 32px !important; overflow:auto !important; overflow-x:hidden !important; scrollbar-gutter:auto !important; overscroll-behavior-y:contain !important; scroll-padding:16px !important; -webkit-overflow-scrolling:touch !important; }
    .hz body>main>.panel { width:100% !important; max-width:720px !important; min-width:0 !important; margin-left:auto !important; margin-right:auto !important; }
    .hz .topbar { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; height:var(--hzm-top) !important; min-height:var(--hzm-top) !important; padding:env(safe-area-inset-top,0px) 16px 0 !important; gap:4px !important; background:#0d0f18f5 !important; border-bottom:1px solid #ffffff0d !important; z-index:120 !important; }
    .hz .topbar>:not(.hzm-brand):not(.hzm-back):not(.hzm-profile-trigger):not(.hz-search-trigger) { display:none !important; }
    .hz .hzm-brand { display:flex !important; align-items:center !important; gap:10px !important; margin:0 auto 0 0 !important; padding:0 !important; min-height:44px !important; background:none !important; border:0 !important; border-radius:8px !important; text-align:left !important; color:#eeedf4 !important; flex:1 !important; box-shadow:none !important; }
    .hz .hzm-brand>img { width:32px !important; height:32px !important; border-radius:9px !important; }
    .hz .hzm-brand b { display:block !important; font-size:15px !important; letter-spacing:.6px !important; line-height:1.5 !important; font-weight:600 !important; }
    .hz .hzm-brand small { display:block !important; margin-top:1px !important; color:#9c92ae !important; font-size:8px !important; line-height:1.5 !important; letter-spacing:1.8px !important; }
    .hz .hzm-back,.hz .hzm-profile-trigger,.hz .topbar .hz-search-trigger { display:grid !important; place-items:center !important; width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; flex:0 0 44px !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; color:#b6b3c7 !important; border-radius:12px !important; box-shadow:none !important; position:relative !important; }
    .hz .hzm-back svg,.hz .hzm-profile-trigger svg,.hz .topbar .hz-search-trigger svg { width:21px !important; height:21px !important; }
    .hz .hzm-back[hidden],.hz .topbar .hz-search-trigger :is(span,kbd) { display:none !important; }
    .hz .hzm-back:not([hidden])+.hzm-brand img { display:none !important; }
    .hz .hzm-profile-trigger i { position:absolute !important; right:9px !important; top:9px !important; width:5px !important; height:5px !important; background:#b9a0e8 !important; border:2px solid #0d0f18 !important; box-sizing:content-box !important; border-radius:50% !important; }
    .hz .hzm-profile-trigger[data-state=ready] i { background:#98d0b4 !important; }
    .hz .hzm-nav { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; position:fixed !important; z-index:120 !important; left:0 !important; right:0 !important; bottom:0 !important; height:var(--hzm-bottom) !important; padding:8px max(8px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left)) !important; border-top:1px solid #ffffff10 !important; background:#11131ef7 !important; backdrop-filter:blur(12px) !important; }
    .hz .hzm-nav button { display:flex !important; align-items:center !important; justify-content:center !important; flex-direction:column !important; gap:4px !important; height:52px !important; min-width:0 !important; padding:4px !important; color:#9997af !important; font-size:11px !important; line-height:1.4 !important; font-weight:450 !important; background:none !important; border:0 !important; border-radius:12px !important; position:relative !important; z-index:1 !important; box-shadow:none !important; transition:color 180ms !important; }
    .hz .hzm-nav button svg { width:21px !important; height:21px !important; }
    .hz .hzm-nav button.is-current { color:#cfb5ff !important; }
    .hz .hzm-nav-track { position:absolute !important; top:8px !important; left:8px !important; width:calc((100% - 16px)/4) !important; height:52px !important; border-radius:12px !important; background:#a78aeb12 !important; translate:calc(var(--hzm-index,0)*100%) 0 !important; transition:translate 220ms cubic-bezier(.2,.8,.2,1) !important; pointer-events:none !important; }
    .hz.hzm-keyboard { --hzm-bottom:0px !important; }
    .hz.hzm-keyboard .hzm-nav { display:none !important; }
    .hz #acctBar,.hz body>main>.footer,.hz [data-hzm-desktop-only] { display:none !important; }
    .hz #webContextStrip { display:block !important; max-width:720px !important; margin:0 auto !important; padding:0 !important; border:0 !important; background:none !important; }
    .hz #webContextStrip:has(#webSyncBar[data-status=ready]):not(:has(.ws-notice:not([hidden]))):not(:has(#trialBar)) { display:none !important; }
    .hz #trialBar { max-width:100% !important; flex-wrap:wrap !important; gap:8px !important; padding:12px !important; margin:0 0 12px !important; font-size:12px !important; line-height:1.7 !important; }
    .hz #trialBar button { min-height:44px !important; }
    .hz #webSyncBar { position:static !important; width:100% !important; max-width:720px !important; min-height:0 !important; padding:8px 12px !important; margin:0 auto 12px !important; border:1px solid #ffffff10 !important; border-radius:12px !important; background:#141620 !important; font-size:12px !important; }
    .hz #webSyncBar[data-status=ready]:not(:has(.ws-notice:not([hidden]))) { display:none !important; }
    .hz #webSyncBar .ws-info { min-width:0 !important; }
    .hz #webSyncBar .ws-status { white-space:normal !important; font-size:12px !important; line-height:1.6 !important; }
    .hz #webSyncBar .ws-actions { flex-wrap:wrap !important; }
    .hz #webSyncBar button { min-height:44px !important; }
    .hz #webSyncBar.hzm-sync-quiet,.hz #webContextStrip.hzm-sync-quiet { display:none !important; }

    /* The hero shares the desktop artwork; only its crop and reading space change. */
    .hz .hz-home .hz-hero { height:176px !important; padding:20px 16px !important; border-radius:16px !important; margin:0 !important; }
    .hz .hz-home .hz-hero-copy { width:100% !important; max-width:100% !important; }
    .hz .hz-home .hz-eyebrow { margin-bottom:12px !important; font-size:8px !important; gap:8px !important; letter-spacing:1.2px !important; }
    .hz .hz-home .hz-eyebrow span:last-child { font-size:9px !important; letter-spacing:.2px !important; }
    .hz .hz-home .hz-hero-copy h1 { font-size:29px !important; line-height:1.32 !important; letter-spacing:-.6px !important; }
    .hz .hz-home .hz-hero-copy h1 strong { background:none !important; color:#bda7e9 !important; -webkit-text-fill-color:#bda7e9 !important; }
    .hz .hz-home .hz-hero-copy>p { display:none !important; }
    .hz .hz-home .hz-hero-copy>p.hz-hero-tagline { display:block !important; max-width:66% !important; margin-top:12px !important; font-size:14px !important; line-height:1.7 !important; color:#d1c4e0 !important; letter-spacing:.5px !important; }
    .hz .hz-home .hz-hero-actions { display:none !important; }
    .hz .hz-home :is(.hz-primary,.hz-secondary) { height:44px !important; min-height:44px !important; padding:0 14px !important; font-size:12px !important; gap:8px !important; }
    .hz .hz-home .hz-primary>span { margin-left:0 !important; }
    .hz .hz-home .hz-primary svg { display:none !important; }
    .hz .hz-home .hz-dragon-stage { top:2px !important; right:-14% !important; width:64% !important; height:176px !important; opacity:.52 !important; }
    .hz .hz-home .hz-hero-landscape>img { left:60% !important; opacity:.92 !important; }
    .hz .hz-home .hz-hero::after { background:linear-gradient(90deg,#0b0d16f2,#0b0d1688 50%,#0b0d1600),linear-gradient(0deg,#0b0d16,transparent 28%) !important; }
    .hz .hz-home .hz-features { grid-template-columns:repeat(2,minmax(0,1fr)) !important; padding:16px 0 24px !important; gap:8px !important; }
    .hz .hz-home .hz-features>button { position:relative !important; flex-direction:row !important; align-items:center !important; gap:10px !important; min-height:80px !important; padding:14px 12px !important; border-radius:14px !important; background:linear-gradient(135deg,#22283b,#141d30) !important; border-color:#c3bee824 !important; box-shadow:inset 0 1px #ffffff0d !important; }
    .hz .hz-home .hz-feature-icon { width:32px !important; height:32px !important; flex-basis:32px !important; border-radius:10px !important; }
    .hz .hz-home .hz-feature-icon svg { width:19px !important; height:19px !important; }
    .hz .hz-home .hz-features b { font-size:12px !important; line-height:1.6 !important; white-space:normal !important; }
    .hz .hz-home .hz-features small { font-size:10px !important; line-height:1.6 !important; margin-top:4px !important; }
    .hz .hz-home .hz-features i { display:none !important; }
    .hz .hz-home .hz-features>button:last-child { display:none !important; }
    .hz .hz-home .hz-features>button:last-child i { display:block !important; align-self:center !important; }
    .hz .hz-home .hz-features>button:last-child small { display:inline !important; margin-left:12px !important; }
    .hz .hz-home .hz-features>button:last-child b { display:inline !important; }
    .hz .hz-home .hz-features:has(.trial-badge)>button:not(:last-child) { min-height:112px !important; align-items:flex-start !important; padding-bottom:32px !important; }
    .hz .hz-home .hz-features>button>.trial-badge { position:absolute !important; left:12px !important; bottom:8px !important; display:inline-flex !important; align-items:center !important; width:auto !important; max-width:calc(100% - 24px) !important; height:18px !important; margin:0 !important; padding:0 5px !important; border:1px solid #b49ae822 !important; border-radius:5px !important; color:#bda6db !important; background:#a78aeb0c !important; font-size:10px !important; line-height:16px !important; font-weight:450 !important; white-space:nowrap !important; }
    .hz .hz-home .hz-dashboard { grid-template-columns:minmax(0,1fr) !important; gap:12px !important; }
    .hz .hz-home :is(.hz-composer,.hz-recommend,.hz-statistics,.hz-catalog,.hz-recent) { padding:16px !important; border-radius:16px !important; }
    .hz .hz-home .hz-section-head { gap:8px !important; margin-bottom:16px !important; }
    .hz .hz-home .hz-section-head h3 { font-size:14px !important; line-height:1.6 !important; }
    .hz .hz-home .hz-section-head p { font-size:11px !important; margin-top:6px !important; }
    .hz .hz-home .hz-composer .hz-pill { display:none !important; }
    .hz .hz-home .hz-compose-input { height:52px !important; min-height:52px !important; padding:4px 4px 4px 12px !important; gap:8px !important; }
    .hz .hz-home .hz-compose-input #linkAnalyzerInput { font-size:16px !important; }
    .hz .hz-home .hz-compose-input #linkAnalyzerInput::placeholder { font-size:13px !important; }
    .hz .hz-home .hz-compose-input #linkAnalyzerBtn { width:44px !important; min-width:44px !important; height:44px !important; min-height:44px !important; padding:0 !important; }
    .hz .hz-home :is(.hz-submit-label,.hz-input-icon) { display:none !important; }
    .hz .hz-home .hz-compose-footer { align-items:flex-start !important; gap:8px !important; margin-top:8px !important; }
    .hz .hz-home #hzLinkHint { max-width:75% !important; font-size:11px !important; }
    .hz .hz-home :is(.hz-text-action,.hz-section-head>button) { min-height:44px !important; font-size:12px !important; }
    .hz .hz-home .hz-link-status { flex-wrap:wrap !important; font-size:12px !important; }
    .hz .hz-home .hz-link-status button { min-height:44px !important; }
    .hz .hz-home .hz-inspire { grid-row:auto !important; min-height:160px !important; padding:20px !important; }
    .hz .hz-home .hz-inspire h3 { font-size:24px !important; }
    .hz .hz-home .hz-inspire-landscape { object-position:50% 40% !important; }
    .hz .hz-home .hz-recommend-grid,.hz .hz-home .hz-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
    .hz .hz-home .hz-recommend-grid>button { padding:8px 0 !important; gap:8px !important; min-height:64px !important; }
    .hz .hz-home .hz-recommend-grid b { font-size:12px !important; }
    .hz .hz-home .hz-recommend-grid small { font-size:10px !important; line-height:1.6 !important; }
    .hz .hz-home .hz-small-icon { width:28px !important; height:28px !important; flex-shrink:0 !important; }
    .hz .hz-home .hz-catalog { display:none !important; }
    /* One focused mobile home; complete tools and task history retain their own tabs. */
    .hz .hz-home :is(.hz-inspire,.hz-recommend,.hz-statistics,.hz-recent) { display:none !important; }
    .hz .hz-home .hz-composer { background:#141620 !important; border:1px solid #ffffff10 !important; box-shadow:none !important; }
    .hz .hz-home .hz-composer .hz-section-head { margin-bottom:12px !important; }
    .hz .hz-home .hz-composer .hz-section-head p { display:none !important; }
    .hz .hz-home .hz-compose-footer { margin-top:8px !important; }
    .hz .hz-home .hz-compose-footer #hzLinkHint { max-width:70% !important; font-size:10px !important; }
    .hz .hzm-upload { min-height:64px !important; border-style:dashed !important; margin-bottom:12px !important; }
    .hz .hzm-upload small { font-size:10px !important; }
    .hz .hzm-quick-heading { display:flex !important; align-items:center !important; justify-content:space-between !important; margin:12px 0 0 !important; color:#d5d1e1 !important; font-size:13px !important; font-weight:550 !important; }
    .hz .hzm-quick-heading button { min-height:44px !important; padding:0 4px 0 12px !important; border:0 !important; background:none !important; color:#b3a0cf !important; font-size:12px !important; box-shadow:none !important; }
    .hz .hzm-quick-heading+.hz-features { padding-top:4px !important; }
    .hz.hzm-native #hzmInstall { display:none !important; }
    .hz:not(.hzm-native) #hzmAbout { display:none !important; }
    .hz.hzm-native .hzm-account-footer { letter-spacing:.4px !important; }

    /* Complete mobile views, backed by the same directory and account state. */
    .hz .hzm-page { padding:8px 0 0 !important; color:var(--hz-text) !important; }
    .hz .hzm-page-head { margin:0 0 24px !important; }
    .hz .hzm-eyebrow { font-size:9px !important; letter-spacing:2px !important; color:#a99bbd !important; }
    .hz .hzm-page-head h1 { font-size:25px !important; line-height:1.4 !important; margin:12px 0 8px !important; letter-spacing:-.4px !important; font-weight:600 !important; }
    .hz .hzm-page-head p { margin:0 !important; font-size:12px !important; color:#a5a5b8 !important; line-height:1.7 !important; }
    .hz .hzm-tool-search { display:flex !important; align-items:center !important; gap:10px !important; padding:0 14px !important; height:52px !important; background:#141620 !important; border:1px solid #ffffff17 !important; border-radius:12px !important; }
    .hz .hzm-tool-search svg { width:20px !important; height:20px !important; stroke:currentColor !important; stroke-width:1.5 !important; fill:none !important; color:#9d93b0 !important; flex:none !important; }
    .hz .hzm-tool-search input { width:0 !important; flex:1 !important; height:100% !important; padding:0 !important; font-size:16px !important; border:0 !important; outline:none !important; box-shadow:none !important; background:none !important; }
    .hz .hzm-tool-search:focus-within { border-color:#a78aeb99 !important; box-shadow:0 0 0 3px #a78aeb14 !important; }
    .hz .hzm-tool-search input::placeholder { font-size:13px !important; }
    .hz .hzm-filters { display:flex !important; gap:8px !important; width:100% !important; margin:16px 0 8px !important; padding:0 0 8px !important; overflow-x:auto !important; scrollbar-width:none !important; }
    .hz .hzm-filters::-webkit-scrollbar { display:none !important; width:0 !important; height:0 !important; }
    .hz .hzm-filters button { flex:none !important; min-height:44px !important; padding:0 16px !important; border-radius:12px !important; border:1px solid #ffffff0e !important; background:#141620 !important; color:#a5a5b8 !important; font-size:12px !important; }
    .hz .hzm-filters button[aria-pressed=true] { color:#d6c1fc !important; border-color:#b49ae83d !important; background:#a78aeb1a !important; }
    .hz .hzm-tool-summary { margin:8px 0 16px !important; font-size:11px !important; color:#9895ac !important; }
    .hz .hzm-tool-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
    .hz .hzm-tool { position:relative !important; min-width:0 !important; min-height:116px !important; padding:16px !important; border-radius:16px !important; border:1px solid #ffffff12 !important; background:#141620 !important; text-align:left !important; color:#eeedf4 !important; box-shadow:inset 0 1px #ffffff03 !important; }
    .hz .hzm-tool-icon { display:grid !important; place-items:center !important; width:32px !important; height:32px !important; color:#b9a0e8 !important; border-radius:9px !important; background:#a78aeb13 !important; margin-bottom:12px !important; }
    .hz .hzm-tool-icon svg { width:19px !important; height:19px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.6 !important; }
    .hz .hzm-tool b { display:block !important; font-size:13px !important; line-height:1.6 !important; font-weight:550 !important; overflow-wrap:anywhere !important; }
    .hz .hzm-tool small { display:block !important; font-size:10px !important; margin-top:6px !important; color:#9895ac !important; }
    .hz .hzm-caption { color:#9895ac !important; font-size:11px !important; line-height:1.8 !important; margin:20px 0 0 !important; }
    .hz .hzm-empty { grid-column:1/-1 !important; color:#b6b3c5 !important; font-size:13px !important; padding:32px 16px !important; text-align:center !important; }
    .hz .hzm-profile { display:flex !important; align-items:center !important; gap:12px !important; padding:20px 16px !important; border:1px solid #b49ae826 !important; border-radius:16px !important; background:linear-gradient(120deg,#282034,#151722) !important; margin-bottom:16px !important; }
    .hz .hzm-profile>img { width:44px !important; height:44px !important; flex:none !important; }
    .hz .hzm-profile>div { min-width:0 !important; flex:1 !important; }
    .hz .hzm-profile strong { display:block !important; font-size:16px !important; letter-spacing:.3px !important; font-weight:550 !important; white-space:nowrap !important; }
    .hz .hzm-profile div>span { display:block !important; font-size:11px !important; color:#b2a8c7 !important; margin-top:6px !important; }
    .hz .hzm-tag { flex:none !important; font-size:10px !important; color:#c4b0e7 !important; padding:4px 6px !important; border:1px solid #b49ae822 !important; border-radius:6px !important; }
    .hz .hzm-service,.hz .hzm-account-actions,.hz .hzm-help { padding:0 16px !important; margin-bottom:16px !important; border:1px solid #ffffff12 !important; border-radius:16px !important; background:#141620 !important; }
    .hz .hzm-service { padding-top:8px !important; }
    .hz .hzm-row-head { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; }
    .hz .hzm-row-head h2 { font-size:14px !important; margin:0 !important; font-weight:550 !important; }
    .hz .hzm-text-button { min-height:44px !important; padding:0 8px !important; background:none !important; border:0 !important; color:#bda3ee !important; font-size:12px !important; }
    .hz #hzmServiceState { margin:4px 0 12px !important; font-size:12px !important; line-height:1.8 !important; color:#aaa5ba !important; }
    .hz #hzmBalanceHost #topbarBalance { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; align-items:start !important; width:100% !important; min-width:0 !important; max-width:100% !important; padding:8px 0 20px !important; margin:0 !important; height:auto !important; min-height:0 !important; background:none !important; border:0 !important; box-shadow:none !important; gap:16px !important; white-space:normal !important; font-size:12px !important; }
    .hz #hzmBalanceHost #topbarBalance .balance-metric { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:8px !important; width:100% !important; min-width:0 !important; max-width:100% !important; padding:0 !important; border:0 !important; white-space:normal !important; }
    .hz #hzmBalanceHost #topbarBalance .balance-label { color:#aaa5ba !important; font-size:12px !important; line-height:1.5 !important; }
    .hz #hzmBalanceHost #topbarBalance .balance-metric b { max-width:100% !important; color:#eeedf4 !important; font-size:18px !important; line-height:1.5 !important; font-weight:600 !important; font-variant-numeric:tabular-nums !important; letter-spacing:0 !important; white-space:normal !important; overflow-wrap:anywhere !important; }
    .hz #hzmBalanceHost #topbarBalance[data-balance-long=true] { grid-template-columns:minmax(0,1fr) !important; gap:12px !important; }
    .hz #hzmBalanceHost #topbarBalance[data-balance-long=true] .balance-metric { flex-direction:row !important; align-items:baseline !important; justify-content:space-between !important; gap:16px !important; }
    .hz #hzmBalanceHost #topbarBalance[data-balance-long=true] .balance-label { flex:none !important; }
    .hz #hzmBalanceHost #topbarBalance[data-balance-long=true] .balance-metric b { min-width:0 !important; font-size:14px !important; text-align:right !important; }
    .hz #hzmBalanceHost #topbarBalance .balance-message { grid-column:1/-1 !important; white-space:normal !important; }
    .hz #hzmBalanceHost #topbarBalance .hz-configure-model { display:none !important; }
    .hz #hzmBalanceHost #topbarBalance[data-balance-state=unconfigured] { display:none !important; }
    /* The service heading refreshes both profile and balance; avoid a duplicate button. */
    .hz #hzmBalanceHost #topbarBalance .tb-refresh { display:none !important; }
    .hz .hzm-list-button { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; width:100% !important; min-height:56px !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; text-align:left !important; color:#dedbe9 !important; font-size:13px !important; padding:12px 0 !important; }
    .hz .hzm-list-button+button,.hz .hzm-service .hzm-list-button { border-top:1px solid #ffffff0b !important; }
    .hz .hzm-list-button>span:last-child { flex:none !important; font-size:12px !important; color:#a99bbd !important; }
    .hz .hzm-list-button:disabled { opacity:.65 !important; }
    .hz .hzm-help summary { min-height:56px !important; display:flex !important; align-items:center !important; font-size:13px !important; color:#dedbe9 !important; cursor:pointer !important; }
    .hz .hzm-help summary::after { content:'＋' !important; margin-left:auto !important; color:#a99bbd !important; }
    .hz .hzm-help[open] summary::after { content:'－' !important; }
    .hz .hzm-help p { color:#aaa5ba !important; font-size:12px !important; line-height:1.8 !important; margin:0 0 16px !important; }
    .hz .hzm-switch,.hz .hzm-logout { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:48px !important; font-size:13px !important; border-radius:12px !important; border:1px solid #ffffff12 !important; background:#141620 !important; color:#bda3ee !important; text-decoration:none !important; }
    .hz .hzm-logout { margin-top:12px !important; background:none !important; color:#ceabb9 !important; }
    .hz .hzm-account-footer { margin:24px 0 0 !important; color:#85869d !important; font-size:10px !important; text-align:center !important; letter-spacing:.5px !important; }
    .hz #hzmAccountError { color:#f1a7b5 !important; font-size:12px !important; line-height:1.8 !important; }
    .hz .hzm-install-dialog { max-width:calc(100% - 32px) !important; width:360px !important; padding:24px !important; border:1px solid #ffffff22 !important; border-radius:20px !important; background:#1b1d2a !important; color:#eeedf4 !important; box-sizing:border-box !important; box-shadow:0 24px 80px #0008 !important; }
    .hz .hzm-install-dialog::backdrop { background:#05060cbb !important; }
    .hz .hzm-install-dialog h2 { font-size:18px !important; margin:16px 0 !important; }
    .hz .hzm-install-dialog p { font-size:13px !important; line-height:1.8 !important; color:#b8b5c8 !important; }
    .hz .hzm-install-dialog button { width:100% !important; height:48px !important; border:1px solid #c1a5f42b !important; border-radius:12px !important; color:white !important; background:#8261d7 !important; margin-top:16px !important; }

    /* Existing workflow forms: full width, compact headers and thumb-sized controls. */
    .hz main>.panel:not(#panel-home):not(.hzm-page)>.page-studio-head { grid-template-columns:40px minmax(0,1fr) !important; gap:12px !important; min-height:0 !important; padding:16px !important; margin:0 0 16px !important; border-radius:16px !important; background:#181824 !important; box-shadow:none !important; overflow:hidden !important; }
    .hz :is(.page-studio-head,.topbar)::before,.hz :is(.page-studio-head,.topbar)::after { display:none !important; }
    .hz body>:is(#lxAmbient,#bg-canvas,.dot-grid,.beams,#cursorGlow,.meteors) { display:none !important; }
    .hz .page-studio-head .ps-icon { width:40px !important; height:40px !important; border-radius:12px !important; background:#a78aeb13 !important; color:#bca2ed !important; border:1px solid #bca2ed20 !important; box-shadow:none !important; }
    .hz .page-studio-head .ps-icon svg { width:22px !important; height:22px !important; }
    .hz .page-studio-head .ps-copy { min-width:0 !important; }
    .hz .page-studio-head .ps-kicker { color:#a99bbd !important; font-size:10px !important; letter-spacing:1px !important; margin-bottom:4px !important; }
    .hz .page-studio-head .ps-kicker i,.hz .page-studio-head .ps-flow,.hz .page-studio-head .ps-back { display:none !important; }
    .hz .page-studio-head .ps-copy h1 { font-size:20px !important; line-height:1.5 !important; margin:0 !important; font-weight:600 !important; }
    .hz .page-studio-head h2 { font-size:20px !important; line-height:1.4 !important; }
    .hz .page-studio-head p { font-size:12px !important; line-height:1.7 !important; }
    .hz .page-studio-head>:last-child:not(:nth-child(2)) { display:none !important; }
    .hz .page-studio-head :is(.psh-icon,.page-studio-icon) { width:40px !important; height:40px !important; }
    .hz main>.panel>.card { padding:16px !important; border-radius:16px !important; background:#141620 !important; border-color:#ffffff12 !important; box-shadow:none !important; min-width:0 !important; width:100% !important; }
    .hz .panel :is(.grid-2,.tti-layout,.qh-layout,.platform-cover-grid,.sdr-layout,.cw-settings-grid,.cw-pair,.studio-speech-grid,.rf-grid,.rf-remix-grid,.sdb-workspace) { grid-template-columns:minmax(0,1fr) !important; min-width:0 !important; gap:16px !important; }
    .hz .panel :is(.grid-2,.tti-layout,.qh-layout,.platform-cover-grid,.sdr-layout,.cw-settings-grid,.cw-pair,.studio-speech-grid,.rf-grid)>* { min-width:0 !important; max-width:100% !important; }
    .hz .panel :is(.field-row,.vt-toolbar,.batch-toolbar,.ai-chat-topbar) { flex-wrap:wrap !important; gap:12px !important; }
    .hz .panel :is(.field-grow,.vt-tool-item,.vt-platforms,.vt-chips) { min-width:0 !important; max-width:100% !important; }
    .hz .panel :is(.batch-slots,.fu-task-grid,.qh-batch-rows,.cover-batch-rows,.studio-task-list) { grid-template-columns:minmax(0,1fr) !important; }
    .hz .panel :is(.vt-chips,.vt-actions,.batch-actions,.ai-chat-quick-actions) { flex-wrap:wrap !important; }
    .hz #panel-video-text .vt-platforms { display:none !important; }
    .hz .panel :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea) { font-size:16px !important; max-width:100% !important; min-width:0 !important; }
    .hz .panel :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select) { min-height:48px !important; }
    .hz .panel textarea { min-height:112px !important; line-height:1.7 !important; }
    .hz .panel :is(.field-label,label) { font-size:13px !important; }
    .hz .panel :is(button,.btn) { min-height:44px !important; touch-action:manipulation !important; }
    .hz .panel :is(.btn.primary,.btn.big) { min-height:48px !important; }
    .hz .panel :is(.hint,.dz-hint) { font-size:12px !important; line-height:1.8 !important; }
    .hz .panel .bw-note { margin:0 0 12px !important; padding:12px !important; font-size:12px !important; line-height:1.8 !important; border-color:#b49ae822 !important; background:#a78aeb08 !important; color:#b3adbf !important; }
    .hz .panel .billing-mode-note { display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:8px !important; padding:12px !important; margin:0 0 12px !important; border-radius:12px !important; background:#141620 !important; font-size:12px !important; }
    .hz .panel .billing-mode-note label { width:100% !important; }
    .hz .panel .billing-mode-note select { width:100% !important; max-width:100% !important; }
    .hz .panel :is(.result-box,.preview-box) { max-width:100% !important; min-width:0 !important; }
    .hz .panel :is(video,audio) { max-width:100% !important; }
    .hz .panel .bw-media-upload { display:flex !important; align-items:center !important; justify-content:center !important; min-height:48px !important; padding:12px !important; border:1px dashed #b49ae855 !important; background:#a78aeb0b !important; border-radius:10px !important; color:#d5bdf4 !important; font-size:13px !important; margin-bottom:12px !important; position:relative !important; }
    .hz .panel .bw-media-upload input { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; opacity:0 !important; cursor:pointer !important; }
    .hz .panel :is(.studio-flow-nav,.sdr-steps) { overflow-x:auto !important; }
    .hz .panel :is(.records-toolbar,.studio-task-toolbar,.studio-task-filters) { flex-wrap:wrap !important; }
    .hz .panel table { min-width:560px !important; }
    .hz .panel :is(.table-wrap,.records-table-wrap) { max-width:100% !important; overflow-x:auto !important; }
    .hz .panel .ai-chat :is(.ai-chat-input-row,.ai-chat-toolbar,.ai-chat-quick) { flex-wrap:wrap !important; }
    .hz .panel .ai-chat button { max-width:100% !important; white-space:normal !important; }
    .hz .hz-search-dialog { padding:16px !important; padding-top:calc(env(safe-area-inset-top,0px) + 16px) !important; align-items:flex-start !important; z-index:20000 !important; }
    .hz .hz-search-box { width:100% !important; max-width:640px !important; max-height:calc(var(--hzm-height) - 32px) !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; }
    .hz .hz-search-head input { font-size:16px !important; min-width:0 !important; }
    .hz .hz-search-head button { min-width:44px !important; min-height:44px !important; }
    .hz .hz-search-results { overflow:auto !important; max-height:none !important; }
    .hz .hz-search-results button { min-height:48px !important; font-size:13px !important; }
    .hz :is(.zlw-desktop-box,.modal-content,.studio-modal-card) { max-width:calc(100vw - 32px) !important; max-height:calc(100dvh - 32px) !important; overflow:auto !important; }
    .hz .along-recharge { inset:0 !important; padding-top:env(safe-area-inset-top,0px) !important; padding-bottom:env(safe-area-inset-bottom,0px) !important; border:0 !important; border-radius:0 !important; height:100vh !important; height:var(--hzm-height,100vh) !important; height:100dvh !important; }
    .hz .along-recharge-header { padding:12px 16px !important; gap:12px !important; flex-wrap:wrap !important; }
    .hz .along-recharge-brand { min-width:0 !important; flex:1 !important; gap:8px !important; }
    .hz .along-recharge-mark,.hz .along-recharge-mark img { width:32px !important; height:32px !important; }
    .hz .along-recharge-eyebrow { font-size:8px !important; letter-spacing:1px !important; }
    .hz .along-recharge h2 { font-size:15px !important; }
    .hz .along-recharge button { min-height:44px !important; }
    .hz .along-recharge-tabs { order:3 !important; width:100% !important; }
    .hz .along-recharge-tabs button { flex:1 !important; }
    .hz .along-recharge-toolbar { flex-wrap:wrap !important; gap:4px !important; padding:8px 16px !important; }
    .hz .along-recharge-toolbar>span { flex:1 !important; min-width:160px !important; line-height:1.6 !important; }
    .hz .along-recharge-footer { padding:8px 16px !important; font-size:10px !important; }
    .hz :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid #c4a3ff !important; outline-offset:3px !important; }
    .hz :is(.hzm-tool,.hzm-upload,.hzm-nav button,.hzm-list-button):active { background-color:#a78aeb1c !important; }
    .hz .hzm-tool:active { scale:.985 !important; }
    .hz :is(.hzm-tool,.hzm-upload) { transition:background-color 180ms,scale 180ms !important; }
    .hz .hz-home .hz-features>button:hover { translate:0 0 !important; }
    .hz .hz-home .hz-features>button:active { scale:.985 !important; background:#a78aeb1c !important; }
    .hz [hidden] { display:none !important; }
    .hz #panel-settings [data-browser-local-only] { display:none !important; }

    /* Login and registration remain the same authenticated flows. */
    html:has(.hz-auth-page),html:has(.bw-gate) { -webkit-text-size-adjust:100% !important; }
    .hz-auth-page { padding-top:env(safe-area-inset-top,0px) !important; padding-bottom:env(safe-area-inset-bottom,0px) !important; }
    .hz-auth-page .hz-auth-layout { width:100% !important; padding:24px 20px !important; box-sizing:border-box !important; }
    .hz-auth-page .panel { padding:24px 20px !important; }
    .hz-auth-page :is(input:not([type=checkbox]),select,textarea),.bw-activation-gate input:not([type=checkbox]) { font-size:16px !important; min-height:48px !important; }
    .hz-auth-page :is(.eye,.mode-back,.tab button,.help summary) { min-height:44px !important; }
    .hz-auth-page .eye { min-width:44px !important; }
    .hz-auth-page .hz-option-description,.hz-auth-page .remember-row p { font-size:12px !important; }
    .hz-auth-page .hz-edition-note { font-size:11px !important; line-height:1.8 !important; }
    .bw-activation-gate { background:#0b0d16 !important; }
    .bw-activation-gate .bw-gate-card { width:min(440px,100%) !important; max-height:calc(100dvh - 32px) !important; padding:24px 20px !important; border:1px solid #b49ae82b !important; border-radius:20px !important; background:#141620 !important; color:#eeedf4 !important; }
    .bw-activation-gate :is(p,label) { color:#b2adbf !important; line-height:1.8 !important; }
    .bw-activation-gate .bw-brand { color:#c8afe9 !important; letter-spacing:2px !important; }
    .bw-activation-gate :is(.tl-tab,.bw-button) { min-height:48px !important; }
    .bw-activation-gate .tl-tab[aria-selected=true] { color:#d4b8f8 !important; border-color:#a78aeb66 !important; background:#a78aeb19 !important; }
    .bw-activation-gate #trialLoginSubmit { background:#8261d7 !important; color:#fff !important; border-color:#b49ae85c !important; border-radius:12px !important; }
    .bw-activation-gate input { background:#0d1019 !important; border:1px solid #ffffff20 !important; color:#eeedf4 !important; }
    .bw-activation-gate a { color:#bda3ee !important; }
    .bw-activation-gate button:focus-visible { outline:2px solid #c4a3ff !important; outline-offset:3px !important; }
  }
  /* Mobile4: the form is the primary surface; instructions and batch work unfold on demand. */
  @media(max-width:900px) {
    :root.hz { --hzm-space:8px !important; --hzm-surface:#141825 !important; --hzm-field:#0f1422 !important; --hzm-edge:#b7a1dd26 !important; --hzm-radius:16px !important; --hzm-label:#c9c5d7 !important; --hzm-muted:#9d99af !important; --hzm-ease:cubic-bezier(.2,.8,.2,1) !important; }
    .hz body>main { padding-top:16px !important; padding-bottom:24px !important; }
    .hz .topbar { background:#0d101a !important; }
    .hz .hzm-nav { background:#111421 !important; border-top-color:#c5b3e315 !important; backdrop-filter:none !important; }
    .hz .hzm-page-head { margin-bottom:20px !important; }
    .hz .hzm-page-head h1 { font-size:24px !important; margin:4px 0 8px !important; line-height:1.5 !important; }
    .hz .hzm-eyebrow { display:none !important; }
    .hz .hzm-page-head p { font-size:13px !important; color:#a8a4b8 !important; }
    .hz .hzm-tool { min-height:102px !important; padding:14px !important; border-radius:14px !important; background:#151927 !important; }
    .hz .hzm-tool-icon { margin-bottom:8px !important; width:28px !important; height:28px !important; }
    .hz .hzm-tool b { font-size:13px !important; line-height:1.65 !important; }
    .hz .hzm-tool small { font-size:10px !important; margin-top:3px !important; }
    .hz .hzm-tool-summary { margin:4px 0 12px !important; }
    .hz .hzm-filters { margin-top:12px !important; gap:6px !important; }
    .hz .hzm-filters button { border-radius:22px !important; padding:0 14px !important; min-height:40px !important; }
    .hz .hzm-tool-search input { appearance:none !important; -webkit-appearance:none !important; border:0 !important; background:transparent !important; border-radius:0 !important; height:100% !important; min-height:0 !important; padding:0 !important; box-shadow:none !important; }
    .hz .hzm-profile { padding:16px !important; margin-bottom:12px !important; }
    .hz .hzm-service,.hz .hzm-account-actions,.hz .hzm-help { margin-bottom:12px !important; background:var(--hzm-surface) !important; }
    .hz .hzm-list-button { min-height:52px !important; }
    .hz .hzm-account-footer { margin-top:20px !important; }
    .hz .hz-home .hz-features>button { background:linear-gradient(140deg,#22283b,#181f30) !important; border-color:#c3bee824 !important; }
    .hz .hz-home .hz-features b { font-size:13px !important; }
    .hz .hz-home .hz-features small { color:#aaa8bc !important; }
    .hz .hz-home .hz-compose-footer { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; }
    .hz .hz-home .hz-compose-footer #hzLinkHint { max-width:100% !important; font-size:11px !important; line-height:1.65 !important; }
    .hz .hz-home .hz-compose-footer .hz-text-action { white-space:nowrap !important; }
    .hz .hz-home .hz-composer { background:var(--hzm-surface) !important; }
    .hz .hzm-upload { background:#a78aeb08 !important; }
    .hz main>.panel:not(#panel-home):not(.hzm-page)>.page-studio-head { padding:4px 0 16px !important; margin-bottom:8px !important; border:0 !important; background:transparent !important; gap:12px !important; border-radius:0 !important; }
    .hz .page-studio-head .ps-copy h1 { font-size:21px !important; line-height:1.45 !important; }
    .hz .page-studio-head .ps-kicker { display:none !important; }
    .hz .page-studio-head p { margin:5px 0 0 !important; line-height:1.65 !important; color:#a9a4b8 !important; }
    .hz .hzm-duplicate-title { display:none !important; }
    .hz .duration-guide { padding:12px !important; margin:0 0 16px !important; border-radius:12px !important; }
    .hz .duration-guide-title { gap:6px !important; font-size:13px !important; line-height:1.65 !important; }
    .hz .duration-guide-title strong { font-size:13px !important; }
    .hz .duration-current-warning { margin-top:10px !important; padding-top:10px !important; font-size:11px !important; line-height:1.7 !important; }
    .hz .duration-guide .hzm-disclosure { border:0 !important; border-top:1px solid #b7a1dd1a !important; border-radius:0 !important; background:none !important; margin:8px 0 0 !important; }
    .hz .duration-guide .hzm-disclosure>summary { min-height:44px !important; padding:6px 0 !important; }
    .hz .duration-guide .hzm-disclosure>summary b { font-size:12px !important; font-weight:450 !important; color:#b1a5c7 !important; }
    .hz .duration-guide .hzm-disclosure>summary small { display:none !important; }
    .hz .duration-guide .hzm-disclosure>:not(summary) { padding:8px 0 0 !important; }
    .hz #panel-video-text .vt-toolbar { padding:12px !important; margin:0 0 12px !important; border-radius:12px !important; }
    .hz #panel-video-text .vt-tool-item { width:100% !important; }
    .hz #panel-video-text .vt-tool-item select { width:100% !important; }
    .hz #panel-video-text .vt-tool-item .field-label { margin-top:0 !important; }
    .hz #panel-video-text .vt-input-wrap input.vt-url { padding-left:40px !important; }
    .hz #panel-video-text .batch-zone { margin-top:16px !important; padding-top:16px !important; }
    .hz main>.panel>.card { background:var(--hzm-surface) !important; border-color:var(--hzm-edge) !important; }
    .hz .panel .billing-mode-note { font-size:11px !important; padding:12px !important; line-height:1.7 !important; }
    .hz .panel .billing-mode-note label { width:auto !important; }
    .hz .panel .billing-mode-note select { width:auto !important; flex:1 !important; min-width:136px !important; height:44px !important; min-height:44px !important; }
    .hz .panel :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select) { height:48px !important; min-height:48px !important; max-height:48px !important; padding:10px 12px !important; border-radius:10px !important; background:var(--hzm-field) !important; border-color:#b7a1dd30 !important; line-height:1.5 !important; }
    .hz .panel :is(input,select,textarea):focus { border-color:#ad91dc !important; background:#171b2c !important; box-shadow:0 0 0 3px #ad91dc12 !important; }
    .hz .panel textarea { height:auto !important; min-height:104px !important; padding:12px !important; border-radius:10px !important; background:var(--hzm-field) !important; border-color:#b7a1dd30 !important; }
    .hz .panel :is(input,textarea)::placeholder { color:#827f98 !important; }
    .hz .panel :is(.field-label,.slot-label,.qh-label) { font-size:13px !important; color:var(--hzm-label) !important; line-height:1.6 !important; margin-top:14px !important; margin-bottom:8px !important; }
    .hz .panel .field-row { align-items:flex-start !important; gap:12px !important; }
    .hz .panel .field-grow { flex:1 1 140px !important; }
    .hz .panel .batch-params { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
    .hz .panel .batch-params>.field-grow { min-width:0 !important; }
    .hz .panel .batch-params :is(input,select) { width:100% !important; }
    .hz .panel .dropzone { min-height:108px !important; height:auto !important; border-radius:12px !important; border-style:dashed !important; background:#a78aeb05 !important; }
    .hz .panel .dz-inner { padding:16px !important; }
    .hz .panel .dz-inner :is(.dz-icon,.dz-icon svg) { width:26px !important; height:26px !important; font-size:26px !important; margin:0 auto 8px !important; }
    .hz .panel .dz-inner p { margin:4px 0 !important; font-size:13px !important; }
    .hz .panel .result-box:has(>.placeholder:only-child) { height:auto !important; min-height:88px !important; padding:16px !important; }
    .hz .panel .result-box .placeholder { font-size:12px !important; line-height:1.7 !important; }
    .hz .panel :is(.fu-task-card,.qh-batch-draft,.vt-slot) { border-radius:12px !important; padding:12px !important; background:#101522 !important; border-color:#b7a1dd22 !important; }
    .hz .panel .batch-slot { min-height:0 !important; }
    .hz .panel .batch-slot :is(input.slot-field,select.slot-field) { min-height:48px !important; height:48px !important; max-height:48px !important; width:100% !important; flex:0 0 auto !important; }
    .hz .panel :is(.batch-slot-head,.vt-head) { display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:8px !important; min-height:44px !important; }
    .hz .panel :is(.batch-slot-head,.vt-head) .hzm-slot-toggle { display:block !important; margin-left:auto !important; min-width:48px !important; min-height:44px !important; padding:4px 8px !important; border:0 !important; border-radius:8px !important; background:#ad91dc10 !important; color:#c9b1ed !important; font-size:12px !important; box-shadow:none !important; }
    .hz .hzm-slot-folded>:not(.batch-slot-head):not(.vt-head):not(.slot-status):not(.vt-status) { display:none !important; }
    .hz .hzm-disclosure { display:block !important; margin:16px 0 0 !important; padding:0 !important; border:1px solid #b7a1dd26 !important; border-radius:14px !important; background:#a78aeb04 !important; }
    .hz .hzm-disclosure>summary { display:flex !important; align-items:center !important; gap:12px !important; min-height:70px !important; padding:14px !important; cursor:pointer !important; list-style:none !important; color:#ddd3ef !important; }
    .hz .hzm-disclosure>summary::-webkit-details-marker { display:none !important; }
    .hz .hzm-disclosure>summary>span { min-width:0 !important; flex:1 !important; }
    .hz .hzm-disclosure>summary b { font-weight:550 !important; font-size:14px !important; display:block !important; line-height:1.5 !important; }
    .hz .hzm-disclosure>summary small { display:block !important; font-size:11px !important; line-height:1.65 !important; color:#9993ab !important; margin-top:4px !important; }
    .hz .hzm-disclosure>summary::after { content:'＋' !important; color:#bca3e4 !important; font-size:19px !important; }
    .hz .hzm-disclosure[open]>summary::after { content:'－' !important; }
    .hz .hzm-disclosure[open]>summary { border-bottom:1px solid #b7a1dd1a !important; }
    .hz .hzm-disclosure>:not(summary) { margin:0 !important; padding:14px !important; border:0 !important; border-radius:0 !important; background:transparent !important; }
    .hz .hzm-disclosure .batch-toggle-label { font-size:12px !important; padding:0 0 12px !important; min-height:44px !important; line-height:1.7 !important; }
    .hz .hzm-disclosure .batch-config { flex-wrap:wrap !important; gap:8px !important; }
    .hz .panel :is(.studio-task-stats,.studio-stats,.studio-metrics) { gap:8px !important; }
    .hz .panel .studio-task-center { padding:16px !important; }
    .hz .panel .studio-task-filters { gap:8px !important; }
    .hz .panel .studio-task-filters :is(input,select) { width:100% !important; }
    .hz .hz-auth-page .hz-form-fields,.hz-auth-page .hz-form-fields { grid-template-columns:minmax(0,1fr) !important; }
    .hz-auth-page .panel-header h1 { font-size:25px !important; line-height:1.45 !important; }
    .hz-auth-page .hz-auth-layout { padding:20px 16px !important; }
    .hz-auth-page .panel { padding:20px !important; border-radius:18px !important; }
    .hz-auth-page .remember-row { align-items:flex-start !important; }
    .bw-activation-gate .bw-gate-card { padding:22px 20px !important; border-radius:18px !important; }
    .bw-activation-gate .bw-gate-card h1 { font-size:26px !important; line-height:1.4 !important; }
    .bw-activation-gate .bw-gate-card p { font-size:13px !important; line-height:1.75 !important; }
    .hz .hzm-tool-search input { height:100% !important; min-height:0 !important; max-height:none !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
  }
  @media(min-width:600px) and (max-width:900px) {
    .hz body>main { padding:24px 32px 40px !important; }
    .hz .hz-home .hz-features { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
    .hz .hz-home .hz-features>button { flex-direction:column !important; align-items:flex-start !important; }
    .hz .hz-home .hz-features>button:last-child { flex-direction:row !important; align-items:center !important; }
    .hz .hzm-tool-list { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .hz .hz-home .hz-dragon-stage { width:40% !important; right:0 !important; opacity:.6 !important; }
    .hz .hzm-nav { padding-left:calc((100% - 560px)/2) !important; padding-right:calc((100% - 560px)/2) !important; }
    .hz .hzm-nav-track { width:140px !important; left:calc((100% - 560px)/2) !important; }
  }
  @media(max-width:359px) {
    .hz body>main { padding-left:12px !important; padding-right:12px !important; }
    .hz .topbar { padding-left:12px !important; padding-right:12px !important; }
    .hz .hz-home .hz-hero { padding-left:8px !important; padding-right:8px !important; }
    .hz .hz-home .hz-hero-copy h1 { font-size:29px !important; }
    .hz .hz-home .hz-features>button { padding:12px 10px !important; gap:8px !important; flex-direction:column !important; align-items:flex-start !important; }
    .hz .hz-home .hz-features>button:last-child { flex-direction:row !important; align-items:center !important; }
    .hz .hz-home .hz-features>button:last-child small { margin:0 !important; display:block !important; }
    .hz .hzm-profile { gap:8px !important; padding:16px 12px !important; }
    .hz .hzm-profile strong { font-size:14px !important; }
    .hz .hzm-tag { font-size:9px !important; }
  }
  .hz-motion-off .hzm-nav-track,.hz-motion-off :is(.hzm-tool,.hzm-upload) { transition:none !important; }
  .hz-motion-off .hzm-tool:active,.hz-motion-off .hz-home .hz-features>button:active { scale:1 !important; }
  @media(prefers-reduced-motion:reduce) { .hz:not(.hz-motion-on) .hzm-nav-track,.hz:not(.hz-motion-on) :is(.hzm-tool,.hzm-upload) { transition:none !important; } .hz:not(.hz-motion-on) .hzm-tool:active,.hz:not(.hz-motion-on) .hz-home .hz-features>button:active { scale:1 !important; } }
  @supports not (translate:0 1px) {
    .hz .hzm-nav-track { transform:translateX(calc(var(--hzm-index,0)*100%)) !important; transition:transform 220ms cubic-bezier(.2,.8,.2,1) !important; }
    .hz-motion-off .hzm-nav-track { transition:none !important; }
    @media(max-width:900px) {
      .hz :is(.hzm-tool,.hzm-upload) { transition:background-color 180ms,transform 180ms !important; }
      .hz .hz-home .hz-features>button:hover { transform:none !important; }
      .hz .hzm-tool:active,.hz .hz-home .hz-features>button:active { transform:scale(.985) !important; }
      .hz-motion-off :is(.hzm-tool,.hzm-upload) { transition:none !important; }
      .hz-motion-off .hzm-tool:active,.hz-motion-off .hz-home .hz-features>button:active { transform:none !important; }
    }
    @media(prefers-reduced-motion:reduce) {
      .hz:not(.hz-motion-on) .hzm-nav-track,.hz:not(.hz-motion-on) :is(.hzm-tool,.hzm-upload) { transition:none !important; }
      .hz:not(.hz-motion-on) .hzm-tool:active,.hz:not(.hz-motion-on) .hz-home .hz-features>button:active { transform:none !important; }
    }
  }
}