/* Responsive content layer. Navigation and chat each have their own final layer. */
.mobile-workspace-tabs { display:none; }

@media (max-width:1024px) {
  html[data-theme] .workspace { margin-left:0;max-width:none;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px)); }
  html[data-theme] .sidebar { width:260px;max-width:calc(100vw - 32px);height:100dvh;transform:translateX(-105%);overflow-y:auto;overscroll-behavior:contain;padding-top:max(24px,env(safe-area-inset-top,0px));padding-bottom:max(20px,env(safe-area-inset-bottom,0px)); }
  html[data-theme] .sidebar.is-open { transform:translateX(0); }
  html[data-theme] .sidebar .nav-item { min-height:46px;font-size:14px; }
  html[data-theme] .sidebar .sidebar-create { min-height:46px;font-size:14px; }
  html[data-theme] .sidebar .profile-btn { min-height:60px; }
  html[data-theme] .sidebar .brand-tag { font-size:11px; }
  html[data-theme] .sidebar .nav-caption { font-size:11px;letter-spacing:.08em; }
  html[data-theme] .sidebar .upgrade-card { margin-top:14px; }
  html[data-theme] .sidebar .upgrade-card p { font-size:12px; }
  html[data-theme] .mobile-menu { display:grid; }
  html[data-theme] .mobile-overlay { position:fixed;inset:0;z-index:35;width:100%;height:100%;padding:0;visibility:hidden;opacity:0;pointer-events:none;border:0; }
  html[data-theme] .mobile-overlay.visible { display:block;visibility:visible;opacity:1;pointer-events:auto;background:#030917b3; }

  html[data-theme] :is(.v2-page,.page-intro,.page-toolbar,.profile-layout,.profile-fields,.balance-layout,.faq-layout,.plans-grid,.catalog-grid,.history-grid,.transaction-panel) { min-width:0; }
  html[data-theme] :is(.v2-button,.button,.v2-icon-button,.icon-btn,.parameter-chip,.prompt-chip,.category-tab,.filter-tabs button,.model-select,.model-option,.pack-selector button,.payment-method) { min-height:44px; }
  html[data-theme] :is(.v2-icon-button,.icon-btn) { width:44px;height:44px;flex-shrink:0; }
  html[data-theme] .v2-page :is(.v2-input,.v2-select,.v2-textarea),
  html[data-theme] .profile-fields :is(.input,.select),
  html[data-theme] .modal :is(.input,.select),
  html[data-theme] .search-box input,
  html[data-theme] .home-prompt-row input { font-size:16px;min-height:48px;line-height:1.5; }
  html[data-theme] .v2-page textarea { resize:vertical; }
  html[data-theme] :is(.v2-title,.page-title,.record-title,.plan-card h2,.profile-summary h2) { overflow-wrap:anywhere; }
  html[data-theme] :is(.v2-subtitle,.page-subtitle,.model-description,.faq-list p,.field small,.field-hint) { font-size:13px;line-height:1.65; }
  html[data-theme] :is(.tool-label,.generation-price,.model-meta small,.model-option-info em,.canvas-meta,.track-meta small) { font-size:12px; }
  html[data-theme] .v2-page :is(.segmented button,.style-options button,.genre-chips button) { min-height:44px;font-size:13px;line-height:1.4; }
  html[data-theme] .v2-page .v2-button { font-size:14px;line-height:1.4; }
  html[data-theme] .v2-page .v2-text-link { min-height:44px;display:inline-flex;align-items:center;font-size:12px; }
  html[data-theme] .v2-page .v2-model-button { min-height:64px; }
  html[data-theme] .v2-page .v2-model-button > span:not(.v2-model-symbol) { flex:1;min-width:0; }
  html[data-theme] .v2-page .v2-model-button strong { font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  html[data-theme] .v2-page .v2-model-button small { font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
  html[data-theme] .v2-page input[type="range"] { width:100%;height:44px;min-width:0;touch-action:pan-y; }
  html[data-theme] .v2-page .v2-inline-actions { min-width:0; }
  html[data-theme] .v2-page .v2-badge { min-width:0;max-width:100%;font-size:11px;line-height:1.45; }

  html[data-theme] .category-tabs { display:flex;flex-wrap:nowrap;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:5px; }
  html[data-theme] .category-tabs .category-tab { flex:0 0 auto;width:auto;min-width:0;padding:11px 15px; }
  html[data-theme] .category-tabs .category-tab span { font-size:13px; }
  html[data-theme] .category-tabs .category-tab small { display:none; }
  html[data-theme] .page-toolbar { flex-wrap:wrap;gap:12px; }
  html[data-theme] .page-toolbar .search-box { flex:1;min-width:min(100%,260px); }
  html[data-theme] .search-box { max-width:100%;padding-inline:13px; }
  html[data-theme] .model-card .model-title { align-items:flex-start;gap:7px;flex-wrap:wrap; }
  html[data-theme] .model-card .model-title h3 { font-size:15px;line-height:1.35; }
  html[data-theme] .model-card .model-description { font-size:13px; }
  html[data-theme] .model-card .model-card-body { padding:15px; }
  html[data-theme] .model-card .model-price { font-size:12px; }
  html[data-theme] .model-card .tag { font-size:11px; }
  html[data-theme] .work-title { max-width:100%;font-size:14px; }
  html[data-theme] .work-info { font-size:12px;flex-wrap:wrap;justify-content:flex-start; }

  html[data-theme] .modal-backdrop { align-items:center;padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px)); }
  html[data-theme] .modal { width:min(100%,640px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);overscroll-behavior:contain; }
  html[data-theme] .modal.wide { width:min(100%,820px); }
  html[data-theme] .modal-header { padding:19px 20px 15px;gap:12px; }
  html[data-theme] .modal-header h2 { font-size:22px;overflow-wrap:anywhere; }
  html[data-theme] .modal-body { padding:0 20px 22px; }
  html[data-theme] .modal-footer { position:sticky;bottom:0;z-index:2;gap:10px;padding:14px 20px;background:var(--surface); }
  html[data-theme] .modal-footer :is(.button,.v2-button) { min-width:0;min-height:46px;white-space:normal;text-align:center;line-height:1.4;font-size:14px; }
  html[data-theme] .modal .model-option { gap:10px;padding:14px; }
  html[data-theme] .modal .model-option-info { min-width:0; }
  html[data-theme] .modal .model-option-info > strong { font-size:14px; }
  html[data-theme] .modal .model-option-info > span { font-size:12px;line-height:1.6; }
  html[data-theme] .modal .model-option-price { font-size:12px;min-width:62px; }
  html[data-theme] .modal .model-option-price svg { width:18px;height:18px; }
  html[data-theme] .modal .demo-notice { font-size:12px;line-height:1.65; }
  html[data-theme] .pack-selector button { padding:13px 8px; }
  html[data-theme] .payment-method { min-width:0;padding:15px; }
  html[data-theme] .payment-method > span { min-width:0; }
  html[data-theme] .payment-method strong { font-size:13px; }
  html[data-theme] .payment-method small { font-size:12px; }

  html[data-theme] .balance-card { min-width:0;padding:25px; }
  html[data-theme] .balance-card-header { flex-wrap:wrap;gap:12px; }
  html[data-theme] .balance-amount { font-size:clamp(38px,5vw,56px);overflow-wrap:anywhere; }
  html[data-theme] .balance-amount span { font-size:14px; }
  html[data-theme] .balance-details { flex-wrap:wrap;gap:16px; }
  html[data-theme] .balance-details p { font-size:13px;line-height:1.65; }
  html[data-theme] .stat-card strong { font-size:30px; }
  html[data-theme] .stat-card > span { font-size:12px; }
  html[data-theme] .package-card > p,
  html[data-theme] .plan-card > p { font-size:13px;line-height:1.65; }
  html[data-theme] .package-card .package-credits small,
  html[data-theme] .package-price small { font-size:12px; }
  html[data-theme] .plan-card .plan-features { font-size:13px;line-height:1.6; }
  html[data-theme] .faq-list summary { min-height:60px;font-size:14px;line-height:1.5;gap:15px; }
  html[data-theme] .faq-list summary svg { flex-shrink:0; }
  html[data-theme] .faq-list p { padding-right:0;overflow-wrap:anywhere; }
  html[data-theme] .profile-layout { grid-template-columns:minmax(0,1fr);gap:20px; }
  html[data-theme] .profile-fields { min-width:0;padding:0;background:transparent;border:0; }
  html[data-theme] .profile-fields .settings-group { padding:22px; }
  html[data-theme] .profile-summary { min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px; }
  html[data-theme] .profile-summary > p { max-width:100%;font-size:13px;overflow-wrap:anywhere; }
  html[data-theme] .profile-summary .avatar { margin:0 0 14px; }
  html[data-theme] .profile-summary .button { width:auto;margin-top:17px; }
  html[data-theme] .profile-summary .profile-divider { width:100%; }
  html[data-theme] .profile-fields .field { min-width:0; }
  html[data-theme] .profile-fields .field small { font-size:12px; }
  html[data-theme] .profile-fields .field :is(input,select) { width:100%;max-width:100%; }
  html[data-theme] .setting-row { min-height:78px;gap:16px;padding-block:16px; }
  html[data-theme] .setting-row > span { min-width:0; }
  html[data-theme] .setting-row strong { font-size:14px; }
  html[data-theme] .setting-row small { font-size:12px;line-height:1.6; }
}

@media (min-width:768px) and (max-width:1024px) {
  html[data-theme] .v2-page .home-layout { grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:20px; }
  html[data-theme] .v2-page .home-launch { padding:24px; }
  html[data-theme] .v2-page .home-quick-nav { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px; }
  html[data-theme] .v2-page .quick-tile { display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 10px;min-height:108px;padding:15px; }
  html[data-theme] .v2-page .quick-icon { width:34px;height:34px;grid-row:1/3;align-self:start;margin:0; }
  html[data-theme] .v2-page .quick-label { font-size:14px; }
  html[data-theme] .v2-page .quick-desc { font-size:12px;line-height:1.5; }
  html[data-theme] .v2-page .quick-arrow { display:none; }
  html[data-theme] .v2-page .home-feature { min-height:420px; }
  html[data-theme] .v2-page .feature-caption h2 { font-size:29px; }
  html[data-theme] .v2-page .home-model-strip { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
  html[data-theme] .v2-page .compact-model { min-height:76px;padding:15px; }
  html[data-theme] .v2-page .compact-model strong { font-size:14px; }
  html[data-theme] .v2-page .compact-model small { font-size:12px; }
  html[data-theme] .v2-page .compact-price { display:flex;font-size:11px; }
  html[data-theme] .v2-page .home-bottom { grid-template-columns:minmax(0,1fr);gap:24px; }
  html[data-theme] .v2-page .home-side-note { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 30px;align-items:center;padding:23px; }
  html[data-theme] .v2-page .home-side-note .home-note-icon { display:none; }
  html[data-theme] .v2-page .home-side-note h3 { margin:0;font-size:21px; }
  html[data-theme] .v2-page .home-side-note p { grid-column:1;font-size:13px;line-height:1.6;max-width:540px; }
  html[data-theme] .v2-page .home-side-note > .v2-text-link { grid-column:2;grid-row:1/3;margin:0; }
  html[data-theme] .v2-page .creative-layout { grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:18px; }
  html[data-theme] .v2-page .music-layout { grid-template-columns:minmax(270px,.86fr) minmax(0,1.14fr);gap:18px; }
  html[data-theme] .v2-page :is(.creation-sidebar,.music-form) { display:block;padding:20px; }
  html[data-theme] .v2-page :is(.creation-sidebar,.music-form) > .tool-section { margin-bottom:22px; }
  html[data-theme] .v2-page .canvas-area { min-width:0;padding:17px; }
  html[data-theme] .v2-page .canvas-stage { min-height:0;padding:12px; }
  html[data-theme] .v2-page .canvas-frame { min-height:0;max-height:none;width:min(100%,420px);aspect-ratio:1; }
  html[data-theme] .v2-page .canvas-frame.landscape { width:100%;aspect-ratio:16/9; }
  html[data-theme] .v2-page .canvas-frame.portrait { width:min(100%,230px);aspect-ratio:9/16; }
  html[data-theme] .v2-page .canvas-meta { align-items:flex-start;flex-wrap:wrap;gap:13px; }
  html[data-theme] .v2-page .canvas-meta > div { flex:1 1 180px;min-width:0; }
  html[data-theme] .v2-page .canvas-meta strong { font-size:14px; }
  html[data-theme] .v2-page .gallery-strip { gap:10px;flex-wrap:wrap; }
  html[data-theme] .v2-page .gallery-thumb { flex-basis:calc(50% - 5px);min-width:0;height:96px; }
  html[data-theme] .v2-page .gallery-thumb span { font-size:11px; }
  html[data-theme] .v2-page .music-preview { padding:24px 20px; }
  html[data-theme] .v2-page .record-art { width:180px;height:180px; }
  html[data-theme] .v2-page .record-title { font-size:25px;line-height:1.25; }
  html[data-theme] .v2-page .music-preview-top { flex-wrap:wrap;gap:10px; }
  html[data-theme] .v2-page .music-wave { width:100%;min-width:0;gap:2px;height:64px; }
  html[data-theme] .v2-page .music-wave > i { min-width:1px;width:0;flex:1;max-width:5px;height:var(--h); }
  html[data-theme] .v2-page .track-row { grid-template-columns:44px minmax(0,1fr) 44px;gap:10px; }
  html[data-theme] .v2-page .track-cover { width:44px;height:44px; }
  html[data-theme] .v2-page .track-duration { display:none; }
  html[data-theme] .v2-page .track-meta strong { font-size:13px; }
  html[data-theme] .v2-page .track-meta small { font-size:11px; }
  html[data-theme] .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
  html[data-theme] .history-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
  html[data-theme] .plans-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
  html[data-theme] .plan-card { padding:22px 18px; }
  html[data-theme] .plan-card h2 { font-size:25px; }
  html[data-theme] .plan-price { font-size:32px; }
  html[data-theme] .plan-card .button { width:100%;padding-inline:9px;white-space:normal; }
  html[data-theme] .balance-layout { grid-template-columns:minmax(0,1fr); }
  html[data-theme] .balance-layout .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-theme] .faq-layout { grid-template-columns:minmax(0,1fr);gap:24px; }
}

@media (max-width:767px) {
  html[data-theme] .workspace { padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px)); }
  html[data-theme] .v2-page .v2-intro { display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px; }
  html[data-theme] .v2-page .v2-title { font-size:clamp(27px,7vw,34px);line-height:1.17;letter-spacing:-.045em; }
  html[data-theme] .v2-page .v2-subtitle { font-size:13px;line-height:1.6;max-width:36em; }
  html[data-theme] .v2-page .v2-intro .v2-inline-actions { justify-content:flex-start; }
  html[data-theme] .v2-page .v2-intro .v2-inline-actions .v2-button { min-height:44px;padding:10px 13px;font-size:13px; }
  html[data-theme] .v2-page .v2-kicker { font-size:11px;letter-spacing:.08em; }
  html[data-theme] .v2-page .v2-heading { align-items:center;flex-wrap:wrap;gap:8px 15px;margin-bottom:14px; }
  html[data-theme] .v2-page .v2-section-title { font-size:19px;line-height:1.3;margin-bottom:0; }
  html[data-theme] .v2-page .v2-heading > .v2-text-link { margin-left:auto; }
  html[data-theme] .v2-page .v2-section { margin-top:27px; }

  html[data-theme] .v2-page .home-layout { display:flex;flex-direction:column;gap:18px; }
  html[data-theme] .v2-page .home-launch { padding:20px 18px; }
  html[data-theme] .v2-page .home-launch > .v2-heading { align-items:flex-start; }
  html[data-theme] .v2-page .home-launch > .v2-heading .v2-badge { font-size:11px; }
  html[data-theme] .v2-page .home-quick-nav { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px; }
  html[data-theme] .v2-page .quick-tile { display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;gap:6px 9px;min-height:106px;padding:14px 11px; }
  html[data-theme] .v2-page .quick-icon { width:32px;height:32px;margin:0;grid-column:1;grid-row:1;align-self:start; }
  html[data-theme] .v2-page .quick-label { grid-column:2;grid-row:1;align-self:center;font-size:14px;line-height:1.3; }
  html[data-theme] .v2-page .quick-desc { grid-column:1/-1;grid-row:2;display:block;margin:0;font-size:12px;line-height:1.45; }
  html[data-theme] .v2-page .quick-arrow { display:none; }
  html[data-theme] .v2-page .home-prompt { margin-top:22px; }
  html[data-theme] .v2-page .home-prompt > label { font-size:13px; }
  html[data-theme] .v2-page .home-prompt-row { min-height:54px;padding:5px 6px 5px 12px;gap:7px; }
  html[data-theme] .v2-page .home-prompt-row input { min-width:0;width:100%;min-height:44px;padding:0;font-size:16px; }
  html[data-theme] .v2-page .home-prompt-row .v2-button { flex-shrink:0;min-height:44px;width:44px;height:44px;padding:0; }
  html[data-theme] .v2-page .home-prompt > small { display:block;margin-top:9px;font-size:12px;line-height:1.5; }
  html[data-theme] .v2-page .home-feature { min-height:250px;height:250px;border-radius:16px; }
  html[data-theme] .v2-page .feature-photo img { object-position:center 35%; }
  html[data-theme] .v2-page .feature-overlay { padding:19px; }
  html[data-theme] .v2-page .feature-caption { padding:0;max-width:100%;gap:10px; }
  html[data-theme] .v2-page .feature-caption h2 { font-size:29px;line-height:1.15; }
  html[data-theme] .v2-page .feature-caption .v2-button { min-height:44px;padding:10px 12px;font-size:13px; }
  html[data-theme] .v2-page .feature-tag { font-size:11px; }
  html[data-theme] .v2-page .home-model-strip { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  html[data-theme] .v2-page .compact-model { display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;min-height:98px;padding:13px 11px;align-items:start; }
  html[data-theme] .v2-page .compact-provider { width:30px;height:30px;font-size:17px; }
  html[data-theme] .v2-page .compact-model > span:nth-child(2) { min-width:0;align-self:center; }
  html[data-theme] .v2-page .compact-model strong { font-size:13px;white-space:normal;line-height:1.3; }
  html[data-theme] .v2-page .compact-model small { display:none; }
  html[data-theme] .v2-page .compact-price { display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;font-size:12px; }
  html[data-theme] .v2-page .compact-price .icon { width:14px;height:14px; }
  html[data-theme] .v2-page .home-bottom { display:block;margin-top:28px; }
  html[data-theme] .v2-page .home-side-note { display:none; }
  html[data-theme] .v2-page .v2-work-grid { display:grid;grid-template-columns:minmax(0,1fr);gap:12px; }
  html[data-theme] .v2-page .v2-work-card { display:grid;grid-template-columns:96px minmax(0,1fr);align-items:stretch;min-height:104px; }
  html[data-theme] .v2-page .v2-work-card:nth-child(3) { display:grid; }
  html[data-theme] .v2-page .v2-work-image { display:block;min-width:0;height:100%;min-height:104px;border-radius:0; }
  html[data-theme] .v2-page .v2-work-image img { display:block;width:100%;height:100%;min-height:104px;object-fit:cover; }
  html[data-theme] .v2-page .v2-work-type { top:auto;bottom:7px;left:7px;right:auto;font-size:10px;max-width:calc(100% - 14px);padding:4px; }
  html[data-theme] .v2-page .v2-work-type .icon { width:12px;height:12px; }
  html[data-theme] .v2-page .v2-work-info { display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:13px 14px; }
  html[data-theme] .v2-page .v2-work-info strong { overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:14px;line-height:1.4; }
  html[data-theme] .v2-page .v2-work-info small { display:flex;flex-wrap:wrap;gap:4px;font-size:11px;line-height:1.5; }
  html[data-theme] .v2-page .v2-work-info > .icon { display:none; }

  html[data-theme] .v2-page .mobile-workspace-tabs { position:sticky;top:calc(var(--mobile-header-height,64px) + env(safe-area-inset-top,0px));z-index:15;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0 0 16px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);box-shadow:0 9px 22px #0207141c; }
  html[data-theme] .v2-page .mobile-workspace-tabs button { display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:10px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted-strong);font-size:14px;line-height:1.35;font-weight:650; }
  html[data-theme] .v2-page .mobile-workspace-tabs button.active,
  html[data-theme] .v2-page .mobile-workspace-tabs button[aria-selected="true"] { color:#fff;background:var(--primary);border-color:var(--primary); }
  html[data-theme] .v2-page .mobile-workspace-tabs button svg { width:18px;height:18px; }
  html[data-theme] .v2-page :is(.creative-layout,.music-layout) { display:block;min-width:0; }
  html[data-theme] .v2-page :is(.creation-sidebar,.music-form) { display:block;min-width:0;padding:20px 18px 146px; }
  html[data-theme] .v2-page :is(.creation-sidebar,.music-form) > .tool-section { margin:0 0 22px; }
  html[data-theme] .image-studio[data-mobile-panel="controls"] .canvas-area,
  html[data-theme] .image-studio[data-mobile-panel="preview"] .creation-sidebar,
  html[data-theme] .music-studio[data-mobile-panel="controls"] .music-right,
  html[data-theme] .music-studio[data-mobile-panel="preview"] .music-form { display:none; }
  html[data-theme] .v2-page .tool-label { font-size:13px;margin-bottom:10px; }
  html[data-theme] .v2-page .tool-label small { font-size:12px; }
  html[data-theme] .v2-page .v2-textarea { min-height:132px;padding:13px 14px;font-size:16px;line-height:1.6; }
  html[data-theme] .v2-page .v2-input,
  html[data-theme] .v2-page .v2-select { min-height:48px;padding:12px 13px;font-size:16px; }
  html[data-theme] .v2-page .segmented { gap:5px; }
  html[data-theme] .v2-page .segmented button { padding:10px 8px;min-height:44px;font-size:13px; }
  html[data-theme] .v2-page .aspect-options { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px; }
  html[data-theme] .v2-page .aspect-options button { display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:92px;padding:10px 6px; }
  html[data-theme] .v2-page .aspect-options button strong { font-size:13px; }
  html[data-theme] .v2-page .aspect-options button small { font-size:11px; }
  html[data-theme] .v2-page :is(.style-options,.genre-chips) { display:flex;flex-wrap:wrap;gap:8px; }
  html[data-theme] .v2-page :is(.style-options,.genre-chips) button { min-height:44px;padding:11px 13px;font-size:13px; }
  html[data-theme] .v2-page .v2-reference { min-height:106px;padding:16px;font-size:14px; }
  html[data-theme] .v2-page .v2-reference strong { max-width:100%;overflow-wrap:anywhere; }
  html[data-theme] .v2-page .v2-reference small { font-size:12px;line-height:1.5; }
  html[data-theme] .v2-page .tool-generate { position:fixed;z-index:22;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(var(--mobile-nav-height,68px) + env(safe-area-inset-bottom,0px) + 8px);display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:auto;margin:0;padding:11px 13px 12px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:0 -8px 35px #02071435; }
  html[data-theme] .v2-page .tool-generate .generation-price { margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.4; }
  html[data-theme] .v2-page .tool-generate .generation-price strong { font-size:14px; }
  html[data-theme] .v2-page .tool-generate > .v2-button { width:100%;min-height:48px;margin:0;padding:12px 14px;font-size:14px;white-space:normal; }
  html[data-theme] .v2-page .tool-generate > .field-hint { display:none; }
  html[data-theme] body.keyboard-open .v2-page .tool-generate { display:none; }
  html[data-theme] body.keyboard-open .v2-page :is(.creation-sidebar,.music-form) { padding-bottom:20px; }

  html[data-theme] .v2-page .canvas-area { min-width:0;padding:16px; }
  html[data-theme] .v2-page .canvas-toolbar { min-height:44px;gap:10px;margin:0 0 14px; }
  html[data-theme] .v2-page .canvas-toolbar > div:first-child { min-width:0;flex-wrap:wrap;gap:7px; }
  html[data-theme] .v2-page .canvas-toolbar .v2-badge { font-size:10px; }
  html[data-theme] .v2-page .canvas-toolbar .v2-inline-actions { flex-wrap:nowrap;gap:2px; }
  html[data-theme] .v2-page .canvas-toolbar .v2-icon-button { width:44px;height:44px;padding:11px; }
  html[data-theme] .v2-page .canvas-stage { display:flex;min-height:0;padding:10px; }
  html[data-theme] .v2-page .canvas-frame { width:min(100%,420px);min-height:0;max-height:none;aspect-ratio:1; }
  html[data-theme] .v2-page .canvas-frame.landscape { width:100%;min-height:0;aspect-ratio:16/9; }
  html[data-theme] .v2-page .canvas-frame.portrait { width:min(65vw,230px);min-height:0;aspect-ratio:9/16; }
  html[data-theme] .v2-page .canvas-frame > img { width:100%;height:100%;max-height:none;object-fit:cover; }
  html[data-theme] .v2-page .canvas-meta { display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-block:17px; }
  html[data-theme] .v2-page .canvas-meta > div { min-width:0;flex:auto; }
  html[data-theme] .v2-page .canvas-meta strong { font-size:15px;line-height:1.4; }
  html[data-theme] .v2-page .canvas-meta span { font-size:12px;line-height:1.6;overflow-wrap:anywhere; }
  html[data-theme] .v2-page .canvas-meta .v2-button { width:100%; }
  html[data-theme] .v2-page .gallery-strip { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px; }
  html[data-theme] .v2-page .gallery-thumb { min-width:0;width:100%;height:92px;flex:auto; }
  html[data-theme] .v2-page .gallery-thumb span { font-size:11px;line-height:1.4; }
  html[data-theme] .v2-page .canvas-demo-note { gap:8px;font-size:12px;line-height:1.65;margin-top:16px; }
  html[data-theme] .v2-page .canvas-demo-note .icon { flex-shrink:0;margin-top:2px; }
  html[data-theme] .v2-page .canvas-loading strong { font-size:16px;text-align:center;padding-inline:12px; }

  html[data-theme] .v2-page .music-form-duo { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
  html[data-theme] .v2-page .music-form-duo .tool-section { min-width:0; }
  html[data-theme] .v2-page .music-form-duo .tool-label { flex-wrap:wrap;gap:4px;align-items:flex-start; }
  html[data-theme] .v2-page .music-form-duo .tool-label span { font-size:11px; }
  html[data-theme] .v2-page .music-lyrics .v2-textarea { min-height:170px; }
  html[data-theme] .v2-page .music-right { min-width:0; }
  html[data-theme] .v2-page .music-preview { min-width:0;padding:22px 18px; }
  html[data-theme] .v2-page .music-preview-top { width:100%;flex-wrap:wrap;align-items:flex-start;gap:9px;margin-bottom:24px; }
  html[data-theme] .v2-page .music-preview-top .v2-kicker { font-size:11px; }
  html[data-theme] .v2-page .music-preview-top .v2-badge { font-size:11px; }
  html[data-theme] .v2-page .record-art { width:min(54vw,230px);height:auto;aspect-ratio:1;margin-bottom:20px; }
  html[data-theme] .v2-page .record-title { max-width:100%;font-size:clamp(23px,6.4vw,30px);line-height:1.22;overflow-wrap:anywhere; }
  html[data-theme] .v2-page .record-model { display:flex;flex-wrap:wrap;justify-content:center;gap:5px;font-size:12px;line-height:1.5; }
  html[data-theme] .v2-page .music-wave { display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:64px;gap:2px;margin-top:22px; }
  html[data-theme] .v2-page .music-wave > i { width:0;min-width:1px;max-width:5px;flex:1;height:var(--h); }
  html[data-theme] .v2-page .music-timeline { gap:10px;width:100%;min-width:0;font-size:12px; }
  html[data-theme] .v2-page .music-timeline input { flex:1;min-width:0; }
  html[data-theme] .v2-page .music-transport { gap:22px;margin-top:8px; }
  html[data-theme] .v2-page .music-transport .big-play { width:60px;height:60px;min-height:60px; }
  html[data-theme] .v2-page .music-transport .v2-icon-button { width:48px;height:48px; }
  html[data-theme] .v2-page .music-bottom-note { max-width:100%;font-size:12px;line-height:1.65;margin-top:15px; }
  html[data-theme] .v2-page .track-list { min-width:0;margin-top:16px;padding:18px 14px; }
  html[data-theme] .v2-page .track-row { min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;min-height:77px;padding-block:12px; }
  html[data-theme] .v2-page .track-cover { width:44px;height:44px;min-height:44px; }
  html[data-theme] .v2-page .track-meta { min-width:0;min-height:44px; }
  html[data-theme] .v2-page .track-meta strong { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;text-overflow:clip;font-size:13px;line-height:1.35; }
  html[data-theme] .v2-page .track-meta small { font-size:11px;line-height:1.5;gap:4px; }
  html[data-theme] .v2-page .track-duration { display:none; }
  html[data-theme] .v2-page .track-action { width:44px;height:44px;min-height:44px; }

  html[data-theme] .page-intro { display:flex;flex-direction:column;align-items:stretch;gap:15px;margin-bottom:22px; }
  html[data-theme] .page-title { font-size:clamp(27px,7vw,34px);line-height:1.2; }
  html[data-theme] .page-subtitle { max-width:100%;font-size:13px;line-height:1.65; }
  html[data-theme] .intro-actions { justify-content:flex-start; }
  html[data-theme] .intro-actions .button { min-height:44px;font-size:14px; }
  html[data-theme] .page-toolbar { display:flex;align-items:stretch;flex-direction:column;gap:12px; }
  html[data-theme] .page-toolbar .search-box { flex:auto;min-width:0;width:100%; }
  html[data-theme] .page-toolbar > .muted { font-size:12px; }
  html[data-theme] .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
  html[data-theme] .catalog-grid .model-visual { height:126px; }
  html[data-theme] .catalog-grid .model-title h3 { font-size:14px; }
  html[data-theme] .catalog-grid .model-card-body { padding:13px; }
  html[data-theme] .catalog-grid .model-description { font-size:12px;line-height:1.6; }
  html[data-theme] .history-grid { grid-template-columns:minmax(0,1fr);gap:12px; }
  html[data-theme] .history-grid .work-card { display:grid;grid-template-columns:104px minmax(0,1fr);min-height:112px; }
  html[data-theme] .history-grid .work-card .work-thumbnail { width:104px;height:100%;min-height:112px; }
  html[data-theme] .history-grid .work-card .work-meta { min-width:0;padding:14px 12px; }
  html[data-theme] .history-grid .work-card .work-title { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.4;font-size:14px; }
  html[data-theme] .history-grid .work-card .work-info { font-size:11px;gap:4px; }
  html[data-theme] .history-grid .work-card .work-meta > .icon-btn { width:32px;min-width:32px;height:44px; }
  html[data-theme] .history-grid .work-type { top:auto;bottom:7px;left:7px;font-size:10px;padding:4px; }
  html[data-theme] .history-grid .sample-tag { display:none; }
  html[data-theme] .balance-layout { grid-template-columns:minmax(0,1fr);gap:15px; }
  html[data-theme] .balance-layout .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
  html[data-theme] .balance-card { padding:22px 20px; }
  html[data-theme] .balance-amount { font-size:clamp(36px,9vw,50px);line-height:1.25; }
  html[data-theme] .balance-details { align-items:stretch;flex-direction:column; }
  html[data-theme] .balance-details .button { width:100%; }
  html[data-theme] .stat-card { min-width:0;padding:20px 16px; }
  html[data-theme] .stat-card strong { font-size:28px;overflow-wrap:anywhere; }
  html[data-theme] .plans-grid,
  html[data-theme] .packages-grid { grid-template-columns:minmax(0,1fr);gap:18px; }
  html[data-theme] .plan-card { padding:26px 22px; }
  html[data-theme] .plan-card .button { width:100%; }
  html[data-theme] .plan-card .plan-features { grid-template-columns:minmax(0,1fr);gap:12px; }
  html[data-theme] .package-card { padding:24px; }
  html[data-theme] .package-credits { font-size:32px; }
  html[data-theme] .package-price { font-size:23px; }
  html[data-theme] .package-cta { min-height:44px;font-size:14px; }
  html[data-theme] .section-heading { align-items:flex-start;gap:12px;flex-wrap:wrap; }
  html[data-theme] .section-heading h2 { font-size:20px;line-height:1.3; }
  html[data-theme] .section-heading .text-button { min-height:44px;font-size:12px; }
  html[data-theme] .transaction-panel { padding:20px 16px; }
  html[data-theme] .transaction-table { min-width:0; }
  html[data-theme] .transaction-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding-block:15px; }
  html[data-theme] .transaction-row.table-head { display:none; }
  html[data-theme] .transaction-name { grid-column:1;grid-row:1;gap:9px;min-width:0;font-size:13px; }
  html[data-theme] .transaction-name > span:last-child { min-width:0;overflow-wrap:anywhere; }
  html[data-theme] .transaction-name small { font-size:11px;line-height:1.4; }
  html[data-theme] .transaction-name .tx-icon { width:30px;height:30px;flex-shrink:0; }
  html[data-theme] .transaction-date { grid-column:1;grid-row:2;font-size:11px;padding-left:39px; }
  html[data-theme] .transaction-row > strong { grid-column:2;grid-row:1/3;align-self:center;font-size:13px;white-space:nowrap; }
  html[data-theme] .transaction-row > strong small { display:inline;font-size:11px; }
  html[data-theme] .faq-layout { grid-template-columns:minmax(0,1fr);gap:20px; }
  html[data-theme] .help-card { padding:24px; }
  html[data-theme] .help-card .button { width:100%; }
  html[data-theme] .help-card p { font-size:14px; }
  html[data-theme] .profile-layout { gap:18px; }
  html[data-theme] .profile-fields .settings-group { padding:20px 18px; }
  html[data-theme] .profile-fields .form-grid { grid-template-columns:minmax(0,1fr);gap:18px; }
  html[data-theme] .profile-fields .field { font-size:13px; }
  html[data-theme] .profile-fields .language-field { max-width:100%; }
  html[data-theme] .profile-fields .settings-title { align-items:flex-start;gap:10px; }
  html[data-theme] .profile-fields .settings-title h2 { margin:0 0 5px;font-size:19px; }
  html[data-theme] .settings-actions { align-items:stretch;flex-direction:column;gap:14px; }
  html[data-theme] .settings-actions .button { width:100%;min-height:48px;font-size:14px; }
  html[data-theme] .modal-header { padding:17px 16px 14px; }
  html[data-theme] .modal-header h2 { font-size:21px;line-height:1.3; }
  html[data-theme] .modal-body { padding:0 16px 18px; }
  html[data-theme] .modal-footer { display:grid;grid-template-columns:minmax(0,1fr);padding:13px 16px; }
  html[data-theme] .modal-footer :is(.button,.v2-button) { width:100%; }
  html[data-theme] .modal-footer :is(.button,.v2-button):last-child { grid-row:1; }
  html[data-theme] .payment-methods { grid-template-columns:minmax(0,1fr);gap:10px; }
  html[data-theme] .model-option { padding:13px 10px;gap:9px; }
  html[data-theme] .model-option .model-avatar { width:31px;height:31px;min-width:31px;font-size:15px; }
  html[data-theme] .model-option-info > strong { display:flex;flex-direction:column;gap:3px; }
  html[data-theme] .model-option-info > span { font-size:12px;line-height:1.55; }
  html[data-theme] .model-option-info > em { font-size:11px;line-height:1.4; }
  html[data-theme] .model-option-price { min-width:54px;font-size:12px; }
  html[data-theme] .model-option-price svg { margin-top:7px; }
  html[data-theme] .result-meta { font-size:12px;gap:9px; }
  html[data-theme] .result-meta > span:last-child { margin-left:0; }
  html[data-theme] .result-prompt { padding:15px; }
  html[data-theme] .result-prompt p { font-size:14px;line-height:1.65; }
  html[data-theme] .result-music { min-height:250px;padding:25px 16px; }
  html[data-theme] .workspace-footer { margin-top:28px;font-size:12px;line-height:1.6; }
}

@media (max-width:380px) {
  html[data-theme] .workspace { padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px)); }
  html[data-theme] .v2-page .home-launch { padding:18px 14px; }
  html[data-theme] .v2-page .quick-tile { min-height:112px;padding:13px 10px;grid-template-columns:29px minmax(0,1fr);gap:7px; }
  html[data-theme] .v2-page .quick-icon { width:29px;height:29px; }
  html[data-theme] .v2-page .quick-label { font-size:13px; }
  html[data-theme] .v2-page .quick-desc { font-size:12px; }
  html[data-theme] .v2-page .home-feature { height:238px;min-height:238px; }
  html[data-theme] .v2-page .home-model-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-theme] .v2-page .compact-model { padding:12px 10px;grid-template-columns:27px minmax(0,1fr);gap:7px; }
  html[data-theme] .v2-page .compact-provider { width:27px;height:27px; }
  html[data-theme] .v2-page .compact-model strong { font-size:12px; }
  html[data-theme] .v2-page :is(.creation-sidebar,.music-form) { padding-left:15px;padding-right:15px; }
  html[data-theme] .v2-page .canvas-area { padding:13px; }
  html[data-theme] .v2-page .record-art { width:min(54vw,190px); }
  html[data-theme] .v2-page .track-list { padding-inline:10px; }
  html[data-theme] .v2-page .track-row { gap:8px; }
  html[data-theme] .catalog-grid { grid-template-columns:minmax(0,1fr); }
  html[data-theme] .catalog-grid .model-visual { height:158px; }
  html[data-theme] .catalog-grid .model-card-body { padding:17px; }
  html[data-theme] .catalog-grid .model-description { font-size:13px; }
  html[data-theme] .history-grid .work-card { grid-template-columns:88px minmax(0,1fr); }
  html[data-theme] .history-grid .work-card .work-thumbnail { width:88px; }
  html[data-theme] .history-grid .work-card .work-meta { padding:12px 10px;gap:3px; }
  html[data-theme] .history-grid .work-card .work-meta > .icon-btn { display:none; }
  html[data-theme] .transaction-row { column-gap:9px; }
  html[data-theme] .transaction-row > strong { font-size:12px; }
}

@media (max-width:1024px) and (max-height:500px) {
  html[data-theme] .workspace { padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px)); }
  html[data-theme] .v2-page .v2-intro { display:flex;flex-direction:row;align-items:center;gap:18px;margin-bottom:14px; }
  html[data-theme] .v2-page .v2-intro > div:first-child { min-width:0;flex:1; }
  html[data-theme] .v2-page .v2-title { font-size:25px;line-height:1.2; }
  html[data-theme] .v2-page .v2-subtitle { font-size:12px;line-height:1.5;margin-top:6px; }
  html[data-theme] .v2-page .v2-intro .v2-inline-actions { flex-shrink:0; }
  html[data-theme] .v2-page .mobile-workspace-tabs { position:sticky;top:calc(var(--mobile-header-height,64px) + env(safe-area-inset-top,0px));z-index:15;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;margin:0 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--canvas); }
  html[data-theme] .v2-page .mobile-workspace-tabs button { display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px;border-radius:7px;background:transparent;color:var(--muted-strong);font-size:13px; }
  html[data-theme] .v2-page .mobile-workspace-tabs button.active,
  html[data-theme] .v2-page .mobile-workspace-tabs button[aria-selected="true"] { color:#fff;background:var(--primary); }
  html[data-theme] .v2-page :is(.creative-layout,.music-layout) { display:block; }
  html[data-theme] .v2-page :is(.creation-sidebar,.music-form) { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:19px 20px 118px; }
  html[data-theme] .v2-page :is(.creation-sidebar,.music-form) > .tool-section { min-width:0;margin:0; }
  html[data-theme] .image-studio[data-mobile-panel="controls"] .canvas-area,
  html[data-theme] .image-studio[data-mobile-panel="preview"] .creation-sidebar,
  html[data-theme] .music-studio[data-mobile-panel="controls"] .music-right,
  html[data-theme] .music-studio[data-mobile-panel="preview"] .music-form { display:none; }
  html[data-theme] .v2-page .tool-generate { position:fixed;z-index:22;left:max(14px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));bottom:calc(var(--mobile-nav-height,68px) + env(safe-area-inset-bottom,0px) + 6px);display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:12px;align-items:center;width:auto;margin:0;padding:9px 13px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:0 -8px 30px #02071430; }
  html[data-theme] .v2-page .tool-generate .generation-price { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;margin:0;font-size:12px; }
  html[data-theme] .v2-page .tool-generate > .v2-button { width:100%;min-height:46px;margin:0;font-size:14px; }
  html[data-theme] .v2-page .tool-generate > .field-hint { display:none; }
  html[data-theme] body.keyboard-open .v2-page .tool-generate { display:none; }
  html[data-theme] .v2-page .canvas-stage { min-height:0; }
  html[data-theme] .v2-page .canvas-frame { width:min(100%,330px);min-height:0;max-height:none;aspect-ratio:1; }
  html[data-theme] .v2-page .canvas-frame.landscape { width:min(100%,660px);aspect-ratio:16/9; }
  html[data-theme] .v2-page .canvas-frame.portrait { width:min(100%,190px);aspect-ratio:9/16; }
  html[data-theme] .v2-page .music-preview { display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 25px;align-items:center;text-align:left;padding:20px 24px; }
  html[data-theme] .v2-page .music-preview-top { grid-column:1/-1;margin-bottom:10px; }
  html[data-theme] .v2-page .record-art { grid-column:1;grid-row:2/6;width:150px;height:150px;margin:0; }
  html[data-theme] .v2-page .record-details,
  html[data-theme] .v2-page .music-wave,
  html[data-theme] .v2-page .music-timeline,
  html[data-theme] .v2-page .music-transport { grid-column:2;min-width:0;margin:0; }
  html[data-theme] .v2-page .record-title { font-size:24px; }
  html[data-theme] .v2-page .record-model { justify-content:flex-start; }
  html[data-theme] .v2-page .music-wave { width:100%;height:45px; }
  html[data-theme] .v2-page .music-wave > i { width:0;min-width:1px;max-width:5px;flex:1; }
  html[data-theme] .v2-page .music-transport { justify-content:flex-start;gap:15px; }
  html[data-theme] .v2-page .music-transport .big-play { width:48px;height:48px;min-height:48px; }
  html[data-theme] .v2-page .music-bottom-note { grid-column:1/-1;margin:10px 0 0;text-align:left; }
}

@media (hover:none) and (pointer:coarse) {
  html[data-theme] :is(.v2-button,.button,.category-tab,.v2-model-button,.model-option,.payment-method) { min-height:44px; }
  html[data-theme] :is(.v2-icon-button,.icon-btn) { width:44px;height:44px;min-height:44px; }
  html[data-theme] .v2-page :is(.v2-input,.v2-select,.v2-textarea),
  html[data-theme] .profile-fields :is(.input,.select) { font-size:16px; }
  html[data-theme] :is(.v2-button,.quick-tile,.compact-model,.model-card,.work-card,.v2-work-card):hover { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] .v2-page *,html[data-theme] .v2-page *::before,html[data-theme] .v2-page *::after { scroll-behavior:auto!important;animation:none!important;transition:none!important; }
}