/* SOURCE: studio22-experience.css?v=26.3.0 */
/* Ali963sy Studio v22.0 Public Experience CSS */

/* ===== SOURCE: mobile214.css ===== */
/* Ali963sy Studio v21.4 — Mobile Experience Pro */
:root{
  --m214-safe-top:env(safe-area-inset-top,0px);
  --m214-safe-bottom:env(safe-area-inset-bottom,0px);
  --m214-dock-h:66px;
  --m214-radius:18px;
}
html{max-width:100%;overflow-x:hidden}
body:not(.admin-body){max-width:100%;overflow-x:hidden}
body.m214-lock{overflow:hidden!important;touch-action:none!important}
.m214-route-progress{
  position:fixed;top:0;left:0;height:3px;width:0;z-index:99999;pointer-events:none;
  background:linear-gradient(90deg,var(--primary,#e63946),#ff8378);
  box-shadow:0 0 18px color-mix(in srgb,var(--primary,#e63946) 45%,transparent);
  opacity:0;transition:width .22s ease,opacity .2s ease
}
.m214-route-progress.on{opacity:1}
.m214-route-progress.done{width:100%!important;opacity:0}

.m214-dock,.m214-more-sheet,.m214-more-backdrop,.m214-top-btn{display:none}
@media(max-width:768px){
  body:not(.admin-body):not([data-page="music"]){
    padding-bottom:calc(var(--m214-dock-h) + 18px + var(--m214-safe-bottom))!important
  }
  body:not(.admin-body) :where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
  body:not(.admin-body) :where(button,a){touch-action:manipulation}
  body:not(.admin-body) :where(img,video,iframe,canvas,svg){max-width:100%}
  body:not(.admin-body) :where(.wrap,.container,.page-shell,.gallery-shell,.video-shell,.music-shell,.yt-wrap,.about-shell,.feed-shell,.stories-shell,.downloader-shell,.workspace,.toolbar-shell,.gallery-toolbar-shell){
    min-width:0!important
  }

  .m214-dock{
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;
    position:fixed;left:8px;right:8px;bottom:max(8px,var(--m214-safe-bottom));
    height:var(--m214-dock-h);padding:6px;z-index:4200;border-radius:20px;
    border:1px solid rgba(255,255,255,.105);
    background:rgba(8,10,14,.94);
    backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
    box-shadow:0 20px 60px rgba(0,0,0,.52)
  }
  body[data-page="music"] .m214-dock{display:none!important}
  .m214-dock a,.m214-dock button{
    min-width:0;height:52px;border:0;border-radius:14px;background:transparent;color:#747f8b;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    font:800 .5rem/1.1 inherit;text-decoration:none;cursor:pointer
  }
  .m214-dock i{font-size:.96rem}
  .m214-dock .active{color:#fff;background:color-mix(in srgb,var(--primary,#e63946) 12%,rgba(255,255,255,.025))}
  .m214-dock .active i{color:var(--primary,#e63946)}
  .m214-dock span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .m214-more-backdrop{
    display:block;position:fixed;inset:0;z-index:4290;background:rgba(0,0,0,.65);
    backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
    opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease
  }
  .m214-more-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
  .m214-more-sheet{
    display:block;position:fixed;left:8px;right:8px;bottom:calc(var(--m214-dock-h) + 18px + var(--m214-safe-bottom));
    z-index:4300;max-height:min(68dvh,590px);overflow:hidden;border-radius:22px;
    border:1px solid rgba(255,255,255,.1);background:rgba(10,12,16,.985);
    box-shadow:0 28px 80px rgba(0,0,0,.68);
    transform:translateY(28px) scale(.985);opacity:0;visibility:hidden;pointer-events:none;
    transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility .2s ease
  }
  .m214-more-sheet.open{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  .m214-more-head{
    min-height:56px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;
    border-bottom:1px solid rgba(255,255,255,.065)
  }
  .m214-more-head strong{font-size:.72rem;color:#fff}
  .m214-more-head small{display:block;color:#747e89;font-size:.5rem;margin-top:2px}
  .m214-more-close{
    width:38px;height:38px;min-height:38px!important;border:1px solid rgba(255,255,255,.08)!important;
    border-radius:11px!important;background:rgba(255,255,255,.035)!important;color:#cbd2db!important
  }
  .m214-more-grid{
    max-height:calc(min(68dvh,590px) - 56px);overflow-y:auto;overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px
  }
  .m214-more-grid a{
    min-width:0;min-height:58px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);
    border-radius:13px;background:rgba(255,255,255,.018);color:#b9c1cb;text-decoration:none;
    display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center
  }
  .m214-more-grid a.active{
    background:color-mix(in srgb,var(--primary,#e63946) 9%,rgba(255,255,255,.018));
    border-color:color-mix(in srgb,var(--primary,#e63946) 24%,rgba(255,255,255,.055));color:#fff
  }
  .m214-more-grid i{
    width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
    background:rgba(255,255,255,.04);color:var(--primary,#e63946)
  }
  .m214-more-grid strong{display:block;font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m214-more-grid small{display:block;color:#6f7984;font-size:.48rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .m214-top-btn{
    display:grid;place-items:center;position:fixed;left:14px;
    bottom:calc(var(--m214-dock-h) + 22px + var(--m214-safe-bottom));z-index:4100;
    width:40px;height:40px;border:1px solid rgba(255,255,255,.09);border-radius:13px;
    background:rgba(9,11,15,.9);color:#aab3bd;box-shadow:0 12px 34px rgba(0,0,0,.36);
    opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;cursor:pointer
  }
  body[data-page="music"] .m214-top-btn{bottom:calc(var(--m2131-player-h,160px) + 18px + var(--m214-safe-bottom))}
  .m214-top-btn.show{opacity:1;visibility:visible;transform:none}

  /* unified phone dialogs/viewers */
  body:not(.admin-body) :where(.viewer,.yt-viewer,.insta20-view,.modal-player,.lightbox){
    max-width:100vw!important;max-height:100dvh!important
  }
  body:not(.admin-body) :where(.viewer.open,.yt-viewer.open,.insta20-view.open,.modal-player.open,.lightbox.open){
    overscroll-behavior:contain!important
  }

  /* phone ergonomics */
  body:not(.admin-body) :where(.hero-actions,.showcase-btns,.yt-actions){
    max-width:100%;min-width:0
  }
  body:not(.admin-body) :where(.hero-actions button,.hero-actions a,.showcase-btns button,.yt-actions button,.yt-actions a){
    min-height:44px
  }
  body:not(.admin-body) :where(.toolbar,.library-toolbar,.yt-toolbar,.gallery-toolbar){
    max-width:100%!important;min-width:0!important
  }
}
@media(max-width:390px){
  .m214-dock{left:6px;right:6px}
  .m214-more-sheet{left:6px;right:6px}
  .m214-more-grid{grid-template-columns:1fr 1fr}
  .m214-dock a,.m214-dock button{font-size:.46rem}
}
@media(prefers-reduced-motion:reduce){
  .m214-route-progress,.m214-more-backdrop,.m214-more-sheet,.m214-top-btn{transition:none!important}
}


/* ===== SOURCE: pwa215.css ===== */
/* Ali963sy Studio v21.5 — PWA & Smart Performance Pro */
:root{--p215-safe-bottom:env(safe-area-inset-bottom,0px)}
#studio20Net{display:none!important}
#studio20Install{
  position:fixed!important;left:14px!important;right:auto!important;bottom:18px!important;z-index:4700!important;
  min-height:43px!important;max-width:min(260px,calc(100vw - 28px))!important;padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;
  background:rgba(8,10,14,.94)!important;color:#fff!important;box-shadow:0 18px 50px rgba(0,0,0,.5)!important;
  backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
  font:800 .63rem/1.2 inherit!important
}
.p215-status{
  position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;z-index:9800;
  transform:translate(-50%,-18px);opacity:0;visibility:hidden;pointer-events:none;
  min-height:38px;max-width:min(90vw,520px);padding:8px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.09);background:rgba(8,10,14,.95);color:#dce2e9;
  box-shadow:0 14px 44px rgba(0,0,0,.46);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  display:flex;align-items:center;justify-content:center;gap:8px;font:800 .58rem/1.3 inherit;
  transition:opacity .2s,transform .2s,visibility .2s
}
.p215-status.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.p215-status.offline i{color:#efc36e}.p215-status.online i{color:#63d9a3}
.p215-update{
  position:fixed;right:12px;left:12px;bottom:calc(12px + var(--p215-safe-bottom));z-index:9600;
  max-width:620px;margin:auto;padding:10px;border-radius:17px;border:1px solid rgba(255,255,255,.1);
  background:rgba(9,11,15,.97);box-shadow:0 22px 70px rgba(0,0,0,.62);
  display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;
  opacity:0;visibility:hidden;transform:translateY(18px);transition:.22s
}
.p215-update.show{opacity:1;visibility:visible;transform:none}
.p215-update .ico{width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--primary,#e63946) 13%,rgba(255,255,255,.03));color:var(--primary,#e63946);display:grid;place-items:center}
.p215-update strong{display:block;color:#fff;font-size:.64rem}.p215-update small{display:block;color:#747e89;font-size:.5rem;margin-top:2px}
.p215-update button{min-height:38px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--primary,#e63946) 28%,rgba(255,255,255,.08));border-radius:10px;background:color-mix(in srgb,var(--primary,#e63946) 12%,#12161c);color:#fff;font:800 .56rem inherit;cursor:pointer}
.p215-update .dismiss{background:transparent;border-color:rgba(255,255,255,.07);color:#8c96a2}
@media(max-width:768px){
  #studio20Install{
    left:10px!important;bottom:calc(var(--m214-dock-h,66px) + 20px + env(safe-area-inset-bottom))!important
  }
  body[data-page="music"] #studio20Install{
    bottom:calc(var(--m2131-player-h,164px) + 22px + env(safe-area-inset-bottom))!important
  }
  .p215-update{
    bottom:calc(var(--m214-dock-h,66px) + 18px + var(--p215-safe-bottom));
    grid-template-columns:36px minmax(0,1fr);padding:9px
  }
  body[data-page="music"] .p215-update{bottom:calc(var(--m2131-player-h,164px) + 18px + var(--p215-safe-bottom))}
  .p215-update .actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:6px}
  .p215-update button{width:100%}
}
@media(prefers-reduced-motion:reduce){.p215-status,.p215-update{transition:none!important}}


/* ==========================================================
   Ali963sy Studio v22.0 — Core Stability Layer
   ========================================================== */
:root{
  --s22-safe-top:env(safe-area-inset-top,0px);
  --s22-safe-bottom:env(safe-area-inset-bottom,0px);
  --s22-focus:color-mix(in srgb,var(--primary,#e63946) 62%,white 10%);
}
html{max-width:100%;overflow-x:hidden}
body:not(.admin-body){max-width:100%;overflow-x:hidden}
body:not(.admin-body) :where(img,video,iframe,canvas,svg){max-width:100%}
body:not(.admin-body) :where(button,a,input,select,textarea):focus-visible{
  outline:2px solid var(--s22-focus)!important;outline-offset:2px!important
}
.m20-overflow-repair{max-width:100%!important;min-width:0!important}
@media(max-width:768px){
  body:not(.admin-body) :where(.container,.wrap,.page-shell,.content,.main,.section,.panel,.card,.toolbar,.grid){min-width:0}
  body:not(.admin-body) :where(button,a,[role="button"]){touch-action:manipulation}
  body:not(.admin-body) :where(.lightbox,.viewer,.modal-player,.queue-panel,.m214-more-sheet){overscroll-behavior:contain}
}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto!important}}

/* v22.2.1 — Single mobile navigation authority */
#s209Dock,#s209Top{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:768px){
  body:not(.admin-body):not([data-page="music"]){
    padding-bottom:calc(var(--m214-dock-h,66px) + 18px + env(safe-area-inset-bottom))!important
  }
  .m214-dock{display:grid!important}
  .m214-top-btn{display:grid!important}
}

;
/* SOURCE: theme222.css?v=26.3.0 */
/* Ali963sy Studio v22.2 — Unified Visual Theme Engine */
:root{--t222-bg:#060709;--t222-surface:#0d1014;--t222-surface2:#151a20;--t222-text:#f7f8fa;--t222-muted:#8e98a4;--t222-line:rgba(255,255,255,.085);--t222-header:rgba(7,9,12,.76);--t222-shadow:0 24px 80px rgba(0,0,0,.42);--t222-radius:20px;--t222-on-accent:#fff;--t222-accent2:#8b5cf6}
body[data-studio-theme="obsidian"]{--t222-bg:#050608;--t222-surface:#0c0e12;--t222-surface2:#14171c;--t222-muted:#8f98a3;--t222-accent2:#8b5cf6}
body[data-studio-theme="noir-glass"]{--t222-bg:#050506;--t222-surface:#0b0c0f;--t222-surface2:#15171b;--t222-muted:#969ba4;--t222-accent2:#7c3aed}
body[data-studio-theme="crimson-cinema"]{--t222-bg:#090305;--t222-surface:#14070a;--t222-surface2:#210b10;--t222-muted:#ad8b90;--t222-accent2:#fb7185}
body[data-studio-theme="aurora"]{--t222-bg:#040b13;--t222-surface:#071522;--t222-surface2:#0d2437;--t222-muted:#86a1b7;--t222-accent2:#34d399}
body[data-studio-theme="royal-violet"]{--t222-bg:#09050f;--t222-surface:#13091e;--t222-surface2:#211036;--t222-muted:#a797b2;--t222-accent2:#ec4899}
body[data-studio-theme="ocean"]{--t222-bg:#031015;--t222-surface:#061b23;--t222-surface2:#0a2933;--t222-muted:#86a6ae;--t222-accent2:#14b8a6}
body[data-studio-theme="graphite"]{--t222-bg:#0c0e11;--t222-surface:#15181c;--t222-surface2:#20242a;--t222-muted:#9ba3ad;--t222-accent2:#64748b}
body[data-studio-theme="midnight"]{--t222-bg:#040611;--t222-surface:#090d1d;--t222-surface2:#111832;--t222-muted:#8c96b2;--t222-accent2:#8b5cf6}
body[data-studio-theme="cinema"]{--t222-bg:#090704;--t222-surface:#151008;--t222-surface2:#23190d;--t222-muted:#a89a84;--t222-accent2:#f59e0b}
body[data-studio-theme="editorial-ivory"]{--t222-bg:#f2eee7;--t222-surface:#fffdfa;--t222-surface2:#e8e0d4;--t222-text:#181511;--t222-muted:#62584e;--t222-line:rgba(49,37,24,.14);--t222-header:rgba(255,253,250,.84);--t222-shadow:0 22px 65px rgba(64,47,31,.13);--t222-accent2:#b58a61}
body[data-studio-theme="light"]{--t222-bg:#f4f6fa;--t222-surface:#fff;--t222-surface2:#e9edf5;--t222-text:#111827;--t222-muted:#667085;--t222-line:rgba(17,24,39,.12);--t222-header:rgba(255,255,255,.86);--t222-shadow:0 22px 65px rgba(17,24,39,.12);--t222-accent2:#7c3aed}
body[data-studio-theme="velvet-rose"]{--t222-bg:#10060b;--t222-surface:#1a0b12;--t222-surface2:#2a101c;--t222-muted:#b493a1;--t222-accent2:#fb7185}
body[data-studio-theme="cobalt-neon"]{--t222-bg:#020713;--t222-surface:#061126;--t222-surface2:#0b1e3d;--t222-muted:#86a1c3;--t222-accent2:#22d3ee}
body[data-studio-theme="emerald-film"]{--t222-bg:#03100b;--t222-surface:#071a12;--t222-surface2:#0c291d;--t222-muted:#8aa89b;--t222-accent2:#a3e635}
body[data-studio-theme="champagne-noir"]{--t222-bg:#080705;--t222-surface:#12100c;--t222-surface2:#201b13;--t222-muted:#a69d8b;--t222-accent2:#f0c987}
body[data-studio-theme="bronze-noir"]{--t222-bg:#090604;--t222-surface:#15100d;--t222-surface2:#241a14;--t222-muted:#aa9688;--t222-accent2:#e8a06c}
body[data-studio-theme="arctic-blue"]{--t222-bg:#f0f8fc;--t222-surface:#fff;--t222-surface2:#e2f1f9;--t222-text:#10202b;--t222-muted:#506875;--t222-line:rgba(14,57,79,.13);--t222-header:rgba(247,252,255,.88);--t222-shadow:0 22px 65px rgba(17,70,97,.12);--t222-accent2:#22c55e}
body[data-studio-theme="mono-luxe"]{--t222-bg:#090909;--t222-surface:#121212;--t222-surface2:#1c1c1c;--t222-muted:#999;--t222-accent2:#d4d4d4}
body[data-studio-theme]{background:radial-gradient(circle at 86% -5%,color-mix(in srgb,var(--primary,var(--studio-accent)) 12%,transparent),transparent 31%),radial-gradient(circle at 8% 66%,color-mix(in srgb,var(--t222-accent2) 7%,transparent),transparent 28%),var(--t222-bg)!important;color:var(--t222-text)!important;--studio-bg:var(--t222-bg);--studio-surface:var(--t222-surface);--studio-surface-2:var(--t222-surface2);--studio-text:var(--t222-text);--studio-muted:var(--t222-muted);--studio-line:var(--t222-line);--bg:var(--t222-bg);--card:var(--t222-surface);--card2:var(--t222-surface2);--text:var(--t222-text);--muted:var(--t222-muted);--border:var(--t222-line);--bg-card:var(--t222-surface);--bg-input:var(--t222-surface2);--text-main:var(--t222-text);--text-muted:var(--t222-muted);--border-color:var(--t222-line)}
body[data-studio-theme] :where(header.scrolled,.studio-header.scrolled,.site-header.scrolled,.navbar.scrolled){background:var(--t222-header)!important;border-color:var(--t222-line)!important}
body[data-studio-theme] :where(.glass-panel,.card,.media-card,.playlist-card,.gallery-card,.service-v2,.quote-v2,.tool-card,.about-preview,.stat-box,.collection-card,.story-card){background:linear-gradient(145deg,color-mix(in srgb,var(--t222-surface) 94%,transparent),color-mix(in srgb,var(--t222-surface2) 88%,transparent))!important;border-color:var(--t222-line)!important;color:var(--t222-text)!important;box-shadow:var(--t222-shadow)}
body[data-studio-theme] :where(.btn,.btn-action,.btn-primary,.primary-btn,.hero-primary,.music205-play,.main-center-play){background:linear-gradient(135deg,var(--primary,var(--studio-accent)),color-mix(in srgb,var(--primary,var(--studio-accent)) 78%,var(--t222-accent2)))!important;color:#fff!important;border-color:color-mix(in srgb,var(--primary,var(--studio-accent)) 55%,transparent)!important;box-shadow:0 12px 34px color-mix(in srgb,var(--primary,var(--studio-accent)) 24%,transparent)!important}
body[data-studio-theme] :where(.btn-outline,.btn-secondary,.btn-soft,.v161-pill,.filter-btn,.a208-btn,.m214-more-link){background:color-mix(in srgb,var(--t222-surface2) 88%,transparent)!important;color:var(--t222-text)!important;border-color:var(--t222-line)!important}
body[data-studio-theme] :where(input,select,textarea){background:color-mix(in srgb,var(--t222-surface2) 90%,transparent);color:var(--t222-text);border-color:var(--t222-line)}
body[data-studio-theme] :where(.section-title,.page-title,h1,h2,h3,h4,strong){color:var(--t222-text)}
body[data-studio-theme] :where(.section-subtitle,.muted,small,.meta,.hero-desc,.v2-heading p){color:var(--t222-muted)}
body[data-studio-theme] :where(.m214-dock,.m214-sheet,.queue-panel,.player-bar,.music205-queue){background:color-mix(in srgb,var(--t222-surface) 95%,transparent)!important;border-color:var(--t222-line)!important;color:var(--t222-text)!important}
body[data-studio-theme] ::selection{background:var(--primary,var(--studio-accent));color:#fff}

;
/* SOURCE: visual226.css?v=26.3.0 */
/* Ali963sy Studio v23.0.0 consolidated visual layers */

/* ==== visual2222.css ==== */

/* ==========================================================
   Ali963sy Studio v22.2.2 — Premium Visual Refinement
   Visual-only refinement on top of v22.2.1.
   ========================================================== */
:root{
  --v2222-accent:var(--primary,var(--studio-accent,#e63946));
  --v2222-bg:var(--t222-bg,#060709);
  --v2222-surface:var(--t222-surface,#0d1014);
  --v2222-surface2:var(--t222-surface2,#151a20);
  --v2222-text:var(--t222-text,#f7f8fa);
  --v2222-muted:var(--t222-muted,#8e98a4);
  --v2222-line:var(--t222-line,rgba(255,255,255,.085));
  --v2222-shadow:0 18px 56px rgba(0,0,0,.30);
}
body:not(.admin-body){
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  color:var(--v2222-text)!important;
}
body:not(.admin-body) :where(h1,h2,h3,h4,strong){letter-spacing:-.025em}
body:not(.admin-body) :where(.section-title,.page-title){letter-spacing:-.035em}
body:not(.admin-body) :where(.muted,.meta,.section-subtitle,.hero-desc,small){color:var(--v2222-muted)!important}
body:not(.admin-body) :where(.card,.panel,.service-v2,.quote-v2,.tool-card,.stat,.stat-box,.playlist-card,.gallery-item,.yt-card,.story-card,.post,.studio20-article,.insta20-item){
  border-color:var(--v2222-line)!important;
  box-shadow:var(--v2222-shadow)!important;
}
body:not(.admin-body) :where(.btn,.hero-action,.home-btn,.back,.yt-back,.refresh,.filter-btn,.view-btn,.sort-btn,.icon-btn-v2,.action-btn,.lb-btn){
  border-radius:13px!important;
  min-height:42px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
body:not(.admin-body) :where(.btn,.hero-action,.home-btn,.back,.yt-back,.refresh,.filter-btn,.view-btn,.sort-btn,.icon-btn-v2,.action-btn,.lb-btn):hover{
  transform:translateY(-1px);
}
body:not(.admin-body) :where(.primary,.btn-primary,.btn-play-all){
  background:linear-gradient(135deg,var(--v2222-accent),color-mix(in srgb,var(--v2222-accent) 76%,var(--t222-accent2,#8b5cf6)))!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--v2222-accent) 45%,transparent)!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--v2222-accent) 18%,transparent)!important;
}
body:not(.admin-body) :where(.btn-outline,.btn-secondary-v2,.filter-btn,.view-btn,.sort-btn,.icon-btn-v2,.action-btn,.home-btn,.back,.yt-back,.refresh){
  background:color-mix(in srgb,var(--v2222-surface2) 84%,transparent)!important;
  color:var(--v2222-text)!important;
  border:1px solid var(--v2222-line)!important;
}
body:not(.admin-body) :where(input,select,textarea,.search-box,.music-search){
  border-radius:12px!important;
  background:color-mix(in srgb,var(--v2222-surface2) 88%,transparent)!important;
  color:var(--v2222-text)!important;
  border-color:var(--v2222-line)!important;
}
body:not(.admin-body) :where(input,select,textarea,.search-box,.music-search):focus{
  border-color:color-mix(in srgb,var(--v2222-accent) 52%,transparent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--v2222-accent) 9%,transparent)!important;
}

/* Shared top navigation: cleaner, but same layout */
body:not(.admin-body) > header,
body:not(.admin-body) .top,
body:not(.admin-body) .yt-nav{
  border-color:var(--v2222-line)!important;
  background:color-mix(in srgb,var(--v2222-surface) 88%,transparent)!important;
  box-shadow:0 14px 44px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(20px)!important;
}
body:not(.admin-body) .nav-links a{
  border-radius:10px!important;
  transition:.18s ease!important;
}
body:not(.admin-body) .nav-links a:hover,
body:not(.admin-body) .nav-links a.active{
  color:var(--v2222-text)!important;
  background:color-mix(in srgb,var(--v2222-accent) 9%,transparent)!important;
}

/* Page intros */
body:not(.admin-body) :where(.hero-v3-card,.hero-card,.yt-feature-card,.intro,.story,.contact,.featured-showcase){
  border:1px solid var(--v2222-line)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.28)!important;
}
body:not(.admin-body) :where(.eyebrow,.studio-page-kicker,.yt-kicker,.hero-badge){
  border-radius:999px!important;
  background:color-mix(in srgb,var(--v2222-accent) 8%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--v2222-accent) 20%,transparent)!important;
  color:color-mix(in srgb,var(--v2222-accent) 74%,white 18%)!important;
}

/* Gallery */
body[data-page="gallery"] .hero-v3-card{border-radius:24px!important;padding:clamp(20px,4vw,40px)!important}
body[data-page="gallery"] .g213-showcase,
body[data-page="gallery"] .g212-explorer,
body[data-page="gallery"] .gallery-toolbar-shell{
  border-radius:18px!important;
}
body[data-page="gallery"] .gallery-grid{gap:10px!important}
body[data-page="gallery"] .gallery-item{
  border-radius:15px!important;overflow:hidden!important;
  border:1px solid var(--v2222-line)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.24)!important;
}
body[data-page="gallery"] .gallery-item img{transition:transform .32s ease,filter .32s ease}
body[data-page="gallery"] .gallery-item:hover img{transform:scale(1.025);filter:contrast(1.03)}

/* Videos */
body[data-page="videos"] .hero-card{border-radius:24px!important;padding:clamp(22px,4vw,42px)!important}
body[data-page="videos"] .stat{border-radius:16px!important}
body[data-page="videos"] .toolbar-shell{border-radius:17px!important}
body[data-page="videos"] .video-grid{gap:12px!important}
body[data-page="videos"] .video-card{
  border-radius:17px!important;overflow:hidden!important;
  border:1px solid var(--v2222-line)!important;
  background:var(--v2222-surface)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.25)!important;
}
body[data-page="videos"] .play-orb{
  background:var(--v2222-accent)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--v2222-accent) 24%,transparent)!important;
}

/* Music */
body[data-page="music"] .featured-showcase{
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 0,color-mix(in srgb,var(--v2222-accent) 10%,transparent),transparent 35%),
    linear-gradient(145deg,var(--v2222-surface),var(--v2222-surface2))!important;
}
body[data-page="music"] .music-pro-strip,
body[data-page="music"] .library-toolbar{border-radius:17px!important}
body[data-page="music"] .playlist-grid{gap:10px!important}
body[data-page="music"] .playlist-card{border-radius:15px!important}
body[data-page="music"] .player-bar{
  border-radius:18px!important;
  border:1px solid var(--v2222-line)!important;
  background:color-mix(in srgb,var(--v2222-surface) 94%,transparent)!important;
  box-shadow:0 22px 65px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(22px)!important;
}
body[data-page="music"] .queue-panel{
  border-radius:17px!important;
  border-color:var(--v2222-line)!important;
}

/* YouTube */
body[data-page="youtube"] .yt-feature-card{border-radius:20px!important}
body[data-page="youtube"] .yt-toolbar{border-radius:17px!important}
body[data-page="youtube"] .yt-grid{gap:12px!important}
body[data-page="youtube"] .yt-card{
  border-radius:16px!important;overflow:hidden!important;
  border:1px solid var(--v2222-line)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.23)!important;
}

/* About / Stories / Content pages */
body[data-page="about"] .portrait-card,
body[data-page="about"] .story,
body[data-page="about"] .contact{border-radius:20px!important}
body[data-page="about"] .value{border-radius:15px!important}
body[data-page="stories"] .hero{border-radius:22px!important}
body[data-page="stories"] .story-card{border-radius:15px!important}
body[data-page="feed"] .post,
body[data-page="blog"] .studio20-article,
body[data-page="instagram"] .insta20-item{border-radius:15px!important}
body[data-page="downloader"] .intro,
body[data-page="downloader"] .panel{border-radius:20px!important}

/* Viewer surfaces */
body:not(.admin-body) :where(.lightbox,.viewer,.yt-viewer,.modal-player){
  backdrop-filter:blur(18px)!important;
}
body:not(.admin-body) :where(.lightbox-content-box,.viewer-shell,.yt-viewer-box,.modal-content){
  border-radius:20px!important;
  border:1px solid var(--v2222-line)!important;
}

/* Mobile: keep 22.2.1 behavior, only polish */
@media(max-width:768px){
  .m214-dock{
    left:10px!important;right:10px!important;width:auto!important;
    bottom:max(9px,env(safe-area-inset-bottom))!important;
    border-radius:18px!important;
    border:1px solid var(--v2222-line)!important;
    background:color-mix(in srgb,var(--v2222-surface) 94%,transparent)!important;
    box-shadow:0 18px 54px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(22px)!important;
    padding:5px!important;
  }
  .m214-dock a,.m214-dock button{border-radius:13px!important}
  .m214-top-btn{
    right:14px!important;left:auto!important;
    border-radius:50%!important;
    background:color-mix(in srgb,var(--v2222-surface) 94%,transparent)!important;
    border:1px solid var(--v2222-line)!important;
  }
  body[data-page="music"] .player-bar{border-radius:16px!important}
}


/* ==== master223.css ==== */

/* ==========================================================
   Ali963sy Studio v22.2.3 — Visual Master Polish
   Final visual-only layer above v22.2.2.
   ========================================================== */
:root{
  --m223-accent:var(--primary,var(--studio-accent,#e63946));
  --m223-bg:var(--t222-bg,#060709);
  --m223-surface:var(--t222-surface,#0d1014);
  --m223-surface2:var(--t222-surface2,#151a20);
  --m223-text:var(--t222-text,#f7f8fa);
  --m223-muted:var(--t222-muted,#8e98a4);
  --m223-line:var(--t222-line,rgba(255,255,255,.075));
}
body:not(.admin-body){
  --content-w:min(1180px,calc(100% - 28px));
  background:
    radial-gradient(circle at 88% -8%,color-mix(in srgb,var(--m223-accent) 7%,transparent),transparent 28%),
    var(--m223-bg)!important;
}
body:not(.admin-body) :where(.section-title,.page-title){font-weight:850!important;letter-spacing:-.04em!important}
body:not(.admin-body) :where(.section-subtitle,.hero-desc,.meta,.muted){line-height:1.85!important}
body:not(.admin-body) :where(.card,.panel,.service-v2,.quote-v2,.tool-card,.stat,.stat-box,.playlist-card,.yt-card,.story-card,.post,.studio20-article,.insta20-item){
  box-shadow:0 14px 42px rgba(0,0,0,.22)!important;
}
body:not(.admin-body) :where(.btn,.hero-action,.filter-btn,.view-btn,.sort-btn,.action-btn,.icon-btn-v2,.home-btn,.back,.yt-back,.refresh){
  font-weight:800!important;
}
body:not(.admin-body) :where(.primary,.btn-primary,.btn-play-all){
  box-shadow:0 10px 26px color-mix(in srgb,var(--m223-accent) 16%,transparent)!important;
}
body:not(.admin-body) :where(.primary,.btn-primary,.btn-play-all):hover{
  box-shadow:0 14px 32px color-mix(in srgb,var(--m223-accent) 20%,transparent)!important;
}
body:not(.admin-body) :where(.eyebrow,.studio-page-kicker,.yt-kicker,.hero-badge){
  text-transform:none!important;
  letter-spacing:.045em!important;
}

/* Stronger editorial spacing */
body:not(.admin-body) main>section:not(:first-child){scroll-margin-top:100px}
body:not(.admin-body) :where(.gallery-grid,.video-grid,.playlist-grid,.yt-grid,.stories,.studio20-blog-grid,.insta20-grid){gap:12px!important}

/* Gallery: content first */
body[data-page="gallery"] .gallery-toolbar-shell{box-shadow:none!important}
body[data-page="gallery"] .gallery-item{
  box-shadow:0 12px 34px rgba(0,0,0,.20)!important;
}
body[data-page="gallery"] .gallery-item:hover{
  border-color:color-mix(in srgb,var(--m223-accent) 22%,var(--m223-line))!important;
}

/* Video: quiet UI around the thumbnail */
body[data-page="videos"] .video-card{box-shadow:0 12px 36px rgba(0,0,0,.21)!important}
body[data-page="videos"] .video-card:hover{border-color:color-mix(in srgb,var(--m223-accent) 20%,var(--m223-line))!important}
body[data-page="videos"] .play-orb{width:50px!important;height:50px!important}

/* Music: compact premium player */
body[data-page="music"] .player-bar{
  box-shadow:0 18px 54px rgba(0,0,0,.42)!important;
}
body[data-page="music"] .progress-v165,
body[data-page="music"] .progress-bar{height:4px!important}
body[data-page="music"] .queue-panel{box-shadow:0 18px 54px rgba(0,0,0,.40)!important}

/* About: cleaner editorial balance */
body[data-page="about"] .hero{gap:20px!important}
body[data-page="about"] .lead{max-width:720px!important;line-height:1.95!important}
body[data-page="about"] .values{gap:10px!important}

/* Content feeds */
body[data-page="feed"] .grid,
body[data-page="blog"] .studio20-blog-grid,
body[data-page="instagram"] .insta20-grid{gap:14px!important}

/* Mobile: less chrome, more content */
@media(max-width:768px){
  body:not(.admin-body){--content-w:calc(100% - 20px)}
  body:not(.admin-body) :where(.hero h1,.hero-v3 h1,.yt-hero h1,.intro h1){
    letter-spacing:-.045em!important;
  }
  .m214-dock{
    min-height:62px!important;
    box-shadow:0 14px 44px rgba(0,0,0,.40)!important;
  }
  .m214-dock :where(a,button){font-size:.67rem!important}
  .m214-top-btn{
    width:42px!important;height:42px!important;
    box-shadow:0 10px 28px rgba(0,0,0,.32)!important;
  }
  body[data-page="gallery"] .gallery-grid,
  body[data-page="videos"] .video-grid{gap:8px!important}
  body[data-page="music"] .playlist-grid{gap:8px!important}
}


/* ==== signature224.css ==== */

/* ==========================================================
   Ali963sy Studio v22.2.4 — Signature Visual Upgrade
   Visual-only: no API/behavior changes.
   ========================================================== */
:root{
  --s224-accent:var(--primary,var(--studio-accent,#e63946));
  --s224-bg:var(--t222-bg,#050608);
  --s224-s1:var(--t222-surface,#0d1014);
  --s224-s2:var(--t222-surface2,#151a20);
  --s224-text:var(--t222-text,#f7f8fa);
  --s224-muted:var(--t222-muted,#8e98a4);
  --s224-line:var(--t222-line,rgba(255,255,255,.08));
  --s224-soft:color-mix(in srgb,var(--s224-s1) 88%,transparent);
  --s224-shadow:0 28px 90px rgba(0,0,0,.38);
}

body:not(.admin-body){
  background:
    radial-gradient(circle at 84% -4%,color-mix(in srgb,var(--s224-accent) 9%,transparent),transparent 25%),
    radial-gradient(circle at 6% 42%,color-mix(in srgb,var(--t222-accent2,#8b5cf6) 5%,transparent),transparent 25%),
    var(--s224-bg)!important;
}
body:not(.admin-body)::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 82%);
}
body:not(.admin-body) :where(h1,h2,h3,h4,strong){color:var(--s224-text)}
body:not(.admin-body) :where(p,.muted,.meta,small,.section-subtitle,.hero-desc){color:var(--s224-muted)}
body:not(.admin-body) :where(.section-title,.page-title){
  font-weight:900!important;letter-spacing:-.052em!important;
}
body:not(.admin-body) :where(.btn,.hero-action,.filter-btn,.view-btn,.sort-btn,.action-btn,.icon-btn-v2,.home-btn,.back,.yt-back,.refresh){
  min-height:44px!important;border-radius:999px!important;padding-inline:16px!important;
}
body:not(.admin-body) :where(.primary,.btn-primary,.btn-play-all){
  background:var(--s224-accent)!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--s224-accent) 62%,white 8%)!important;
  box-shadow:0 10px 30px color-mix(in srgb,var(--s224-accent) 22%,transparent)!important;
}
body:not(.admin-body) :where(.btn-outline,.btn-secondary-v2,.filter-btn,.view-btn,.sort-btn,.action-btn,.icon-btn-v2,.home-btn,.back,.yt-back,.refresh){
  background:rgba(255,255,255,.028)!important;
  color:var(--s224-text)!important;
  border:1px solid var(--s224-line)!important;
  backdrop-filter:blur(16px);
}
body:not(.admin-body) :where(input,select,textarea,.search-box,.music-search){
  min-height:44px!important;border-radius:14px!important;
  background:color-mix(in srgb,var(--s224-s2) 82%,transparent)!important;
  border:1px solid var(--s224-line)!important;color:var(--s224-text)!important;
}
body:not(.admin-body) :where(input,select,textarea,.search-box,.music-search):focus{
  border-color:color-mix(in srgb,var(--s224-accent) 50%,transparent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--s224-accent) 10%,transparent)!important;
}

/* Universal floating navigation */
body:not(.admin-body) > header,
body:not(.admin-body) .top,
body:not(.admin-body) .yt-nav{
  border:1px solid var(--s224-line)!important;
  background:color-mix(in srgb,var(--s224-s1) 76%,transparent)!important;
  backdrop-filter:blur(26px)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.30)!important;
}
body:not(.admin-body) .nav-links{
  padding:4px!important;border-radius:999px!important;
  background:rgba(255,255,255,.018)!important;
  border:1px solid rgba(255,255,255,.035)!important;
}
body:not(.admin-body) .nav-links a{
  border-radius:999px!important;
  padding-inline:12px!important;
  color:var(--s224-muted)!important;
  font-weight:780!important;
}
body:not(.admin-body) .nav-links a.active,
body:not(.admin-body) .nav-links a:hover{
  background:color-mix(in srgb,var(--s224-accent) 12%,transparent)!important;
  color:var(--s224-text)!important;
}

/* Page-level hero language */
body:not(.admin-body) :where(.hero-v3-card,.hero-card,.featured-showcase,.yt-feature-card,.intro,.story,.contact){
  border:1px solid var(--s224-line)!important;
  background:
    radial-gradient(circle at 90% 0,color-mix(in srgb,var(--s224-accent) 9%,transparent),transparent 34%),
    linear-gradient(145deg,var(--s224-s1),var(--s224-s2))!important;
  box-shadow:var(--s224-shadow)!important;
}
body:not(.admin-body) :where(.eyebrow,.studio-page-kicker,.yt-kicker,.hero-badge){
  min-height:30px!important;border-radius:999px!important;
  padding-inline:11px!important;
  background:color-mix(in srgb,var(--s224-accent) 9%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--s224-accent) 24%,transparent)!important;
  color:color-mix(in srgb,var(--s224-accent) 74%,white 22%)!important;
}

/* Gallery — editorial wall */
body[data-page="gallery"] .hero-v3-card{border-radius:30px!important}
body[data-page="gallery"] .g213-showcase,
body[data-page="gallery"] .g212-explorer{border-radius:22px!important}
body[data-page="gallery"] .gallery-toolbar-shell{border-radius:18px!important;box-shadow:none!important}
body[data-page="gallery"] .gallery-grid{gap:14px!important}
body[data-page="gallery"] .gallery-item{
  border-radius:20px!important;overflow:hidden!important;
  border:1px solid var(--s224-line)!important;
  background:var(--s224-s1)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.26)!important;
  transition:transform .25s ease,border-color .25s ease!important;
}
body[data-page="gallery"] .gallery-item:nth-child(3n+1){transform:translateY(10px)}
body[data-page="gallery"] .gallery-item:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--s224-accent) 32%,var(--s224-line))!important}

/* Video — cinema tiles */
body[data-page="videos"] .hero-card{border-radius:30px!important}
body[data-page="videos"] .stats{gap:10px!important}
body[data-page="videos"] .stat{border-radius:18px!important;background:linear-gradient(145deg,var(--s224-s1),var(--s224-s2))!important}
body[data-page="videos"] .toolbar-shell{border-radius:18px!important}
body[data-page="videos"] .video-grid{gap:16px!important}
body[data-page="videos"] .video-card{
  border-radius:22px!important;overflow:hidden!important;
  border:1px solid var(--s224-line)!important;background:var(--s224-s1)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.28)!important;
}
body[data-page="videos"] .play-orb{
  width:56px!important;height:56px!important;border-radius:50%!important;
  background:var(--s224-accent)!important;border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 38px color-mix(in srgb,var(--s224-accent) 28%,transparent)!important;
}

/* Music — modern floating player */
body[data-page="music"] .featured-showcase{border-radius:30px!important;overflow:hidden!important}
body[data-page="music"] .music-pro-strip,
body[data-page="music"] .library-toolbar{border-radius:20px!important}
body[data-page="music"] .playlist-grid{gap:14px!important}
body[data-page="music"] .playlist-card{
  border-radius:20px!important;border:1px solid var(--s224-line)!important;
  background:linear-gradient(145deg,var(--s224-s1),var(--s224-s2))!important;
}
body[data-page="music"] .player-bar{
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:min(1120px,calc(100% - 24px))!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  border-radius:26px!important;border:1px solid var(--s224-line)!important;
  background:color-mix(in srgb,var(--s224-s1) 90%,transparent)!important;
  box-shadow:0 28px 84px rgba(0,0,0,.55)!important;backdrop-filter:blur(30px)!important;
}
body[data-page="music"] .queue-panel{
  border-radius:24px!important;border:1px solid var(--s224-line)!important;
  background:color-mix(in srgb,var(--s224-s1) 96%,transparent)!important;
}
body[data-page="music"] :where(.progress-v165,.progress-bar){height:4px!important;border-radius:999px!important}

/* YouTube */
body[data-page="youtube"] .yt-feature-card{border-radius:26px!important}
body[data-page="youtube"] .yt-toolbar{border-radius:20px!important}
body[data-page="youtube"] .yt-grid{gap:16px!important}
body[data-page="youtube"] .yt-card{
  border-radius:20px!important;overflow:hidden!important;border:1px solid var(--s224-line)!important;
  background:var(--s224-s1)!important;box-shadow:0 18px 52px rgba(0,0,0,.26)!important;
}

/* About */
body[data-page="about"] .portrait-card,
body[data-page="about"] .story,
body[data-page="about"] .contact{border-radius:26px!important}
body[data-page="about"] .value{border-radius:18px!important}

/* Stories / feeds */
body[data-page="stories"] .hero{border-radius:28px!important}
body[data-page="stories"] .story-card,
body[data-page="feed"] .post,
body[data-page="blog"] .studio20-article,
body[data-page="instagram"] .insta20-item{
  border-radius:20px!important;border:1px solid var(--s224-line)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.24)!important;overflow:hidden!important;
}

/* Downloader */
body[data-page="downloader"] .intro{border-radius:28px!important}
body[data-page="downloader"] .panel{border-radius:22px!important}

/* Mobile: one floating control layer only */
@media(max-width:768px){
  .m214-dock{
    left:10px!important;right:10px!important;width:auto!important;
    bottom:max(9px,env(safe-area-inset-bottom))!important;
    min-height:62px!important;border-radius:22px!important;padding:6px!important;
    border:1px solid var(--s224-line)!important;
    background:color-mix(in srgb,var(--s224-s1) 91%,transparent)!important;
    box-shadow:0 24px 72px rgba(0,0,0,.50)!important;
    backdrop-filter:blur(28px)!important;
  }
  .m214-dock :where(a,button){border-radius:16px!important}
  .m214-dock .active{
    background:color-mix(in srgb,var(--s224-accent) 15%,transparent)!important;
    color:var(--s224-accent)!important;
  }
  .m214-top-btn{
    right:16px!important;left:auto!important;
    width:44px!important;height:44px!important;border-radius:50%!important;
    background:color-mix(in srgb,var(--s224-s1) 93%,transparent)!important;
    border:1px solid var(--s224-line)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.36)!important;
  }
  body[data-page="gallery"] .gallery-item:nth-child(3n+1){transform:none}
  body[data-page="music"] .player-bar{
    width:calc(100% - 14px)!important;border-radius:20px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;
  }
}


/* ==== v23.0.0 final cleanup ==== */
:where(a,button,input,select,textarea,[role="button"]):focus-visible{
  outline:3px solid color-mix(in srgb,var(--primary,#e63946) 55%,white 10%)!important;
  outline-offset:3px!important;
}
[aria-busy="true"]{cursor:progress}
.studio-empty226{grid-column:1/-1;padding:64px 20px;text-align:center;color:var(--studio-muted,var(--muted,#8e98a4));border:1px dashed var(--studio-line,var(--border,rgba(255,255,255,.09)));border-radius:22px}
.studio-empty226 i{display:block;font-size:2rem;color:var(--primary,#e63946);margin-bottom:12px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}