/* SOURCE: home251.css?v=26.3.0 */

:root{
    --primary:#e63946;
    --primary-hover:#c92535;
    --bg:#040404;
    --card:#0d0d0f;
    --card2:#111114;
    --text:#fff;
    --muted:#9c9ca3;
    --border:rgba(255,255,255,.085);
    --soft-border:rgba(255,255,255,.13);
    --glow:rgba(230,57,70,.24);
    --max:1280px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:
        radial-gradient(circle at 85% 18%,rgba(230,57,70,.055),transparent 26%),
        radial-gradient(circle at 12% 70%,rgba(255,255,255,.025),transparent 24%),
        var(--bg);
    color:var(--text);
    font-family:"Segoe UI",Tahoma,Arial,sans-serif;
    line-height:1.8;
    overflow-x:hidden
}
body:after{
    content:"";
    position:fixed;inset:0;
    pointer-events:none;z-index:9998;opacity:.025;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")
}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(var(--max),92%);margin:auto}
::selection{background:var(--primary);color:#fff}

/* HEADER */
header{
    position:fixed;top:0;left:0;right:0;z-index:1000;
    padding:20px 0;transition:.35s
}
header.scrolled{
    background:rgba(4,4,4,.68);backdrop-filter:blur(22px);
    border-bottom:1px solid var(--border);
    box-shadow:0 10px 45px rgba(0,0,0,.24);padding:10px 0
}
nav{
    width:min(var(--max),92%);margin:auto;
    display:flex;align-items:center;justify-content:space-between;gap:25px
}
.logo{
    font-size:1.45rem;font-weight:900;color:var(--primary);
    display:flex;align-items:center;gap:10px;white-space:nowrap
}
.logo-icon{
    position:relative;width:38px;height:38px;border-radius:11px;
    border:1px solid rgba(230,57,70,.4);background:rgba(230,57,70,.08);
    display:grid;place-items:center;box-shadow:inset 0 0 25px rgba(230,57,70,.06)
}
.logo-icon:before{
    content:"";width:14px;height:14px;border:2px solid var(--primary);
    border-radius:50%;box-shadow:inset 0 0 0 3px #040404
}
.logo-icon:after{
    content:"";position:absolute;width:5px;height:5px;
    border-radius:50%;background:var(--primary)
}
.nav-links{
    display:flex;align-items:center;gap:4px;
    list-style:none;margin:0;padding:0
}
.nav-links a{
    position:relative;display:block;padding:9px 13px;
    border-radius:10px;color:#d0d0d0;font-size:.9rem;transition:.25s
}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.07)}
.nav-links a:after{
    content:"";position:absolute;right:13px;left:13px;bottom:4px;
    height:2px;background:var(--primary);
    transform:scaleX(0);transform-origin:center;transition:.3s
}
.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}
.menu-btn{
    display:none;width:44px;height:44px;
    border:1px solid var(--border);background:rgba(255,255,255,.05);
    color:#fff;border-radius:12px;cursor:pointer
}

/* SLIDER */
.slider{
    height:100svh;min-height:680px;position:relative;
    overflow:hidden;background:#000;
    box-shadow:inset 0 -80px 90px rgba(0,0,0,.4)
}
.slide{
    position:absolute;inset:0;
    background-position:center;background-size:cover;background-repeat:no-repeat;
    opacity:0;transform:scale(1.08);
    transition:opacity 1.2s ease,transform 8s linear;
    filter:brightness(.38) saturate(.92)
}
.slide.active{opacity:1;transform:scale(1)}
.slide:after{
    content:"";position:absolute;inset:0;
    background:
        linear-gradient(180deg,rgba(0,0,0,.45),transparent 30%,transparent 58%,rgba(0,0,0,.88)),
        radial-gradient(circle at center,rgba(0,0,0,.04),rgba(0,0,0,.72))
}
.slide-overlay{
    position:absolute;z-index:10;inset:0;
    display:flex;align-items:center;justify-content:center;
    text-align:center;padding:90px 20px 150px
}
.hero-inner{max-width:850px;animation:heroIn .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero-badge{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 22px;border:1px solid rgba(230,57,70,.35);
    background:rgba(230,57,70,.1);border-radius:50px;
    color:#ff7180;backdrop-filter:blur(10px);
    font-weight:700;box-shadow:0 0 35px rgba(230,57,70,.08)
}
.hero-badge i{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 15px var(--primary)}
.hero-title{
    font-size:clamp(2.8rem,6vw,5.5rem);font-weight:900;
    line-height:1.12;margin:22px 0 14px;
    text-shadow:0 12px 35px rgba(0,0,0,.9);letter-spacing:-.055em
}
.hero-title span{color:var(--primary);text-shadow:0 0 45px rgba(230,57,70,.18)}
.hero-desc{font-size:clamp(1rem,2vw,1.2rem);color:#d8d8dc;max-width:700px;margin:0 auto 30px}
.hero-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.btn{
    position:relative;overflow:hidden;
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    padding:13px 28px;border-radius:30px;border:1px solid transparent;
    background:var(--primary);color:#fff;font-weight:800;
    box-shadow:0 10px 28px rgba(230,57,70,.28);transition:.3s;cursor:pointer
}
.btn:before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);
    transform:translateX(-120%);transition:.55s
}
.btn:hover:before{transform:translateX(120%)}
.btn:hover{background:var(--primary-hover);transform:translateY(-3px);box-shadow:0 16px 35px rgba(230,57,70,.4)}
.btn-outline{
    background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);
    backdrop-filter:blur(10px);box-shadow:none
}
.btn-outline:hover{background:rgba(230,57,70,.14);border-color:var(--primary)}
.slider-arrow{
    position:absolute;z-index:25;top:50%;transform:translateY(-50%);
    width:58px;height:58px;border-radius:50%;
    border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);
    color:#fff;display:grid;place-items:center;font-size:1.25rem;
    cursor:pointer;backdrop-filter:blur(10px);transition:.3s;
    box-shadow:0 12px 35px rgba(0,0,0,.35)
}
.slider-arrow:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-50%) scale(1.08)}
.slider-prev{right:28px}
.slider-next{left:28px}
.slider-bottom{position:absolute;z-index:25;bottom:30px;left:0;right:0;display:flex;justify-content:center}
.slider-thumbs{
    display:flex;gap:10px;align-items:center;
    padding:10px 14px;background:rgba(0,0,0,.48);
    border:1px solid rgba(255,255,255,.08);border-radius:35px;
    backdrop-filter:blur(14px);box-shadow:0 12px 45px rgba(0,0,0,.35)
}
.thumb-dot{
    width:52px;height:52px;border-radius:50%;overflow:hidden;
    border:2px solid transparent;opacity:.45;cursor:pointer;
    transition:.35s;position:relative;background:#111;padding:0
}
.thumb-dot img{width:100%;height:100%;object-fit:cover;display:block}
.thumb-dot.active{border-color:var(--primary);opacity:1;transform:scale(1.1);box-shadow:0 0 0 3px rgba(230,57,70,.12)}
.thumb-dot.active:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(230,57,70,.35);border-radius:50%}

/* MARQUEE */
.marquee-container{
    overflow:hidden;
    background:linear-gradient(180deg,#030303,#070707,#030303);
    border-top:1px solid var(--border);border-bottom:1px solid var(--border);
    padding:25px 0;position:relative
}
.marquee-container:before,.marquee-container:after{
    content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none
}
.marquee-container:before{right:0;background:linear-gradient(90deg,transparent,#020202)}
.marquee-container:after{left:0;background:linear-gradient(270deg,transparent,#020202)}
.marquee-track{
    display:flex;width:max-content;gap:13px;
    animation:marquee 35s linear infinite
}
.marquee-item{
    width:180px;height:115px;border-radius:16px;overflow:hidden;
    border:1px solid var(--border);background:#111;flex:none;
    position:relative;box-shadow:0 10px 35px rgba(0,0,0,.25)
}
.marquee-item img{
    width:100%;height:100%;object-fit:cover;display:block;transition:.5s
}
.marquee-item:hover img{transform:scale(1.08)}
@keyframes marquee{to{transform:translateX(50%)}}

/* SECTIONS */
section{padding:90px 0;position:relative}
section:not(:first-of-type){isolation:isolate}
section:not(:first-of-type):before{
    content:"";position:absolute;width:320px;height:320px;
    border-radius:50%;background:var(--glow);filter:blur(120px);
    opacity:.08;z-index:-1;top:15%;right:-180px;pointer-events:none
}
.section-title{
    text-align:center;font-size:clamp(2rem,4vw,3.3rem);
    font-weight:900;margin:0 0 8px;letter-spacing:-.045em
}
.section-title span{display:inline-block;color:var(--primary);text-shadow:0 0 30px rgba(230,57,70,.12)}
.section-subtitle{text-align:center;color:var(--muted);max-width:700px;margin:0 auto 40px;font-size:.98rem}

/* STATS */
.stats-section{
    width:min(1100px,92%);margin:auto;
    display:grid;grid-template-columns:repeat(4,1fr);
    background:linear-gradient(145deg,rgba(20,20,23,.9),rgba(8,8,10,.96));
    border:1px solid var(--border);border-radius:24px;overflow:hidden;
    box-shadow:0 25px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);
    position:relative
}
.stat-box{text-align:center;padding:30px 18px;border-left:1px solid var(--border);transition:.3s;position:relative}
.stat-box:last-child{border-left:0}
.stat-box:hover{background:rgba(230,57,70,.045)}
.stat-icon{
    width:48px;height:48px;border-radius:15px;background:rgba(230,57,70,.1);
    color:var(--primary);display:grid;place-items:center;margin:0 auto 10px;
    font-weight:900;transition:.35s;box-shadow:inset 0 0 20px rgba(230,57,70,.08)
}
.stat-box:hover .stat-icon{transform:translateY(-4px) scale(1.06);box-shadow:0 10px 30px rgba(230,57,70,.14)}
.stat-box h3{font-size:2rem;margin:0;color:#fff;font-variant-numeric:tabular-nums}
.stat-box p{color:var(--muted);margin:3px 0 0;font-size:.88rem}

/* FEATURED */
.featured-grid{
    width:min(1100px,92%);margin:auto;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;align-items:stretch
}
.featured-card{
    background:linear-gradient(145deg,#111,#0a0a0a);
    border:1px solid var(--border);border-radius:22px;
    overflow:hidden;transition:.35s;position:relative
}
.featured-card:hover{transform:translateY(-7px);border-color:rgba(230,57,70,.4);box-shadow:0 25px 60px rgba(0,0,0,.4)}
.featured-img-box{height:320px;overflow:hidden;position:relative;background:#111}
.featured-img-box img{
    width:100%;height:100%;object-fit:cover;transition:.6s;display:block
}
.featured-card:hover .featured-img-box img{transform:scale(1.07)}
.featured-img-box:after{
    content:"مشاهدة";
    position:absolute;right:18px;top:18px;
    padding:6px 11px;border-radius:30px;
    background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.12);
    font-size:.72rem;color:#ddd;backdrop-filter:blur(10px);
    opacity:0;transform:translateY(-5px);transition:.3s
}
.featured-card:hover .featured-img-box:after{opacity:1;transform:none}
.featured-content{padding:20px 20px 22px}
.featured-content h3{margin:0;font-size:1.1rem}
.featured-link{display:inline-block;color:var(--primary);font-weight:800;margin-top:8px;font-size:.9rem;transition:.25s}
.featured-card:hover .featured-link{letter-spacing:.02em}

/* ABOUT */
.about-preview{
    width:min(1100px,92%);margin:auto;
    display:grid;grid-template-columns:1fr 1.2fr;
    gap:45px;align-items:center;position:relative
}
.about-image{
    height:520px;border-radius:28px;overflow:hidden;
    border:1px solid var(--border);background:#0c0c0c;
    box-shadow:0 30px 80px rgba(0,0,0,.3);position:relative
}
.about-image img{width:100%;height:100%;object-fit:cover;display:block}
.about-image:after{
    content:"";position:absolute;inset:0;
    border:1px solid rgba(255,255,255,.08);border-radius:28px;pointer-events:none
}
.about-copy .section-title{text-align:right}
.about-copy p{color:var(--muted);line-height:2;font-size:1.03rem}
.about-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}
.about-point{
    padding:16px;border:1px solid var(--border);border-radius:16px;
    background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));transition:.3s
}
.about-point:hover{transform:translateY(-3px);border-color:rgba(230,57,70,.25);background:rgba(230,57,70,.035)}
.about-point b{display:block}
.about-point span{color:#888;font-size:.82rem}

/* V2 SECTIONS */
.v2-extra{width:min(1100px,92%);margin:0 auto 90px}
.v2-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}
.v2-kicker{font-size:.72rem;letter-spacing:.18em;color:var(--primary);font-weight:900}
.v2-heading h2{margin:6px 0 0;font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.045em}
.v2-heading p{color:var(--muted);max-width:420px;margin:0}
.services-v2,.testimonials-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.service-v2{
    padding:25px;border:1px solid var(--border);border-radius:22px;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    transition:.35s;position:relative;overflow:hidden
}
.service-v2:hover{transform:translateY(-6px);border-color:rgba(230,57,70,.28);box-shadow:0 20px 55px rgba(0,0,0,.28)}
.service-number{color:var(--primary);font-size:.75rem;font-weight:900;letter-spacing:.15em}
.service-v2 h3{margin:20px 0 7px;font-size:1.12rem}
.service-v2 p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.9}
.quote-v2{padding:25px;border:1px solid var(--border);border-radius:22px;background:#0b0b0d;position:relative}
.quote-mark{color:var(--primary);font-size:2.2rem;line-height:1}
.quote-v2 p{color:#c7c7cc;font-size:.92rem;line-height:1.9;margin:8px 0 18px}
.quote-v2 strong{font-size:.88rem}
.quote-v2 small{display:block;color:#666;margin-top:2px}

/* CLIENT TOOLS */
.client-tools{width:min(1100px,92%);margin:0 auto 90px}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tool-card{
    position:relative;overflow:hidden;min-height:280px;padding:30px;
    border:1px solid var(--border);border-radius:24px;
    background:
        radial-gradient(circle at 90% 5%,rgba(230,57,70,.11),transparent 30%),
        linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    transition:.35s;display:flex;flex-direction:column;justify-content:space-between
}
.tool-card:hover{transform:translateY(-7px);border-color:rgba(230,57,70,.38);box-shadow:0 24px 65px rgba(0,0,0,.36)}
.tool-icon{
    width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
    color:var(--primary);background:rgba(230,57,70,.1);
    border:1px solid rgba(230,57,70,.22);font-size:1.35rem;margin-bottom:28px
}
.tool-kicker{color:var(--primary);font-size:.72rem;font-weight:900;letter-spacing:.15em}
.tool-card h3{margin:7px 0 8px;font-size:1.35rem}
.tool-card p{color:var(--muted);margin:0;line-height:1.9;font-size:.9rem}
.tool-action{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin-top:24px;padding-top:16px;border-top:1px solid var(--border);
    color:#fff;font-weight:800
}
.tool-action span:last-child{
    width:38px;height:38px;border-radius:50%;background:var(--primary);
    display:grid;place-items:center;transition:.3s
}
.tool-card:hover .tool-action span:last-child{transform:translateX(-4px)}

/* FOOTER */
footer{
    position:relative;background:linear-gradient(180deg,#0a0a0a,#020202);
    border-top:1px solid var(--border);padding:65px 20px 25px;text-align:center
}
footer:before{
    content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
    width:170px;height:1px;background:var(--primary);box-shadow:0 0 20px var(--primary)
}
.footer-logo{font-size:2.2rem;font-weight:900;color:var(--primary);margin-bottom:12px}
.footer-desc{color:var(--muted);max-width:600px;margin:0 auto}
.social-icons{display:flex;justify-content:center;gap:10px;margin:25px 0}
.social-btn{
    width:46px;height:46px;border:1px solid var(--border);border-radius:50%;
    display:grid;place-items:center;color:#fff;transition:.3s;background:rgba(255,255,255,.02)
}
.social-btn:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-4px)}
.copyright{color:#555;font-size:.82rem;border-top:1px solid var(--border);max-width:900px;margin:30px auto 0;padding-top:20px}
#scrollTopBtn{
    position:fixed;z-index:900;left:22px;bottom:22px;
    width:46px;height:46px;border:1px solid var(--border);
    background:rgba(15,15,15,.9);color:#fff;border-radius:50%;
    opacity:0;visibility:hidden;transition:.3s;cursor:pointer;
    box-shadow:0 10px 30px rgba(0,0,0,.3)
}
#scrollTopBtn.show{opacity:1;visibility:visible}
.image-error{display:flex;align-items:center;justify-content:center;height:100%;color:#777;background:#0b0b0b;font-size:.85rem;text-align:center;padding:20px}

/* MOBILE */
@media(max-width:900px){
    .nav-links{position:fixed;top:0;right:-100%;width:82%;height:100vh;background:rgba(3,3,3,.98);border-left:1px solid var(--primary);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:30px;transition:.35s;z-index:-1}
    .nav-links.active{right:0}
    .nav-links a{font-size:1.15rem;padding:13px 16px}
    .menu-btn{display:block}
    .stats-section{grid-template-columns:repeat(2,1fr)}
    .stat-box:nth-child(2){border-left:0}
    .stat-box:nth-child(3),.stat-box:nth-child(4){border-top:1px solid var(--border)}
    .stat-box:nth-child(4){border-left:0}
    .featured-grid{grid-template-columns:1fr 1fr}
    .about-preview{grid-template-columns:1fr}
    .about-image{height:430px;max-width:600px;margin:auto;width:100%}
    .services-v2,.testimonials-v2{grid-template-columns:1fr}
    .v2-heading{display:block}
    .v2-heading p{margin-top:10px}
}
@media(max-width:600px){
    .slider{min-height:620px}
    .hero-title{font-size:2.55rem;letter-spacing:-.045em}
    .hero-desc{font-size:.95rem}
    .slider-arrow{width:44px;height:44px}
    .slider-prev{right:12px}
    .slider-next{left:12px}
    .slider-thumbs{max-width:88%;overflow:auto}
    .thumb-dot{width:44px;height:44px;flex:none}
    .marquee-item{width:145px;height:95px}
    .marquee-track{animation-duration:28s}
    section{padding:70px 0}
    .featured-grid{grid-template-columns:1fr}
    .featured-img-box{height:350px}
    .about-points{grid-template-columns:1fr}
    .about-copy .section-title{text-align:center}
    .about-copy{text-align:center}
    .footer-logo{font-size:1.8rem}
    .v2-extra{margin-bottom:70px}
    .service-v2,.quote-v2{padding:22px}
    .tools-grid{grid-template-columns:1fr}
    .tool-card{min-height:250px;padding:24px}
}
@media(max-width:720px){
    .slider{min-height:100svh}.slide-overlay{padding:96px 18px 145px}
    .hero-btns{display:grid;grid-template-columns:1fr;width:min(390px,100%);margin:auto}
    .hero-btns .btn{width:100%}.stats-section{width:calc(100% - 24px)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Ali963sy Studio v26.3.0 — Home Reliability & Speed */
:root{
  --v251-cyan:#18b8f2;--v251-pink:#ff3d73;--v251-bg:#020912;--v251-surface:#07111d;
  --v251-line:rgba(255,255,255,.11);--v251-muted:#9aa7b5;--v251-radius:24px;
  --v251-hero-mobile:430px;--v251-hero-desktop:690px;
}
html{background:var(--v251-bg)}
body.studio-v251{background:radial-gradient(700px 450px at 84% 8%,rgba(24,184,242,.07),transparent 62%),radial-gradient(620px 420px at 12% 28%,rgba(255,61,115,.06),transparent 65%),var(--v251-bg);padding-bottom:0;color:#f7f9fb}
body.studio-v251:after{opacity:.012}
body.studio-v251 :focus-visible{outline:2px solid var(--v251-cyan);outline-offset:3px}
body.studio-v251 .marquee-container,body.studio-v251 #scrollTopBtn{display:none!important}

/* Fast compact header. */
body.studio-v251 header#mainHeader{position:sticky;top:0;padding:8px 0;background:rgba(2,9,18,.91);backdrop-filter:blur(18px) saturate(1.15);border-bottom:1px solid var(--v251-line);z-index:1000;box-shadow:0 8px 30px rgba(0,0,0,.2)}
body.studio-v251 header#mainHeader nav{width:min(1180px,calc(100% - 24px));min-height:62px;gap:12px}
body.studio-v251 .logo{font-size:1rem;color:#fff;gap:9px;order:1;margin-inline-start:auto}
body.studio-v251 .logo-icon{width:38px;height:38px;border-color:rgba(24,184,242,.4);background:linear-gradient(145deg,rgba(24,184,242,.14),rgba(255,61,115,.08))}
body.studio-v251 .logo-icon:before{border-color:var(--v251-cyan);box-shadow:inset 0 0 0 3px var(--v251-bg)}
body.studio-v251 .logo-icon:after{background:var(--v251-pink)}
body.studio-v251 .nav-links{order:2}
body.studio-v251 .v251-header-tools{display:flex;direction:ltr;gap:7px;order:3}
body.studio-v251 .menu-btn,body.studio-v251 .v251-head-btn{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--v251-line);background:#07111d;color:#fff;border-radius:16px;cursor:pointer}
body.studio-v251 .v251-head-btn svg,body.studio-v251 .menu-btn svg{width:22px;height:22px}

/* Hero keeps content visible even before API data arrives. */
body.studio-v251 #heroSlider{width:min(1180px,calc(100% - 24px));height:var(--v251-hero-desktop);min-height:0;margin:12px auto 0;border:1px solid var(--v251-line);border-radius:30px;box-shadow:0 24px 80px rgba(0,0,0,.38);overflow:hidden;background:linear-gradient(135deg,#081522,#02070d)}
body.studio-v251 #slides{position:absolute;inset:0}
body.studio-v251 #heroSlider .slide{filter:none;opacity:0;transform:scale(1.02);transition:opacity .55s ease,transform 6s linear;background:#06101a}
body.studio-v251 #heroSlider .slide.active{opacity:1;transform:scale(1)}
body.studio-v251 #heroSlider .slide:after{background:linear-gradient(90deg,rgba(2,8,14,.92) 0%,rgba(2,8,14,.66) 36%,rgba(2,8,14,.14) 72%),linear-gradient(180deg,rgba(2,8,14,.15),transparent 58%,rgba(2,8,14,.62))}
body.studio-v251 .v251-hero-copy{position:absolute;z-index:12;inset-inline-start:clamp(28px,5vw,70px);top:50%;transform:translateY(-50%);width:min(45%,520px);text-align:right}
body.studio-v251 .v251-hero-copy .hero-badge{padding:7px 13px;border-color:rgba(24,184,242,.35);background:rgba(3,14,23,.58);color:#80dfff;font-size:.72rem}
body.studio-v251 .v251-hero-copy .hero-title{font-size:clamp(3rem,5.6vw,5.4rem);line-height:1.02;margin:15px 0 12px;letter-spacing:-.055em}
body.studio-v251 .v251-hero-copy .hero-title span{background:linear-gradient(90deg,var(--v251-cyan),#8d75e7,var(--v251-pink));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
body.studio-v251 .v251-hero-copy .hero-desc{max-width:450px;margin:0;color:#d5dce4;line-height:1.95;font-size:1rem;text-shadow:0 3px 16px #000}
body.studio-v251 .slider-arrow{width:46px;height:46px;background:rgba(3,10,18,.72);border-color:rgba(255,255,255,.18);font-size:1.4rem}
body.studio-v251 .slider-prev{right:14px}body.studio-v251 .slider-next{left:14px}
body.studio-v251 .slider-bottom{bottom:18px}
body.studio-v251 .slider-thumbs{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;gap:7px}
body.studio-v251 .thumb-dot{width:36px;height:5px;border:0;border-radius:99px;background:rgba(255,255,255,.23);opacity:1;overflow:hidden;transform:none!important}
body.studio-v251 .thumb-dot img{display:none!important}
body.studio-v251 .thumb-dot.active{background:var(--v251-cyan);box-shadow:0 0 12px rgba(24,184,242,.3)}

/* CTA panel is intentionally tight to the slider. */
body.studio-v251 .home-intro-panel{padding:10px 0 4px;margin:0}
body.studio-v251 .home-intro-panel .hero-inner{width:min(1180px,calc(100% - 24px));max-width:none;margin:auto;padding:0;background:none;border:0;box-shadow:none}
body.studio-v251 .home-intro-panel :is(.hero-badge,.hero-title,.hero-desc){display:none!important}
body.studio-v251 .hero-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
body.studio-v251 .hero-btns .btn{min-height:64px;border-radius:22px;padding:12px 20px;font-size:.95rem;box-shadow:none}
body.studio-v251 .hero-btns .btn:first-child{background:linear-gradient(100deg,#f82758,var(--v251-pink),#d91950);box-shadow:0 14px 34px rgba(255,61,115,.16)}
body.studio-v251 .hero-btns .btn-outline{background:linear-gradient(180deg,rgba(8,19,31,.94),rgba(4,12,21,.96));border:1px solid rgba(24,184,242,.48)}

/* Core sections never rely on scroll JS to become visible. */
body.studio-v251 :is(#statsSection,#featuredSection,#aboutPreviewSection,#servicesV2,#reviewsV2,.client-tools){opacity:1!important;visibility:visible!important;transform:none!important}
body.studio-v251 section{padding:46px 0}
body.studio-v251 #statsSection{padding:12px 0 26px}
body.studio-v251 .stats-section{width:min(1180px,calc(100% - 24px));display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none}
body.studio-v251 .stat-box{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:right;padding:20px;border:1px solid var(--v251-line);border-radius:22px;background:linear-gradient(145deg,rgba(11,24,38,.84),rgba(5,13,22,.94));min-height:118px}
body.studio-v251 .stat-icon{margin:0;order:2;width:54px;height:54px;border-radius:17px;color:var(--v251-cyan);background:rgba(24,184,242,.09)}
body.studio-v251 .stat-box:nth-child(2) .stat-icon{color:#5bb0ff}body.studio-v251 .stat-box:nth-child(3) .stat-icon{color:#a66cff}body.studio-v251 .stat-box:nth-child(4) .stat-icon{color:var(--v251-pink)}
body.studio-v251 .stat-box h3{font-size:2.35rem;line-height:1;margin:0}body.studio-v251 .stat-box p{font-size:.82rem;margin-top:8px}

body.studio-v251 #featuredSection{padding-top:38px}
body.studio-v251 .section-title{font-size:clamp(2rem,4vw,3.5rem)}
body.studio-v251 .section-title span{background:linear-gradient(90deg,var(--v251-cyan),var(--v251-pink));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
body.studio-v251 .featured-grid{width:min(1180px,calc(100% - 24px));grid-template-columns:1.25fr .75fr .75fr;gap:10px}
body.studio-v251 .featured-card{border-radius:22px;background:#07111c;border-color:var(--v251-line)}
body.studio-v251 .featured-card:first-child{grid-row:span 2}
body.studio-v251 .featured-card:first-child .featured-img-box{height:100%;min-height:520px}
body.studio-v251 .featured-card:not(:first-child) .featured-img-box{height:250px}
body.studio-v251 .featured-content{padding:13px 15px}body.studio-v251 .featured-content h3{font-size:.92rem}body.studio-v251 .featured-link{font-size:.78rem;color:var(--v251-cyan)}
body.studio-v251 .v251-empty{grid-column:1/-1;padding:34px;text-align:center;border:1px dashed var(--v251-line);border-radius:22px;color:var(--v251-muted);background:#06101a}

body.studio-v251 .about-preview{width:min(1180px,calc(100% - 24px));gap:28px}
body.studio-v251 .about-image{height:500px;border-radius:28px;background:radial-gradient(circle at 60% 35%,rgba(24,184,242,.12),transparent 50%),#06101a}
body.studio-v251 .about-image:empty:before,body.studio-v251 .about-image.v251-no-image:before{content:'📷';position:absolute;inset:0;display:grid;place-items:center;font-size:4rem;opacity:.18}
body.studio-v251 .about-copy .section-title{text-align:right}
body.studio-v251 .about-point{border-color:var(--v251-line);background:rgba(7,17,29,.72)}

body.studio-v251 .v2-extra,body.studio-v251 .client-tools{width:min(1180px,calc(100% - 24px));margin:0 auto 30px;padding:40px 0}
body.studio-v251 .service-v2,body.studio-v251 .quote-v2,body.studio-v251 .tool-card{background:linear-gradient(145deg,rgba(10,23,37,.88),rgba(4,12,21,.94));border-color:var(--v251-line)}
body.studio-v251 .service-number,body.studio-v251 .v2-kicker,body.studio-v251 .tool-kicker{color:var(--v251-cyan)}
body.studio-v251 footer{padding-bottom:105px;background:linear-gradient(180deg,#06101a,#02070d);border-color:var(--v251-line)}
body.studio-v251 .footer-logo{color:#fff}body.studio-v251 footer:before{background:linear-gradient(90deg,var(--v251-cyan),var(--v251-pink));box-shadow:none}
body.studio-v251 .v251-glyph{font-weight:900;font-size:1.15rem;line-height:1}

/* Single mobile dock and sheets. */
.v251-mobile-dock{display:none}
.v251-overlay{position:fixed;z-index:1600;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.2s}
.v251-overlay.open{opacity:1;visibility:visible}
.v251-sheet{position:absolute;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));background:#07111d;border:1px solid var(--v251-line);border-radius:26px;padding:14px;box-shadow:0 28px 80px rgba(0,0,0,.55);transform:translateY(16px);transition:.2s}
.v251-overlay.open .v251-sheet{transform:none}
.v251-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.v251-sheet-head button{width:40px;height:40px;border-radius:14px;border:1px solid var(--v251-line);background:#0a1725;color:white}
.v251-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.v251-menu-grid a{padding:14px;border-radius:16px;border:1px solid var(--v251-line);background:#091625;color:#fff}
.v251-search-input{width:100%;height:52px;border:1px solid var(--v251-line);border-radius:17px;background:#020a12;color:#fff;padding:0 14px;font-size:16px}.v251-search-results{display:grid;gap:6px;margin-top:9px}.v251-search-results a{padding:12px;border-radius:14px;background:#091625;border:1px solid rgba(255,255,255,.07)}

@media(max-width:900px){
 body.studio-v251 .nav-links{display:none!important}
 body.studio-v251 header#mainHeader nav{min-height:58px;width:calc(100% - 16px)}
 body.studio-v251 .logo{font-size:.9rem}.logo-icon{width:36px!important;height:36px!important}
 body.studio-v251 .menu-btn,body.studio-v251 .v251-head-btn{width:44px;height:44px;border-radius:15px}
 body.studio-v251 #heroSlider{width:calc(100% - 16px);height:var(--v251-hero-mobile);margin-top:8px;border-radius:22px}
 body.studio-v251 #heroSlider .slide:after{background:linear-gradient(90deg,rgba(2,8,14,.88) 0%,rgba(2,8,14,.59) 46%,rgba(2,8,14,.08) 78%),linear-gradient(180deg,rgba(2,8,14,.07),transparent 55%,rgba(2,8,14,.55))}
 body.studio-v251 .v251-hero-copy{inset-inline-start:18px;top:49%;width:72%;max-width:290px}
 body.studio-v251 .v251-hero-copy .hero-badge{font-size:.56rem;padding:5px 9px}
 body.studio-v251 .v251-hero-copy .hero-title{font-size:clamp(2rem,8.3vw,2.7rem);margin:9px 0;line-height:1.06}
 body.studio-v251 .v251-hero-copy .hero-desc{font-size:.72rem;line-height:1.8;max-width:238px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 body.studio-v251 .slider-arrow{width:40px;height:40px}.slider-prev{right:7px!important}.slider-next{left:7px!important}
 body.studio-v251 .slider-bottom{bottom:14px}.thumb-dot{width:28px!important;height:4px!important}
 body.studio-v251 .home-intro-panel{padding:8px 0 0}.home-intro-panel .hero-inner{width:calc(100% - 16px)!important}
 body.studio-v251 .hero-btns{gap:7px}.hero-btns .btn{min-height:56px!important;border-radius:20px!important;font-size:.78rem!important;padding:8px!important}
 body.studio-v251 #statsSection{padding:10px 0 18px}.stats-section{width:calc(100% - 16px)!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
 body.studio-v251 .stat-box{min-height:106px;padding:14px!important;border-radius:19px!important}.stat-icon{width:48px!important;height:48px!important}.stat-box h3{font-size:2rem!important}.stat-box p{font-size:.72rem!important}
 body.studio-v251 section{padding:34px 0}.section-title{font-size:1.85rem!important}.section-subtitle{font-size:.78rem!important;margin-bottom:18px!important;padding:0 14px}
 body.studio-v251 .featured-grid{width:calc(100% - 16px)!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.featured-card:first-child{grid-column:1/-1;grid-row:auto!important}.featured-card:first-child .featured-img-box{min-height:0!important;height:auto!important;aspect-ratio:16/10}.featured-card:not(:first-child) .featured-img-box{height:auto!important;aspect-ratio:4/5}.featured-content{display:none!important}
 body.studio-v251 .about-preview{width:calc(100% - 16px)!important;grid-template-columns:1fr!important;gap:14px!important}.about-image{height:auto!important;aspect-ratio:4/3}.about-copy{text-align:right!important}.about-copy .section-title{text-align:right!important}.about-points{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.about-point{padding:12px!important}.about-point span{font-size:.72rem!important}
 body.studio-v251 .v2-extra,body.studio-v251 .client-tools{width:calc(100% - 16px)!important;padding:28px 0!important;margin-bottom:10px!important}.v2-heading{display:block!important;margin-bottom:14px!important}.v2-heading h2{font-size:1.55rem!important}.v2-heading p{font-size:.78rem!important;margin-top:5px!important}.services-v2,.testimonials-v2{grid-template-columns:1fr!important;gap:7px!important}.service-v2,.quote-v2{padding:17px!important;border-radius:19px!important}.service-v2 h3{margin:10px 0 4px!important}.service-v2 p,.quote-v2 p{font-size:.78rem!important;line-height:1.75!important}
 body.studio-v251 .tools-grid{grid-template-columns:1fr!important;gap:7px!important}.tool-card{min-height:0!important;padding:18px!important;border-radius:20px!important}.tool-icon{margin-bottom:12px!important;width:48px!important;height:48px!important}.tool-card p{font-size:.78rem!important}.tool-action{margin-top:14px!important}
 body.studio-v251 footer{padding:42px 16px calc(92px + env(safe-area-inset-bottom))!important}.footer-logo{font-size:1.55rem!important}.footer-desc{font-size:.78rem!important}
 .v251-mobile-dock{position:fixed;z-index:1200;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);padding:7px;border-radius:23px;background:rgba(7,17,29,.94);border:1px solid var(--v251-line);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.45)}
 .v251-mobile-dock a{min-width:0;min-height:58px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9eabb7;font-size:.68rem}.v251-mobile-dock a svg{width:21px;height:21px}.v251-mobile-dock a.active{color:white;background:linear-gradient(145deg,rgba(24,184,242,.18),rgba(255,61,115,.11));box-shadow:inset 0 0 0 1px rgba(24,184,242,.18)}.v251-mobile-dock a.active:after{content:'';width:18px;height:3px;border-radius:99px;background:var(--v251-cyan);position:absolute;bottom:4px}
 body.v251-keyboard-open .v251-mobile-dock{transform:translateY(130%);opacity:0;pointer-events:none}
}
@media(max-width:370px){:root{--v251-hero-mobile:390px}body.studio-v251 .v251-hero-copy{width:76%;inset-inline-start:15px}.hero-btns .btn{font-size:.72rem!important}.stat-box{min-height:96px!important}.stat-box h3{font-size:1.75rem!important}}
@media(min-width:901px){body.studio-v251 .menu-btn{display:none!important}body.studio-v251 .v251-search-trigger{display:none!important}}
@media(prefers-reduced-motion:reduce){body.studio-v251 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
body.studio-v251 .v251-skeleton .featured-img-box{background:linear-gradient(110deg,#07111c 8%,#0d1b2b 18%,#07111c 33%);background-size:200% 100%;animation:v251Shimmer 1.25s linear infinite}
@keyframes v251Shimmer{to{background-position-x:-200%}}
@media(prefers-reduced-motion:reduce){body.studio-v251 .v251-skeleton .featured-img-box{animation:none}}
/* Ali963sy Studio v26.0 — Comprehensive UX / mobile / performance layer */
:root{--v26-touch:44px;--v26-gap:clamp(14px,2vw,24px);--v26-line:rgba(255,255,255,.10);--v26-soft:rgba(255,255,255,.035)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body.studio-v260{overscroll-behavior-y:none}body.studio-v260 img,body.studio-v260 video{max-width:100%}body.studio-v260 :is(button,a,[role="button"],input,select,textarea){-webkit-tap-highlight-color:transparent}body.studio-v260 :is(button,a,[role="button"]){touch-action:manipulation}body.studio-v260 :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--v25-cyan,#18b8f2)!important;outline-offset:3px!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--v25-cyan,#18b8f2) 13%,transparent)!important}
body.studio-v260 :is(.btn,.btn-primary,.btn-secondary,.action,.mode-btn,.filter-btn,.view-btn,.hero-btn,.ghost-btn,.btn-action-custom,.quick-link-btn,.pick,.upload-btn){min-height:var(--v26-touch);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,opacity .18s ease}body.studio-v260 :is(.btn,.btn-primary,.btn-secondary,.action,.mode-btn,.filter-btn,.view-btn,.hero-btn,.ghost-btn,.btn-action-custom,.quick-link-btn,.pick,.upload-btn):active{transform:scale(.98)!important}
body.studio-v260 :is(.panel,.card,.glass-panel,.section-box,.video-card,.gallery-item,.media-card,.track-card,.article-card){border-color:var(--v26-line)}
body.studio-v260 .v26-defer{content-visibility:auto;contain-intrinsic-size:auto 620px}body.studio-v260.v26-offline::after{content:"غير متصل — يتم عرض المحتوى المتاح";position:fixed;z-index:5000;inset-inline:12px;top:max(12px,env(safe-area-inset-top));margin:auto;width:max-content;max-width:calc(100% - 24px);padding:9px 13px;border-radius:999px;background:#8d2431;color:#fff;font-size:.75rem;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.35)}
body.studio-v260 :is(#scrollTopBtn,.back-to-top,.scroll-top,.scrollTop,.floating-top,.float-top,.page-fab,.floating-action,.admin-float,.admin-fab){display:none!important}
body.studio-v260 .v242-mobile-dock,body.studio-v260 .v251-mobile-dock{padding-bottom:max(7px,env(safe-area-inset-bottom));will-change:transform}
body.studio-v260.v26-keyboard-open :is(.v242-mobile-dock,.v251-mobile-dock){transform:translateY(140%)!important;opacity:0!important;pointer-events:none!important}
body.studio-v260 .empty-state{border:1px dashed var(--v26-line);border-radius:22px;padding:clamp(28px,7vw,64px) 20px;background:var(--v26-soft)}
body.studio-v260 .skeleton{overflow:hidden;position:relative;background:#0d151f!important}body.studio-v260 .skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:v26-shimmer 1.4s infinite}@keyframes v26-shimmer{to{transform:translateX(100%)}}
body.studio-v260[data-page="videos"] .video-thumb video{background:#07101a;object-fit:cover}body.studio-v260[data-page="videos"] .video-thumb video[poster]{color:transparent}
body.studio-v260[data-page="downloader"] .workspace{align-items:start}body.studio-v260[data-page="downloader"] .form-panel,body.studio-v260[data-page="downloader"] .preview{box-shadow:0 24px 70px rgba(0,0,0,.34)}body.studio-v260[data-page="downloader"] .download-mode:has(.mode-btn[hidden]){grid-template-columns:1fr}body.studio-v260[data-page="downloader"] .mode-btn[hidden]{display:none!important}
body.studio-v260[data-page="folder"] .media-card{overflow:hidden}body.studio-v260[data-page="folder"] .audio-tile audio{width:100%}
body.studio-v260[data-save-data="1"] *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}body.studio-v260[data-save-data="1"] video[data-smart-video]{display:none}
@media(hover:hover) and (pointer:fine){body.studio-v260 :is(.action,.mode-btn,.filter-btn,.view-btn,.hero-btn,.ghost-btn,.btn-action-custom,.quick-link-btn):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--v25-cyan,#18b8f2) 42%,var(--v26-line));box-shadow:0 10px 28px rgba(0,0,0,.22)}}
@media(max-width:760px){:root{--v26-touch:46px}body.studio-v260{padding-bottom:max(82px,calc(72px + env(safe-area-inset-bottom)))}body.studio-v260 main{max-width:100%;overflow:clip}body.studio-v260 :is(.page-title,.hero-content h1,.intro h1){text-wrap:balance}body.studio-v260 :is(.panel,.card,.glass-panel,.section-box){border-radius:min(var(--v25-radius,24px),24px)}body.studio-v260 :is(.toolbar,.gallery-toolbar,.library-toolbar,.panel-head){gap:9px}body.studio-v260 :is(input,select,textarea){font-size:16px!important}body.studio-v260[data-page="downloader"] main{padding-inline:10px!important;padding-bottom:110px!important}body.studio-v260[data-page="downloader"] .intro{margin-bottom:18px!important}body.studio-v260[data-page="downloader"] .intro h1{font-size:clamp(2.05rem,11vw,3.25rem)!important;line-height:1.02!important}body.studio-v260[data-page="downloader"] .workspace{gap:10px!important}body.studio-v260[data-page="downloader"] .form-panel{padding:16px!important}body.studio-v260[data-page="downloader"] .preview{padding:10px!important}body.studio-v260[data-page="downloader"] .steps{gap:8px!important}body.studio-v260[data-page="folder"] .folder-hero{min-height:330px!important}body.studio-v260[data-page="folder"] .gallery-toolbar{align-items:stretch!important}body.studio-v260[data-page="folder"] .toolbar-group{width:100%;overflow:auto;flex-wrap:nowrap!important}body.studio-v260[data-page="folder"] .search-wrap{min-width:100%}body.studio-v260[data-page="folder"] .media-overlay{opacity:1!important;background:linear-gradient(to top,rgba(0,0,0,.64),transparent 55%)!important}body.studio-v260[data-page="folder"] .btn-float{font-size:.7rem!important;padding:7px 9px!important}}
@media(max-width:380px){body.studio-v260 :is(.filter-btn,.view-btn,.mode-btn){font-size:.72rem!important}body.studio-v260[data-page="folder"] .stat-card{padding:12px!important}body.studio-v260[data-page="downloader"] .intro p{font-size:.88rem!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.studio-v260 *,body.studio-v260 *::before,body.studio-v260 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}


/* SOURCE: studio261.css?v=26.3.0 */
/* Ali963sy Studio v26.2 — Responsive UX & interaction polish */
:root{
  --v261-tap:44px;
  --v261-mobile-gap:14px;
  --v261-mobile-radius:22px;
  --v261-safe-bottom:max(14px,env(safe-area-inset-bottom));
}
html{scroll-padding-top:84px}
body{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,a,input,select,textarea{font:inherit}
button,.btn,.action,.hero-btn,.hero-action,.filter-btn,.view-btn,.mode-btn,.nav-btn,.sort-btn,.icon-btn-v2,.btn-action,.m260-btn{
  min-height:var(--v261-tap);
}
button,.btn,.action,.hero-btn,.hero-action,.filter-btn,.view-btn,.mode-btn,.nav-btn,.sort-btn,.icon-btn-v2,.btn-action,.m260-btn,a{
  -webkit-tap-highlight-color:transparent;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:3px solid #18b8f2;outline:3px solid color-mix(in srgb,var(--v25-cyan,#18b8f2) 78%,white 22%);
  outline-offset:3px;
}
button:disabled,.btn[aria-disabled="true"],.action[aria-disabled="true"]{opacity:.52;cursor:not-allowed;filter:saturate(.65)}
body.v261-press-effects button:active,body.v261-press-effects .btn:active,body.v261-press-effects .action:active,body.v261-press-effects .hero-btn:active,body.v261-press-effects .hero-action:active{transform:translateY(1px) scale(.985)}
img,video{background:#070c12}
img{color:transparent}
.v261-content-visibility .gallery-card,.v261-content-visibility .video-card,.v261-content-visibility .story-card,.v261-content-visibility .insta20-item,.v261-content-visibility .article-card,.v261-content-visibility .featured-card,.v261-content-visibility .playlist-card,.v261-content-visibility .track-card{
  content-visibility:auto;contain-intrinsic-size:360px 320px;
}
.v261-content-visibility main>section:nth-of-type(n+3){content-visibility:auto;contain-intrinsic-size:1px 700px}
.v261-offline-note{position:fixed;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%,-130%);z-index:2147483000;padding:10px 15px;border:1px solid #ffb44d55;border-radius:999px;background:#15100ded;color:#ffe4bd;box-shadow:0 12px 40px #0008;font-size:.78rem;font-weight:800;transition:transform .22s ease;pointer-events:none}
body.v261-show-network .v261-offline-note.show{transform:translate(-50%,0)}
@media(max-width:760px){
  :root{--v261-tap:46px}
  html{scroll-padding-top:70px}
  body{overflow-x:hidden}
  body.v261-density-compact{--v261-mobile-gap:10px;--v261-mobile-radius:18px}
  body.v261-density-comfortable{--v261-mobile-gap:14px;--v261-mobile-radius:22px}
  main,.container,.wrap,.insta20,.article20{max-width:100%}
  .filter-buttons,.g213-smart,.g212-tags,.g212-collections,.toolbar-group,.music-pro-actions{
    scrollbar-width:none;
  }
  .filter-buttons::-webkit-scrollbar,.g213-smart::-webkit-scrollbar,.g212-tags::-webkit-scrollbar,.g212-collections::-webkit-scrollbar,.toolbar-group::-webkit-scrollbar,.music-pro-actions::-webkit-scrollbar{display:none}
  body.v261-sticky-filters .gallery-toolbar-shell,body.v261-sticky-filters .toolbar-shell,body.v261-sticky-filters .library-toolbar{
    position:sticky;top:8px;z-index:70;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .gallery-toolbar,.toolbar,.library-toolbar{gap:8px}
  .filter-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:2px}
  .filter-btn,.g213-chip,.sort-btn,.mode-btn{flex:0 0 auto;scroll-snap-align:start}
  .hero,.hero-card,.hero-v3-card,.featured-showcase,.about-preview,.panel,.secure{border-radius:var(--v261-mobile-radius)!important}
  .stats,.stats-section{gap:var(--v261-mobile-gap)!important}
  .stat,.stat-box{min-width:0}
  .viewer-shell,.modal-content{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px)}
  .viewer,.modal-player,.lightbox{padding-bottom:env(safe-area-inset-bottom)}
  .player-bar{bottom:calc(74px + env(safe-area-inset-bottom))}
  body.v261-keyboard-open.v261-hide-dock .v251-mobile-dock,body.v261-keyboard-open.v261-hide-dock .v242-mobile-dock,body.v261-keyboard-open.v261-hide-dock .mobile-bottom-nav{display:none!important}
  body.v261-keyboard-open .player-bar{bottom:8px}
}
@media(max-width:390px){
  :root{--v261-tap:44px}
  .filter-btn,.mode-btn,.sort-btn{font-size:.78rem}
  .stat-box,.stat{padding-inline:11px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* Ali963sy v26.2 — compact cards + reliable home media */
:root{--v262-card-scale:.80;--v262-title-scale:.82}
body.studio-v262 .featured-card.v262-media-pending{opacity:.22;min-height:0;pointer-events:none}
body.studio-v262 .featured-card.v262-media-pending .featured-img-box{background:linear-gradient(110deg,#07111c 20%,#0b1a29 45%,#07111c 70%);background-size:220% 100%;animation:v262pulse 1.1s linear infinite}
@keyframes v262pulse{to{background-position:-220% 0}}
body.studio-v262 .stat-box{min-height:calc(108px * var(--v262-card-scale))!important;padding:calc(18px * var(--v262-card-scale))!important;border-radius:calc(20px * var(--v262-card-scale) + 2px)!important}
body.studio-v262 .stat-box h3{font-size:calc(2.05rem * var(--v262-title-scale))!important}
body.studio-v262 .stat-box p{font-size:calc(.80rem * var(--v262-title-scale) + .08rem)!important;margin-top:5px!important}
body.studio-v262 .stat-icon{width:calc(52px * var(--v262-card-scale))!important;height:calc(52px * var(--v262-card-scale))!important}
body.studio-v262 .section-title{font-size:clamp(1.65rem,calc(3.2vw * var(--v262-title-scale)),2.7rem)!important;margin-bottom:8px!important}
body.studio-v262 .section-subtitle{font-size:.82rem!important;margin-bottom:18px!important}
body.studio-v262 .featured-card{border-radius:18px!important}
body.studio-v262 .featured-card:first-child .featured-img-box{min-height:380px!important}
body.studio-v262 .featured-card:not(:first-child) .featured-img-box{height:205px!important}
body.studio-v262 .featured-content{padding:13px 15px!important}
body.studio-v262 .featured-content h3{font-size:calc(1rem * var(--v262-title-scale))!important;margin:0 0 5px!important}
body.studio-v262 .about-preview{gap:20px!important}
body.studio-v262 .about-image{height:390px!important;border-radius:22px!important;overflow:hidden}
body.studio-v262 .about-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;filter:none!important}
body.studio-v262 .about-image.v262-no-profile{height:220px!important}
body.studio-v262 .about-copy p{font-size:.90rem!important;line-height:1.8!important}
body.studio-v262 .about-point{padding:12px!important;border-radius:16px!important}
body.studio-v262 .about-point b{font-size:calc(.92rem * var(--v262-title-scale) + .05rem)!important}
body.studio-v262 .about-point span{font-size:.76rem!important}
body.studio-v262 .service-v2,body.studio-v262 .quote-v2{padding:calc(18px * var(--v262-card-scale))!important;border-radius:18px!important;min-height:0!important}
body.studio-v262 .service-v2 h3,body.studio-v262 .quote-v2 strong{font-size:calc(1rem * var(--v262-title-scale) + .04rem)!important}
body.studio-v262 .service-v2 p,body.studio-v262 .quote-v2 p{font-size:.78rem!important;line-height:1.72!important}
body.studio-v262 .tool-card{min-height:170px!important;padding:calc(18px * var(--v262-card-scale))!important;border-radius:18px!important}
body.studio-v262 .tool-card h3{font-size:calc(1.08rem * var(--v262-title-scale) + .05rem)!important}
body.studio-v262 .tool-card p{font-size:.78rem!important;line-height:1.7!important}
body.studio-v262 .tool-icon{width:44px!important;height:44px!important;margin-bottom:10px!important}
@media(max-width:760px){
 body.studio-v262 section{padding:26px 0!important}
 body.studio-v262 .stats-section{gap:7px!important}
 body.studio-v262 .stat-box{min-height:78px!important;padding:10px 11px!important;border-radius:16px!important;gap:8px!important}
 body.studio-v262 .stat-icon{width:38px!important;height:38px!important}
 body.studio-v262 .stat-icon svg{width:19px!important;height:19px!important}
 body.studio-v262 .stat-box h3{font-size:1.45rem!important}
 body.studio-v262 .stat-box p{font-size:.66rem!important;margin-top:3px!important;line-height:1.25!important}
 body.studio-v262 .section-title{font-size:1.42rem!important;line-height:1.25!important;margin-bottom:5px!important}
 body.studio-v262 .section-subtitle{font-size:.72rem!important;line-height:1.55!important;margin-bottom:13px!important}
 body.studio-v262 .featured-grid{gap:6px!important}
 body.studio-v262 .featured-card{border-radius:15px!important}
 body.studio-v262 .featured-card:first-child .featured-img-box{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
 body.studio-v262 .featured-card:not(:first-child) .featured-img-box{height:auto!important;aspect-ratio:1/1!important}
 body.studio-v262 .about-preview{gap:10px!important}
 body.studio-v262 .about-image{height:auto!important;aspect-ratio:4/3!important;border-radius:17px!important}
 body.studio-v262 .about-copy .section-title{font-size:1.36rem!important}
 body.studio-v262 .about-copy p{font-size:.78rem!important;line-height:1.72!important}
 body.studio-v262 .about-points{gap:6px!important}
 body.studio-v262 .about-point{padding:9px!important;border-radius:13px!important}
 body.studio-v262 .about-point b{font-size:.78rem!important}
 body.studio-v262 .about-point span{font-size:.66rem!important;line-height:1.45!important}
 body.studio-v262 .service-v2,body.studio-v262 .quote-v2{padding:13px!important;border-radius:15px!important}
 body.studio-v262 .service-v2 h3,body.studio-v262 .quote-v2 strong{font-size:.88rem!important;margin:7px 0 3px!important}
 body.studio-v262 .service-v2 p,body.studio-v262 .quote-v2 p{font-size:.72rem!important;line-height:1.62!important}
 body.studio-v262 .tool-card{padding:14px!important;min-height:135px!important;border-radius:16px!important}
 body.studio-v262 .tool-card h3{font-size:.92rem!important;margin:4px 0 5px!important}
 body.studio-v262 .tool-card p{font-size:.71rem!important;line-height:1.58!important}
 body.studio-v262 .tool-action{margin-top:10px!important;font-size:.72rem!important}
}


/* ===== v28.6.1 GLOBAL SHELL ===== */
/* Ali963sy Studio v27.3.0 — consolidated header + performance UX */
/* ===== BEGIN studio2633.css ===== */
/* Ali963sy Studio v26.3.3 — definitive single top bar */
:root{
  --g2633-h:56px;
  --g2633-gap:8px;
  --g2633-bg:rgba(3,10,18,.96);
  --g2633-line:rgba(145,187,220,.15);
  --g2633-text:#f6fbff;
  --g2633-muted:#9eb0c0;
  --g2633-accent:#24bdf2;
}
html{scroll-padding-top:calc(var(--g2633-h) + 10px)}
body:not(.admin-body){overflow-x:hidden!important}

/* Old public header/search/menu systems are retired. */
body:not(.admin-body) > header:not(#studioGlobalHeader),
body:not(.admin-body) > .studio-global-header:not(#studioGlobalHeader),
body:not(.admin-body) > .v242-site-head,
body:not(.admin-body) > .v263-sitebar,
body:not(.admin-body) #mainHeader,
body:not(.admin-body) .studio-mobile-overlay,
body:not(.admin-body) .studio-mobile-backdrop,
body:not(.admin-body) .studio-mobile-drawer,
body:not(.admin-body) .v242-menu-panel,
body:not(.admin-body) .v242-search-panel,
body:not(.admin-body) #studioCommand,
body:not(.admin-body) #v251Menu,
body:not(.admin-body) #v251Search,
body:not(.admin-body) .yt-wrap > .yt-nav,
body:not(.admin-body) header.wrap.top{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

#studioGlobalHeader{
  position:sticky!important;
  top:0!important;
  inset-inline:0!important;
  z-index:2147483000!important;
  display:block!important;
  width:100%!important;
  height:var(--g2633-h)!important;
  min-height:var(--g2633-h)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--g2633-line)!important;
  background:var(--g2633-bg)!important;
  color:var(--g2633-text)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  transform:none!important;
  overflow:visible!important;
  isolation:isolate!important;
  direction:rtl!important;
}
#studioGlobalHeader *{box-sizing:border-box!important}
#studioGlobalHeader .studio-gh-inner{
  position:relative!important;
  width:min(1240px,100%)!important;
  height:100%!important;
  margin:0 auto!important;
  padding:0!important;
  display:block!important;
}
#studioGlobalHeader .studio-gh-brand{
  position:absolute!important;
  top:50%!important;
  right:max(10px,env(safe-area-inset-right,0px))!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:calc(100% - 116px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--g2633-text)!important;
  text-decoration:none!important;
  direction:rtl!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font:800 .84rem/1.15 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
#studioGlobalHeader .studio-gh-logo{
  display:block!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  flex:0 0 32px!important;
  border:1px solid rgba(36,189,242,.28)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,rgba(36,189,242,.10),rgba(255,71,115,.08)),url('logo227.svg?v=26.3.3') center/21px 21px no-repeat!important;
  box-shadow:none!important;
}
#studioGlobalHeader .studio-gh-name{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
}
#studioGlobalHeader .studio-gh-actions{
  position:absolute!important;
  top:50%!important;
  left:max(10px,env(safe-area-inset-left,0px))!important;
  right:auto!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  width:auto!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  direction:ltr!important;
}
#studioGlobalHeader .studio-gh-action{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  flex:0 0 38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(145,187,220,.15)!important;
  border-radius:12px!important;
  background:#07131f!important;
  color:#eff8ff!important;
  box-shadow:none!important;
  transform:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
}
#studioGlobalHeader .studio-gh-action svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transform:none!important;
}
#studioGlobalHeader .studio-gh-action:focus-visible{outline:2px solid var(--g2633-accent)!important;outline-offset:2px!important}
@media(hover:hover){#studioGlobalHeader .studio-gh-action:hover{border-color:rgba(36,189,242,.42)!important;background:#0a1a29!important}}

/* New compact popovers. They are the only top navigation panels. */
#studioGlobalMenu,#studioGlobalSearch{
  position:fixed!important;
  top:calc(var(--g2633-h) + 7px)!important;
  left:max(8px,env(safe-area-inset-left,0px))!important;
  right:auto!important;
  z-index:2147483100!important;
  width:min(330px,calc(100vw - 16px))!important;
  max-height:min(68vh,540px)!important;
  overflow:auto!important;
  margin:0!important;
  padding:9px!important;
  border:1px solid rgba(145,187,220,.18)!important;
  border-radius:16px!important;
  background:rgba(4,12,20,.99)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  direction:rtl!important;
}
#studioGlobalMenu[hidden],#studioGlobalSearch[hidden]{display:none!important}
.studio-gh-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:3px 4px 9px!important;color:var(--g2633-muted)!important;font:750 .72rem/1.2 system-ui!important}
.studio-gh-panel-close{width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;background:#07131f!important;color:#fff!important;font-size:1.15rem!important;line-height:1!important}
.studio-gh-menu-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
.studio-gh-menu-grid a{min-height:42px!important;display:flex!important;align-items:center!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important;color:#edf7ff!important;text-decoration:none!important;font:700 .76rem/1.2 system-ui!important}
.studio-gh-menu-grid a.active{border-color:rgba(36,189,242,.34)!important;background:rgba(36,189,242,.10)!important}
.studio-gh-search-row{display:flex!important;gap:7px!important;align-items:center!important}
#studioGlobalSearchInput{width:100%!important;min-width:0!important;height:42px!important;border:1px solid rgba(145,187,220,.16)!important;border-radius:11px!important;background:#07131f!important;color:#fff!important;padding:0 12px!important;font:700 16px/1.2 system-ui!important;outline:none!important}
#studioGlobalSearchInput:focus{border-color:rgba(36,189,242,.50)!important}
.studio-gh-search-results{display:grid!important;gap:5px!important;margin-top:8px!important}
.studio-gh-search-results a{min-height:40px!important;display:flex!important;align-items:center!important;padding:8px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:#eef8ff!important;text-decoration:none!important;font:700 .76rem/1.2 system-ui!important}

/* Do not allow late legacy top controls to show even for one frame. */
body:not(.admin-body) :is(
  #studioMobileMenuBtn,#studioCommandBtn,#menuBtn,
  .studio-mobile-menu-btn,.studio-mobile-close,
  .v242-menu-open,.v242-search-open,.v242-site-tools,.v242-header-tools
){display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Stable mobile music player. */
@media(max-width:900px){
  :root{--g2633-h:54px}
  #studioGlobalHeader .studio-gh-brand{right:max(8px,env(safe-area-inset-right,0px))!important;max-width:calc(100% - 105px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;font-size:.80rem!important}
  #studioGlobalHeader .studio-gh-logo{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important;background-size:19px 19px!important}
  #studioGlobalHeader .studio-gh-actions{left:max(8px,env(safe-area-inset-left,0px))!important;gap:5px!important}
  #studioGlobalHeader .studio-gh-action{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;flex-basis:36px!important;border-radius:11px!important}
  #studioGlobalMenu,#studioGlobalSearch{top:61px!important}
  body[data-page="music"] .player-bar,
  body.studio-v2633 .player-bar{
    left:calc(8px + env(safe-area-inset-left,0px))!important;
    right:calc(8px + env(safe-area-inset-right,0px))!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
  }
}
@media(max-width:360px){
  #studioGlobalHeader .studio-gh-brand{max-width:calc(100% - 99px)!important;font-size:.76rem!important;gap:6px!important}
  #studioGlobalHeader .studio-gh-logo{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important}
  #studioGlobalHeader .studio-gh-action{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex-basis:34px!important}
  #studioGlobalMenu,#studioGlobalSearch{left:6px!important;width:calc(100vw - 12px)!important}
}

/* ===== END studio2633.css ===== */

/* ===== BEGIN studio270.css ===== */
/* Ali963sy Studio v27.0.0 — consolidated public polish bundle */

/* ===== BEGIN studio265.css ===== */
/* Ali963sy Studio v26.5.0 — UI behavior, theme visibility & control precision */
:root{
  --ui264-control-h:44px;
  --ui264-radius:13px;
  --ui264-gap:8px;
}

/* Theme palettes are explicit so saving a preset produces a visible change on every public page. */
body[data-studio-theme="obsidian"]{--ui264-bg:#050608;--ui264-surface:#0d1014;--ui264-surface2:#151a20;--ui264-text:#f7f8fa;--ui264-muted:#8e98a4;--ui264-line:rgba(255,255,255,.085);--ui264-header:rgba(5,6,8,.94);--ui264-accent:#e63946;--ui264-accent2:#8b5cf6}
body[data-studio-theme="noir-glass"]{--ui264-bg:#050506;--ui264-surface:#0b0c0f;--ui264-surface2:#15171b;--ui264-text:#f7f8fb;--ui264-muted:#969ba4;--ui264-line:rgba(255,255,255,.09);--ui264-header:rgba(5,5,6,.92);--ui264-accent:#d14b58;--ui264-accent2:#7c3aed}
body[data-studio-theme="crimson-cinema"]{--ui264-bg:#090305;--ui264-surface:#14070a;--ui264-surface2:#210b10;--ui264-text:#fff8fa;--ui264-muted:#ad8b90;--ui264-line:rgba(251,113,133,.16);--ui264-header:rgba(9,3,5,.94);--ui264-accent:#e11d48;--ui264-accent2:#fb7185}
body[data-studio-theme="aurora"]{--ui264-bg:#040b13;--ui264-surface:#071522;--ui264-surface2:#0d2437;--ui264-text:#f5fbff;--ui264-muted:#86a1b7;--ui264-line:rgba(56,189,248,.15);--ui264-header:rgba(4,11,19,.94);--ui264-accent:#38bdf8;--ui264-accent2:#34d399}
body[data-studio-theme="royal-violet"]{--ui264-bg:#09050f;--ui264-surface:#13091e;--ui264-surface2:#211036;--ui264-text:#fff8ff;--ui264-muted:#a797b2;--ui264-line:rgba(168,85,247,.17);--ui264-header:rgba(9,5,15,.94);--ui264-accent:#a855f7;--ui264-accent2:#ec4899}
body[data-studio-theme="ocean"]{--ui264-bg:#031015;--ui264-surface:#061b23;--ui264-surface2:#0a2933;--ui264-text:#f2fcff;--ui264-muted:#86a6ae;--ui264-line:rgba(34,211,238,.16);--ui264-header:rgba(3,16,21,.94);--ui264-accent:#22d3ee;--ui264-accent2:#14b8a6}
body[data-studio-theme="graphite"]{--ui264-bg:#0c0e11;--ui264-surface:#15181c;--ui264-surface2:#20242a;--ui264-text:#f7f8fa;--ui264-muted:#9ba3ad;--ui264-line:rgba(148,163,184,.15);--ui264-header:rgba(12,14,17,.94);--ui264-accent:#94a3b8;--ui264-accent2:#64748b}
body[data-studio-theme="midnight"]{--ui264-bg:#040611;--ui264-surface:#090d1d;--ui264-surface2:#111832;--ui264-text:#f6f7ff;--ui264-muted:#8c96b2;--ui264-line:rgba(99,102,241,.17);--ui264-header:rgba(4,6,17,.94);--ui264-accent:#6366f1;--ui264-accent2:#8b5cf6}
body[data-studio-theme="cinema"]{--ui264-bg:#090704;--ui264-surface:#151008;--ui264-surface2:#23190d;--ui264-text:#fffaf2;--ui264-muted:#a89a84;--ui264-line:rgba(217,119,6,.17);--ui264-header:rgba(9,7,4,.94);--ui264-accent:#d97706;--ui264-accent2:#f59e0b}
body[data-studio-theme="editorial-ivory"]{--ui264-bg:#f2eee7;--ui264-surface:#fffdfa;--ui264-surface2:#e8e0d4;--ui264-text:#181511;--ui264-muted:#62584e;--ui264-line:rgba(49,37,24,.14);--ui264-header:rgba(255,253,250,.94);--ui264-accent:#9a6b3f;--ui264-accent2:#b58a61}
body[data-studio-theme="light"]{--ui264-bg:#f4f6fa;--ui264-surface:#fff;--ui264-surface2:#e9edf5;--ui264-text:#111827;--ui264-muted:#667085;--ui264-line:rgba(17,24,39,.12);--ui264-header:rgba(255,255,255,.95);--ui264-accent:#2563eb;--ui264-accent2:#7c3aed}
body[data-studio-theme="velvet-rose"]{--ui264-bg:#10060b;--ui264-surface:#1a0b12;--ui264-surface2:#2a101c;--ui264-text:#fff8fb;--ui264-muted:#b493a1;--ui264-line:rgba(244,114,182,.17);--ui264-header:rgba(16,6,11,.94);--ui264-accent:#f472b6;--ui264-accent2:#fb7185}
body[data-studio-theme="cobalt-neon"]{--ui264-bg:#020713;--ui264-surface:#061126;--ui264-surface2:#0b1e3d;--ui264-text:#f4f8ff;--ui264-muted:#86a1c3;--ui264-line:rgba(59,130,246,.18);--ui264-header:rgba(2,7,19,.94);--ui264-accent:#3b82f6;--ui264-accent2:#22d3ee}
body[data-studio-theme="emerald-film"]{--ui264-bg:#03100b;--ui264-surface:#071a12;--ui264-surface2:#0c291d;--ui264-text:#f3fff9;--ui264-muted:#8aa89b;--ui264-line:rgba(52,211,153,.17);--ui264-header:rgba(3,16,11,.94);--ui264-accent:#34d399;--ui264-accent2:#a3e635}
body[data-studio-theme="champagne-noir"]{--ui264-bg:#080705;--ui264-surface:#12100c;--ui264-surface2:#201b13;--ui264-text:#fffaf0;--ui264-muted:#a69d8b;--ui264-line:rgba(212,175,103,.17);--ui264-header:rgba(8,7,5,.94);--ui264-accent:#d4af67;--ui264-accent2:#f0c987}
body[data-studio-theme="bronze-noir"]{--ui264-bg:#090604;--ui264-surface:#15100d;--ui264-surface2:#241a14;--ui264-text:#fff8f3;--ui264-muted:#aa9688;--ui264-line:rgba(201,139,95,.17);--ui264-header:rgba(9,6,4,.94);--ui264-accent:#c98b5f;--ui264-accent2:#e8a06c}
body[data-studio-theme="arctic-blue"]{--ui264-bg:#f0f8fc;--ui264-surface:#fff;--ui264-surface2:#e2f1f9;--ui264-text:#10202b;--ui264-muted:#506875;--ui264-line:rgba(14,57,79,.13);--ui264-header:rgba(247,252,255,.95);--ui264-accent:#0ea5e9;--ui264-accent2:#22c55e}
body[data-studio-theme="mono-luxe"]{--ui264-bg:#090909;--ui264-surface:#121212;--ui264-surface2:#1c1c1c;--ui264-text:#f7f7f7;--ui264-muted:#999;--ui264-line:rgba(255,255,255,.09);--ui264-header:rgba(9,9,9,.95);--ui264-accent:#a3a3a3;--ui264-accent2:#d4d4d4}

body:not(.admin-body)[data-studio-theme]{
  --studio-bg:var(--ui264-bg)!important;--bg:var(--ui264-bg)!important;
  --studio-surface:var(--ui264-surface)!important;--card:var(--ui264-surface)!important;--bg-card:var(--ui264-surface)!important;
  --studio-surface-2:var(--ui264-surface2)!important;--card2:var(--ui264-surface2)!important;--bg-input:var(--ui264-surface2)!important;
  --studio-text:var(--ui264-text)!important;--text:var(--ui264-text)!important;--text-main:var(--ui264-text)!important;
  --studio-muted:var(--ui264-muted)!important;--muted:var(--ui264-muted)!important;--text-muted:var(--ui264-muted)!important;
  --studio-line:var(--ui264-line)!important;--border:var(--ui264-line)!important;--border-color:var(--ui264-line)!important;
  background:
    radial-gradient(circle at 84% -8%,color-mix(in srgb,var(--ui264-accent) 11%,transparent),transparent 30rem),
    radial-gradient(circle at 8% 72%,color-mix(in srgb,var(--ui264-accent2) 7%,transparent),transparent 28rem),
    var(--ui264-bg)!important;
  color:var(--ui264-text)!important;
}
body:not(.admin-body)[data-studio-theme] #studioGlobalHeader{background:var(--ui264-header)!important;border-bottom-color:var(--ui264-line)!important;color:var(--ui264-text)!important}
body:not(.admin-body)[data-studio-theme] #studioGlobalHeader .studio-gh-action{background:var(--ui264-surface)!important;border-color:var(--ui264-line)!important;color:var(--ui264-text)!important}
body:not(.admin-body)[data-studio-theme] :is(#studioGlobalMenu,#studioGlobalSearch){background:color-mix(in srgb,var(--ui264-surface) 96%,transparent)!important;border-color:var(--ui264-line)!important;color:var(--ui264-text)!important}
body:not(.admin-body)[data-studio-theme] :where(
 .card,.media-card,.gallery-card,.story-card,.service-v2,.quote-v2,.tool-card,.about-preview,.stat-box,.collection-card,
 .yt-feature-card,.yt-info-card,.yt-card,.track-card,.playlist-card,.queue-panel,.player-bar,.music205-queue,
 .secure,.download-card,.article-card,.feed-card,.glass-panel
){background:linear-gradient(145deg,color-mix(in srgb,var(--ui264-surface) 97%,transparent),color-mix(in srgb,var(--ui264-surface2) 90%,transparent))!important;border-color:var(--ui264-line)!important;color:var(--ui264-text)!important}
body:not(.admin-body)[data-studio-theme] :where(input,select,textarea){background:var(--ui264-surface2)!important;color:var(--ui264-text)!important;border-color:var(--ui264-line)!important}

/* Public control geometry: text and icons stay truly centered. */
body:not(.admin-body) :where(
 button,.btn,.btn-action,.btn-primary,.btn-secondary,.btn-outline,.btn-soft,.primary-btn,
 .hero-primary,.hero-secondary,.btn-play-all,.filter-btn,.yt-btn,.m214-more-link,.v161-pill
){
  box-sizing:border-box!important;
  min-height:var(--ui264-control-h);
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-align:center!important;
  vertical-align:middle!important;
  line-height:1.15!important;
}
body:not(.admin-body) :where(button,.btn,.btn-action,.btn-primary,.btn-secondary,.btn-outline,.btn-soft,.primary-btn,.hero-primary,.hero-secondary,.btn-play-all,.filter-btn,.yt-btn,.m214-more-link,.v161-pill) > :where(span,b,strong,i,svg){align-self:center!important;margin-top:0!important;margin-bottom:0!important}
body:not(.admin-body) :where(button,.btn,.btn-action,.btn-primary,.btn-secondary,.btn-outline,.btn-soft,.primary-btn,.hero-primary,.hero-secondary,.btn-play-all,.filter-btn,.yt-btn,.m214-more-link,.v161-pill) i{line-height:1!important}
body:not(.admin-body) a[class*="btn"]{text-decoration:none!important}

/* Play controls: optical centering, not only mathematical centering. */
body:not(.admin-body) :is(#bar-play-icon,.main-center-play,.modal-main-play,.play-badge,.yt-play,.yt-card-play){display:grid!important;place-items:center!important;text-align:center!important}
body:not(.admin-body) :is(#bar-play-icon,.main-center-play){padding:0!important;line-height:1!important}
body:not(.admin-body) :is(#bar-play-icon,.main-center-play).fa-play::before{display:block!important;transform:translateX(1.35px)!important;transform-origin:center!important;line-height:1!important}
body:not(.admin-body) :is(#bar-play-icon,.main-center-play).fa-pause::before{display:block!important;transform:none!important;line-height:1!important}
body:not(.admin-body) .play-badge .fa-play::before,
body:not(.admin-body) .yt-play .fa-play::before,
body:not(.admin-body) .yt-card-play .fa-play::before{display:block!important;transform:translateX(1px)!important;line-height:1!important}

/* Music bar precision on phones. */
@media(max-width:900px){
  body[data-page="music"] .player-bar,
  body.studio-v2633 .player-bar{
    box-sizing:border-box!important;
    left:max(8px,env(safe-area-inset-left,0px))!important;
    right:max(8px,env(safe-area-inset-right,0px))!important;
    width:auto!important;max-width:none!important;
    transform:none!important;margin:0!important;
  }
  body[data-page="music"] .player-center-btns,
  body.studio-v2633 .player-center-btns{justify-content:center!important;width:100%!important}
  body[data-page="music"] #bar-play-icon,
  body.studio-v2633 #bar-play-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important}
}

@media(max-width:420px){
  :root{--ui264-control-h:42px}
  body:not(.admin-body) :where(.btn,.btn-action,.btn-primary,.btn-secondary,.btn-outline,.btn-soft,.primary-btn,.hero-primary,.hero-secondary,.btn-play-all,.filter-btn,.yt-btn){font-size:.82rem!important;padding-block:8px!important}
}

/* Extra mobile polish: no clipped labels, oversized headings, or horizontal drift. */
body:not(.admin-body) :where(.card,.media-card,.gallery-card,.story-card,.track-card,.yt-card,.service-v2,.tool-card,.stat-box) *{min-width:0}
body:not(.admin-body) :where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
body:not(.admin-body) :where(button,.btn,.btn-action,.btn-primary,.btn-secondary,.btn-outline,.btn-soft,.primary-btn,.hero-primary,.hero-secondary,.btn-play-all,.filter-btn,.yt-btn){max-width:100%;overflow-wrap:anywhere;white-space:normal}
@media(max-width:600px){
  body:not(.admin-body) :where(.page-title,.section-title,.hero h1,.yt-hero h1){font-size:clamp(1.55rem,7.3vw,2.35rem)!important;line-height:1.08!important;letter-spacing:-.025em!important}
  body:not(.admin-body) :where(.card h2,.card h3,.media-card h2,.media-card h3,.gallery-card h3,.track-card h3,.yt-card h3,.story-card h3){font-size:clamp(.88rem,4vw,1.05rem)!important;line-height:1.35!important}
  body:not(.admin-body) :where(.section-subtitle,.hero p,.lead){font-size:clamp(.82rem,3.5vw,.96rem)!important;line-height:1.7!important}
}

/* =========================================================
   v26.5.0 — Cross-device resilience & accessibility polish
   ========================================================= */
html{max-width:100%;overflow-x:hidden}
body:not(.admin-body){max-width:100%;overflow-x:clip;min-height:100dvh}
body:not(.admin-body) :where(main,section,article,aside,header,footer,nav,div,form,fieldset,ul,ol,li){min-width:0}
body:not(.admin-body) :where(img,video,canvas,svg,iframe){max-width:100%}
body:not(.admin-body) :where(img,video,canvas){height:auto}
body:not(.admin-body) :where(iframe){border:0}
body:not(.admin-body) :where(table){max-width:100%}
body:not(.admin-body) :where(p,h1,h2,h3,h4,h5,h6,figcaption,.title,.subtitle,.caption,.meta,.description){overflow-wrap:anywhere}
body:not(.admin-body) :where(input,select,textarea,button){font:inherit}

/* Strong, consistent keyboard focus without changing pointer styling. */
body:not(.admin-body) :where(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible{
  outline:3px solid color-mix(in srgb,var(--studio-accent,var(--primary,#e63946)) 72%,white)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--studio-accent,var(--primary,#e63946)) 18%,transparent)!important;
}

/* Filter/tool rows remain usable instead of wrapping into cramped stacks. */
@media(max-width:720px){
  body:not(.admin-body) :where(.filter-buttons,.gallery-toolbar,.toolbar,.yt-toolbar,.library-toolbar,.stories-filter,.category-tabs,.chip-row,.tabs-row){
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
    max-width:100%!important;gap:8px!important;padding-bottom:5px!important;scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  body:not(.admin-body) :where(.filter-buttons,.gallery-toolbar,.toolbar,.yt-toolbar,.library-toolbar,.stories-filter,.category-tabs,.chip-row,.tabs-row)::-webkit-scrollbar{display:none}
  body:not(.admin-body) :where(.filter-buttons,.gallery-toolbar,.toolbar,.yt-toolbar,.library-toolbar,.stories-filter,.category-tabs,.chip-row,.tabs-row) > *{
    flex:0 0 auto!important;scroll-snap-align:start;
  }
  /* Avoid iOS auto-zoom and make touch targets predictable. */
  body:not(.admin-body) :where(input,select,textarea){font-size:16px!important}
  body:not(.admin-body) :where(button,.btn,.btn-action,.btn-primary,.btn-secondary,.btn-outline,.btn-soft,.primary-btn,.filter-btn,.yt-btn){min-height:44px}
}

/* Global header: reserve enough real estate even at 320px. */
@media(max-width:420px){
  #studioGlobalHeader .studio-gh-inner{gap:7px!important;padding-inline:max(8px,env(safe-area-inset-left,0px)) max(8px,env(safe-area-inset-right,0px))!important}
  #studioGlobalHeader .studio-gh-brand{min-width:0!important;max-width:calc(100vw - 100px)!important}
  #studioGlobalHeader .studio-gh-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #studioGlobalHeader .studio-gh-actions{gap:6px!important;flex:0 0 auto!important}
  #studioGlobalHeader .studio-gh-action{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important}
  :is(#studioGlobalMenu,#studioGlobalSearch){
    left:max(8px,env(safe-area-inset-left,0px))!important;
    right:max(8px,env(safe-area-inset-right,0px))!important;
    width:auto!important;max-width:none!important;
    max-height:min(72dvh,calc(var(--studio265-vh,100vh) - 76px))!important;
    overflow:auto!important;overscroll-behavior:contain;
  }
}
@media(max-width:340px){#studioGlobalHeader .studio-gh-name{display:none!important}#studioGlobalHeader .studio-gh-brand{max-width:52px!important}}

/* Safe-area continuity for edge-to-edge iPhones and Android devices. */
body:not(.admin-body) footer{padding-bottom:max(18px,env(safe-area-inset-bottom,0px))}
@media(max-width:900px){
  body:not(.admin-body){padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  body[data-page="music"]{padding-bottom:max(104px,calc(88px + env(safe-area-inset-bottom,0px)))!important}
  body[data-page="music"] .player-bar{bottom:max(8px,env(safe-area-inset-bottom,0px))!important}
}

/* Short landscape phones: preserve content and panel access. */
@media(max-height:520px) and (orientation:landscape){
  :is(#studioGlobalMenu,#studioGlobalSearch){max-height:calc(var(--studio265-vh,100vh) - 66px)!important;overflow:auto!important}
  body:not(.admin-body) :where(.hero,.page-hero,.yt-hero){min-height:auto!important;padding-top:clamp(20px,5vh,44px)!important;padding-bottom:clamp(20px,5vh,44px)!important}
}

/* Motion only where the device/user asks for it. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body:not(.admin-body) :where(.card,.media-card,.gallery-card,.story-card,.track-card,.yt-card,.service-v2,.tool-card){transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
  body:not(.admin-body) :where(.card,.media-card,.gallery-card,.story-card,.track-card,.yt-card,.service-v2,.tool-card):hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
  body:not(.admin-body) *,body:not(.admin-body) *::before,body:not(.admin-body) *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Final box-model normalization for legacy pages that still inherit browser body margins. */
body:not(.admin-body){margin:0!important}

/* ===== END studio265.css ===== */

/* ===== BEGIN studio266.css ===== */
/* Ali963sy Studio v26.6.0 — Full-Site Visual Harmony & Micro-Interactions */
:root{
  --s266-radius-xl:clamp(22px,3vw,34px);
  --s266-radius-lg:20px;
  --s266-radius-md:15px;
  --s266-shadow:0 22px 60px rgba(0,0,0,.18);
  --s266-header-h:64px;
  --s266-content:min(1240px,calc(100% - 28px));
}
html{scroll-padding-top:calc(var(--s266-header-h) + 18px)}
body:not(.admin-body){isolation:isolate}
body:not(.admin-body)::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background:
    radial-gradient(52rem 30rem at 92% -8%,color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 9%,transparent),transparent 68%),
    radial-gradient(46rem 30rem at -8% 58%,color-mix(in srgb,var(--ui264-accent2,var(--studio-accent,#8b5cf6)) 6%,transparent),transparent 70%);
}
body:not(.admin-body)::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 78%);
}
body:not(.admin-body) main{position:relative}
body:not(.admin-body) :where(h1,h2,h3,.page-title,.section-title){text-wrap:balance}
body:not(.admin-body) :where(p,.lead,.section-subtitle,.hero-desc){text-wrap:pretty}
body:not(.admin-body) :where(.hero,.page-header,.yt-hero,.studio20-blog-hero,.insta20-hero,.intro,.studio-hero-polish){position:relative;isolation:isolate}
body:not(.admin-body) :where(.hero,.page-header,.yt-hero,.studio20-blog-hero,.insta20-hero,.intro,.studio-hero-polish)::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(32rem 16rem at 82% 12%,color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 10%,transparent),transparent 70%);
}

/* ---------- Global header precision ---------- */
#studioGlobalHeader{box-shadow:0 10px 32px rgba(0,0,0,.08);backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}
#studioGlobalHeader .studio-gh-inner{min-height:var(--s266-header-h)}
#studioGlobalHeader .studio-gh-logo{filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 18%,transparent))}
#studioGlobalHeader .studio-gh-action{transition:transform .18s ease,border-color .18s ease,background .18s ease}
@media(hover:hover) and (pointer:fine){#studioGlobalHeader .studio-gh-action:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 42%,var(--ui264-line,rgba(255,255,255,.1)))!important}}
:is(#studioGlobalMenu,#studioGlobalSearch){box-shadow:0 24px 70px rgba(0,0,0,.24)!important;border-radius:20px!important}
:is(#studioGlobalMenu,#studioGlobalSearch) :where(a,button,input){min-height:44px}

/* ---------- Scroll progress + back to top ---------- */
#studio266ScrollProgress{position:fixed;top:0;inset-inline-start:0;height:2px;width:0;z-index:10050;pointer-events:none;background:linear-gradient(90deg,var(--ui264-accent,var(--studio-accent,#e63946)),var(--ui264-accent2,#8b5cf6));box-shadow:0 0 12px color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 50%,transparent);transition:width .08s linear}
#studio266Top{position:fixed;inset-inline-end:max(14px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));width:46px;height:46px;min-width:46px!important;min-height:46px!important;padding:0!important;border-radius:50%!important;border:1px solid var(--ui264-line,rgba(255,255,255,.1))!important;background:color-mix(in srgb,var(--ui264-surface,#101215) 90%,transparent)!important;color:var(--ui264-text,#fff)!important;box-shadow:0 16px 36px rgba(0,0,0,.22);backdrop-filter:blur(12px);z-index:888;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease!important}
#studio266Top.is-visible{opacity:1;visibility:visible;transform:none}
body[data-page="music"] #studio266Top{bottom:max(108px,calc(92px + env(safe-area-inset-bottom,0px)))}

/* ---------- Unified cards / surfaces ---------- */
body:not(.admin-body) :where(.stat-box,.service-v2,.quote-v2,.tool-card,.about-preview,.gallery-item,.video-card,.yt-card,.yt-feature-card,.yt-info-card,.playlist-card,.post,.insta20-item,.value,.stat,.panel,.step,.secure,.box){
  border-color:color-mix(in srgb,var(--ui264-line,rgba(255,255,255,.1)) 88%,transparent)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset,0 14px 34px rgba(0,0,0,.07);
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body:not(.admin-body) :where(.stat-box,.service-v2,.quote-v2,.tool-card,.gallery-item,.video-card,.yt-card,.playlist-card,.post,.insta20-item,.value,.step){transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease!important}
  body:not(.admin-body) :where(.stat-box,.service-v2,.quote-v2,.tool-card,.gallery-item,.video-card,.yt-card,.playlist-card,.post,.insta20-item,.value,.step):hover{transform:translateY(-3px);box-shadow:var(--s266-shadow);border-color:color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 30%,var(--ui264-line,rgba(255,255,255,.1)))!important}
}
body:not(.admin-body) img{transition:opacity .32s ease,filter .32s ease}
body:not(.admin-body) img[data-s266-loading="1"]{opacity:.35;filter:saturate(.65)}
body:not(.admin-body) img.s266-loaded{opacity:1;filter:none}
body:not(.admin-body) img.s266-error{opacity:.55;filter:grayscale(1)}

/* ---------- Reveal motion ---------- */
.s266-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.75,.25,1)}
.s266-reveal.s266-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.s266-reveal{opacity:1!important;transform:none!important}}

/* ---------- Home ---------- */
body[data-page="home"] .slider{border-radius:0 0 var(--s266-radius-xl) var(--s266-radius-xl);overflow:hidden}
body[data-page="home"] .v251-hero-copy{max-width:min(760px,92vw)}
body[data-page="home"] .hero-title{font-size:clamp(2.25rem,6.5vw,5.8rem)!important;line-height:.98!important;letter-spacing:-.045em!important}
body[data-page="home"] .hero-desc{max-width:640px;line-height:1.85!important}
body[data-page="home"] :where(.home-intro-panel,.stats-section,.featured-grid,.about-preview,.v2-extra,.testimonials-v2,.client-tools){width:var(--s266-content);margin-inline:auto}
body[data-page="home"] .section-title{letter-spacing:-.025em}
body[data-page="home"] .featured-grid{gap:clamp(10px,1.5vw,18px)!important}
body[data-page="home"] .about-preview{overflow:hidden;border-radius:var(--s266-radius-xl)!important}
body[data-page="home"] .about-image img{object-fit:cover}
body[data-page="home"] .services-v2{gap:12px!important}
body[data-page="home"] .service-v2{overflow:hidden;position:relative}
body[data-page="home"] .service-v2::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:2px;width:42%;background:linear-gradient(90deg,var(--ui264-accent,var(--studio-accent,#e63946)),transparent);opacity:.75}
body[data-page="home"] footer{border-top:1px solid var(--ui264-line,rgba(255,255,255,.08))}

/* ---------- Gallery ---------- */
body[data-page="gallery"] .hero-v3{width:var(--s266-content);margin-inline:auto}
body[data-page="gallery"] .hero-v3-card{border-radius:var(--s266-radius-xl)!important;overflow:hidden;box-shadow:var(--s266-shadow)}
body[data-page="gallery"] .gallery-toolbar-shell{position:sticky;top:calc(var(--s266-header-h) + 8px);z-index:20;width:var(--s266-content);margin-inline:auto;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body[data-page="gallery"] .gallery-toolbar{border-radius:18px!important;background:color-mix(in srgb,var(--ui264-surface,#0d1014) 88%,transparent)!important}
body[data-page="gallery"] .gallery-grid{width:var(--s266-content);margin-inline:auto;gap:clamp(8px,1.2vw,15px)!important}
body[data-page="gallery"] .gallery-item{overflow:hidden!important;border-radius:clamp(15px,2vw,22px)!important}
body[data-page="gallery"] .gallery-item img{width:100%;height:100%;object-fit:cover}
body[data-page="gallery"] .gallery-overlay{background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,.04) 55%)!important}
body[data-page="gallery"] .lightbox-content-box{border-radius:18px;overflow:hidden}

/* ---------- Video ---------- */
body[data-page="videos"] .hero{width:var(--s266-content);margin-inline:auto}
body[data-page="videos"] .hero-card{border-radius:var(--s266-radius-xl)!important;overflow:hidden;box-shadow:var(--s266-shadow)}
body[data-page="videos"] .toolbar-shell{position:sticky;top:calc(var(--s266-header-h) + 8px);z-index:20;width:var(--s266-content);margin-inline:auto}
body[data-page="videos"] .toolbar{border-radius:18px!important;backdrop-filter:blur(15px)}
body[data-page="videos"] .video-grid{width:var(--s266-content);margin-inline:auto;gap:clamp(10px,1.4vw,18px)!important}
body[data-page="videos"] .video-card{overflow:hidden;border-radius:22px!important}
body[data-page="videos"] .video-thumb{aspect-ratio:16/9;overflow:hidden}
body[data-page="videos"] .video-thumb :where(img,video){width:100%;height:100%;object-fit:cover}
body[data-page="videos"] .viewer-shell{border-radius:24px!important;overflow:hidden}

/* ---------- YouTube ---------- */
body[data-page="youtube"] .yt-wrap{width:var(--s266-content)!important;margin-inline:auto!important}
body[data-page="youtube"] .yt-hero{border:1px solid var(--ui264-line,rgba(255,255,255,.08));border-radius:var(--s266-radius-xl);padding:clamp(22px,4vw,48px)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui264-surface,#0d1014) 96%,transparent),color-mix(in srgb,var(--ui264-surface2,#151a20) 85%,transparent))}
body[data-page="youtube"] .yt-featured{gap:12px!important}
body[data-page="youtube"] :where(.yt-feature-card,.yt-info-card){border-radius:22px!important;overflow:hidden}
body[data-page="youtube"] .yt-toolbar{position:sticky;top:calc(var(--s266-header-h) + 8px);z-index:15;border:1px solid var(--ui264-line,rgba(255,255,255,.08));border-radius:17px;padding:9px!important;background:color-mix(in srgb,var(--ui264-surface,#0d1014) 90%,transparent);backdrop-filter:blur(16px)}
body[data-page="youtube"] .yt-grid{gap:clamp(10px,1.4vw,18px)!important}
body[data-page="youtube"] .yt-card{border-radius:20px!important;overflow:hidden}
body[data-page="youtube"] .yt-viewer-box{border-radius:24px!important;overflow:hidden}

/* ---------- Music ---------- */
body[data-page="music"] .container{width:var(--s266-content)!important;margin-inline:auto!important}
body[data-page="music"] .featured-showcase{border-radius:var(--s266-radius-xl)!important;overflow:hidden;box-shadow:var(--s266-shadow);border:1px solid var(--ui264-line,rgba(255,255,255,.08))}
body[data-page="music"] .equalizer-box{border-radius:18px!important;overflow:hidden}
body[data-page="music"].s266-audio-playing .equalizer-box{box-shadow:0 0 0 1px color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 28%,transparent),0 16px 38px color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 11%,transparent)}
body[data-page="music"] .music-pro-strip{border-radius:18px!important;overflow:hidden}
body[data-page="music"] .library-toolbar{position:sticky;top:calc(var(--s266-header-h) + 8px);z-index:18;border-radius:18px!important;background:color-mix(in srgb,var(--ui264-surface,#0d1014) 91%,transparent)!important;backdrop-filter:blur(16px)}
body[data-page="music"] .playlist-grid{gap:10px!important}
body[data-page="music"] .playlist-card{border-radius:18px!important;overflow:hidden}
body[data-page="music"] .playlist-card.active-track{border-color:color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 45%,var(--ui264-line,rgba(255,255,255,.1)))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 18%,transparent),0 14px 34px rgba(0,0,0,.14)}
body[data-page="music"] .player-bar{box-shadow:0 -12px 44px rgba(0,0,0,.2)!important;backdrop-filter:blur(18px) saturate(1.1)}
body[data-page="music"] #bar-play-icon{display:grid!important;place-items:center!important;transform:none!important}
body[data-page="music"] #bar-play-icon.fa-play::before{transform:translateX(1px)!important}
body[data-page="music"] .progress-range{touch-action:pan-x}

/* ---------- Stories ---------- */
body[data-page="stories"] .wrap{width:var(--s266-content)!important;margin-inline:auto!important}
body[data-page="stories"] .hero{border:1px solid var(--ui264-line,rgba(255,255,255,.08));border-radius:var(--s266-radius-xl)!important;padding:clamp(22px,4vw,44px)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui264-surface,#0d1014) 96%,transparent),color-mix(in srgb,var(--ui264-surface2,#151a20) 88%,transparent));overflow:hidden}
body[data-page="stories"] .stories{gap:clamp(9px,1.3vw,16px)!important}
body[data-page="stories"] .story-card{border-radius:21px!important;overflow:hidden}
body[data-page="stories"] .viewer-shell{border-radius:24px!important;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.45)}
body[data-page="stories"] .progress{inset-inline:10px!important;top:10px!important}

/* ---------- Blog / journal ---------- */
body[data-page="blog"] main{width:var(--s266-content);margin-inline:auto}
body[data-page="blog"] .studio20-blog-hero{border:1px solid var(--ui264-line,rgba(255,255,255,.08));border-radius:var(--s266-radius-xl);padding:clamp(24px,4vw,48px)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui264-surface,#0d1014) 96%,transparent),color-mix(in srgb,var(--ui264-surface2,#151a20) 88%,transparent))}
body[data-page="blog"] .studio20-blog-grid{gap:clamp(10px,1.5vw,18px)!important}
body[data-page="blog"] .studio20-article-card{border-radius:21px!important;overflow:hidden}

/* ---------- Feed + Instagram ---------- */
body[data-page="feed"] main,body[data-page="instagram"] .insta20{width:var(--s266-content)!important;margin-inline:auto!important}
body[data-page="feed"] .hero,body[data-page="instagram"] .insta20-hero{border:1px solid var(--ui264-line,rgba(255,255,255,.08));border-radius:var(--s266-radius-xl)!important;padding:clamp(22px,4vw,44px)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui264-surface,#0d1014) 96%,transparent),color-mix(in srgb,var(--ui264-surface2,#151a20) 88%,transparent))}
body[data-page="feed"] .grid,body[data-page="instagram"] .insta20-grid{gap:clamp(8px,1.2vw,14px)!important}
body[data-page="feed"] .post,body[data-page="instagram"] .insta20-item{border-radius:20px!important;overflow:hidden}
body[data-page="feed"] .post img,body[data-page="instagram"] .insta20-item img{width:100%;height:100%;object-fit:cover}
body[data-page="feed"] .viewer img,body[data-page="instagram"] .insta20-view img{max-height:min(82dvh,900px);object-fit:contain}

/* ---------- Downloader ---------- */
body[data-page="downloader"] main{width:var(--s266-content)!important;margin-inline:auto!important}
body[data-page="downloader"] .intro{border:1px solid var(--ui264-line,rgba(255,255,255,.08));border-radius:var(--s266-radius-xl);padding:clamp(22px,4vw,44px)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui264-surface,#0d1014) 96%,transparent),color-mix(in srgb,var(--ui264-surface2,#151a20) 88%,transparent))}
body[data-page="downloader"] .workspace{gap:12px!important}
body[data-page="downloader"] .panel{border-radius:22px!important;overflow:hidden}
body[data-page="downloader"] .input-wrap{border-radius:15px!important}
body[data-page="downloader"] .mode-btn{min-height:46px!important}
body[data-page="downloader"] .preview-media{border-radius:18px!important;overflow:hidden}
body[data-page="downloader"] .privacy{border-radius:16px!important}
body[data-page="downloader"] .step{border-radius:17px!important}

/* ---------- Upload ---------- */
body[data-page="upload"] .box{width:min(620px,calc(100% - 24px))!important;margin:clamp(28px,7vw,74px) auto!important;border-radius:var(--s266-radius-xl)!important;padding:clamp(20px,5vw,38px)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui264-surface,#0d1014) 97%,transparent),color-mix(in srgb,var(--ui264-surface2,#151a20) 88%,transparent))!important;box-shadow:var(--s266-shadow)}
body[data-page="upload"] :where(input[type="file"],input[type="text"],input[type="password"],button){width:100%;min-height:48px;border-radius:14px}
body[data-page="upload"] input[type="file"]{padding:10px;border:1px dashed color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 35%,var(--ui264-line,rgba(255,255,255,.1)))}

/* ---------- About ---------- */
body[data-page="about"] .wrap{width:var(--s266-content)!important;margin-inline:auto!important}
body[data-page="about"] .hero{border:1px solid var(--ui264-line,rgba(255,255,255,.08));border-radius:var(--s266-radius-xl)!important;padding:clamp(22px,4vw,46px)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui264-surface,#0d1014) 96%,transparent),color-mix(in srgb,var(--ui264-surface2,#151a20) 88%,transparent));overflow:hidden}
body[data-page="about"] .portrait{border-radius:26px!important;overflow:hidden}
body[data-page="about"] .portrait img{width:100%;height:100%;object-fit:cover}
body[data-page="about"] .stats,body[data-page="about"] .values{gap:10px!important}
body[data-page="about"] .value,body[data-page="about"] .stat{border-radius:18px!important}
body[data-page="about"] .story,body[data-page="about"] .contact{border-radius:var(--s266-radius-xl)!important}

/* ---------- Offline / 404 ---------- */
body[data-page="offline"]>.box{width:min(560px,calc(100% - 24px));border-radius:var(--s266-radius-xl)!important;box-shadow:var(--s266-shadow);background:linear-gradient(145deg,color-mix(in srgb,var(--ui264-surface,#0d1014) 98%,transparent),color-mix(in srgb,var(--ui264-surface2,#151a20) 90%,transparent))!important}
body[data-page="offline"] .logo{width:82px;height:82px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 13%,transparent);border:1px solid color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 32%,transparent)}
body[data-page="not-found"] main>div{max-width:650px;padding:clamp(24px,5vw,48px);border:1px solid var(--ui264-line,rgba(255,255,255,.08));border-radius:var(--s266-radius-xl);background:linear-gradient(145deg,color-mix(in srgb,var(--ui264-surface,#0d1014) 96%,transparent),color-mix(in srgb,var(--ui264-surface2,#151a20) 88%,transparent));box-shadow:var(--s266-shadow)}

/* ---------- Private folder ---------- */
body[data-page="folder"] .demo{width:var(--s266-content)!important;margin:clamp(24px,5vw,60px) auto!important}
body[data-page="folder"] .secure{border-radius:var(--s266-radius-xl)!important;padding:clamp(22px,4vw,42px)!important;box-shadow:var(--s266-shadow)}
body[data-page="folder"] .g{gap:clamp(8px,1.2vw,14px)!important}
body[data-page="folder"] .x{border-radius:19px!important;position:relative;overflow:hidden}
body[data-page="folder"] .x::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.06) 48%,transparent 66%);transform:translateX(-120%)}
@media(prefers-reduced-motion:no-preference){body[data-page="folder"] .x::after{animation:s266Shimmer 4.4s ease-in-out infinite}}
@keyframes s266Shimmer{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}

/* ---------- Dynamic PHP pages ---------- */
body[data-page="article"] main,body[data-page="page"] main,body[data-page="folder-view"] main{width:var(--s266-content);margin-inline:auto}
body[data-page="article"] article,body[data-page="page"] article,body[data-page="folder-view"] .secure{border-radius:var(--s266-radius-xl)!important}

/* ---------- Mobile all-pages ---------- */
@media(max-width:760px){
  :root{--s266-content:calc(100% - 16px);--s266-header-h:58px}
  body:not(.admin-body)::after{background-size:34px 34px;opacity:.11}
  body:not(.admin-body) :where(.hero,.page-header,.yt-hero,.studio20-blog-hero,.insta20-hero,.intro,.studio-hero-polish){border-radius:22px!important}
  body[data-page="home"] .slider{min-height:min(620px,78dvh)!important}
  body[data-page="home"] .hero-title{font-size:clamp(2rem,11.4vw,3.45rem)!important;line-height:1.02!important;letter-spacing:-.035em!important;max-width:100%!important}
  body[data-page="home"] .hero-desc{font-size:.94rem!important;max-width:34rem}
  body[data-page="gallery"] .gallery-toolbar-shell,body[data-page="videos"] .toolbar-shell,body[data-page="youtube"] .yt-toolbar,body[data-page="music"] .library-toolbar{position:relative!important;top:auto!important}
  body[data-page="gallery"] .gallery-grid{gap:7px!important}
  body[data-page="gallery"] .gallery-item{border-radius:15px!important}
  body[data-page="videos"] .video-grid{grid-template-columns:1fr!important}
  body[data-page="videos"] .video-card{border-radius:18px!important}
  body[data-page="youtube"] .yt-featured{grid-template-columns:1fr!important}
  body[data-page="youtube"] .yt-grid{grid-template-columns:1fr!important}
  body[data-page="music"] .featured-showcase{border-radius:22px!important}
  body[data-page="music"] .music-pro-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-page="music"] .music-pro-actions{grid-column:1/-1!important;display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  body[data-page="music"] .music-pro-actions>*{flex:0 0 auto!important}
  body[data-page="stories"] .stories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body[data-page="feed"] .grid,body[data-page="instagram"] .insta20-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body[data-page="downloader"] .workspace{grid-template-columns:1fr!important}
  body[data-page="about"] .hero{grid-template-columns:1fr!important}
  body[data-page="about"] .portrait{width:min(100%,420px);margin-inline:auto}
  #studio266Top{width:44px;height:44px;min-width:44px!important;min-height:44px!important}
}
@media(max-width:390px){
  body[data-page="home"] .hero-title{font-size:clamp(1.95rem,10.8vw,2.75rem)!important}
  body[data-page="stories"] .stories{gap:6px!important}
  body[data-page="feed"] .grid,body[data-page="instagram"] .insta20-grid{grid-template-columns:1fr 1fr!important}
  body[data-page="about"] .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="folder"] .g{grid-template-columns:1fr 1fr!important}
}
@media(max-width:330px){
  body[data-page="stories"] .stories,body[data-page="feed"] .grid,body[data-page="instagram"] .insta20-grid,body[data-page="folder"] .g{grid-template-columns:1fr!important}
}

/* ===== END studio266.css ===== */

/* ===== BEGIN studio267.css ===== */
/* Ali963sy Studio v26.7.0 — Precision Interaction & Mobile Finish */
:root{
  --s267-touch:46px;
  --s267-r-sm:12px;
  --s267-r-md:16px;
  --s267-r-lg:22px;
  --s267-line:color-mix(in srgb,var(--ui264-line,rgba(255,255,255,.1)) 92%,transparent);
  --s267-focus:color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 72%,white 12%);
}
html{overflow-x:clip}
body:not(.admin-body){overflow-x:clip;-webkit-tap-highlight-color:transparent}
body:not(.admin-body) ::selection{background:color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 32%,transparent);color:var(--ui264-text,#fff)}
body:not(.admin-body) :where(a,button,input,select,textarea,[role="button"]):focus-visible{
  outline:2px solid var(--s267-focus)!important;outline-offset:3px!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--s267-focus) 18%,transparent)!important
}
body:not(.admin-body) :where(button,.btn,.hero-action,.hero-btn,.yt-btn,.mode-btn,.action,.filter-btn,.sort-btn,.icon-btn-v2,.g213-chip,.g212-chip){touch-action:manipulation}
body:not(.admin-body) :where(button,.btn,.hero-action,.hero-btn,.yt-btn,.mode-btn,.action,.filter-btn,.sort-btn,.icon-btn-v2,.g213-chip,.g212-chip):active{transform:scale(.975)!important}
body:not(.admin-body) :where(.empty,.yt-empty,.empty-state-v2,.insta20-empty,.preview-empty,.studio-page-offline){
  border:1px dashed color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 28%,var(--s267-line))!important;
  border-radius:var(--s267-r-lg)!important;
  background:color-mix(in srgb,var(--ui264-surface,#101215) 82%,transparent)!important
}
body:not(.admin-body) :where(input[type="search"],input[type="text"],input[type="url"],input[type="password"],input[type="email"],select,textarea){max-width:100%;min-width:0}
body:not(.admin-body) :where(img,video,canvas,svg){max-width:100%}
body:not(.admin-body) img[loading="lazy"]{content-visibility:auto}

/* Header: exact centering and safer small-phone geometry */
#studioGlobalHeader .studio-gh-inner{gap:8px!important;padding-inline:max(10px,env(safe-area-inset-left,0px)) max(10px,env(safe-area-inset-right,0px))!important}
#studioGlobalHeader .studio-gh-brand{min-width:0!important;max-width:min(58vw,360px)}
#studioGlobalHeader .studio-gh-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#studioGlobalHeader .studio-gh-actions{flex:0 0 auto;gap:7px!important}
#studioGlobalHeader .studio-gh-action{width:var(--s267-touch)!important;height:var(--s267-touch)!important;min-width:var(--s267-touch)!important;min-height:var(--s267-touch)!important;padding:0!important;display:grid!important;place-items:center!important;line-height:1!important}
#studioGlobalHeader .studio-gh-action :where(i,svg){margin:0!important;line-height:1!important}
:is(#studioGlobalMenu,#studioGlobalSearch){max-width:calc(100vw - 16px)!important}
:is(#studioGlobalMenu,#studioGlobalSearch) :where(a,button){display:flex;align-items:center}

/* Stronger interaction states without heavy animation */
body:not(.admin-body) :where(.gallery-item,.video-card,.yt-card,.playlist-card,.story-card,.post,.insta20-item,.studio20-article-card){will-change:auto}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body:not(.admin-body) :where(.gallery-item,.video-card,.yt-card,.playlist-card,.story-card,.post,.insta20-item,.studio20-article-card) :where(img,video){transition:transform .42s cubic-bezier(.2,.72,.22,1),filter .3s ease!important}
  body:not(.admin-body) :where(.gallery-item,.video-card,.yt-card,.playlist-card,.story-card,.post,.insta20-item,.studio20-article-card):hover :where(img,video){transform:scale(1.025)}
}
.s267-offscreen-media{opacity:.92}

/* Home */
body[data-page="home"] .hero-btns{display:flex;flex-wrap:wrap;gap:9px!important}
body[data-page="home"] .hero-btns :where(a,button){min-height:var(--s267-touch);display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
body[data-page="home"] .slider-arrow{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;padding:0!important}
body[data-page="home"] .slider-thumbs{max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
body[data-page="home"] .slider-thumbs::-webkit-scrollbar{display:none}
body[data-page="home"] .stat-box{min-width:0}
body[data-page="home"] .stat-box :where(strong,b,.stat-number){font-variant-numeric:tabular-nums}
body[data-page="home"] .about-point{min-width:0}

/* Gallery */
body[data-page="gallery"] :where(.g213-smart,.g212-collections,.g212-tags,.gallery-toolbar){min-width:0}
body[data-page="gallery"] :where(.g213-smart,.g212-collections,.g212-tags){overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:3px}
body[data-page="gallery"] :where(.g213-smart,.g212-collections,.g212-tags)::-webkit-scrollbar{display:none}
body[data-page="gallery"] :where(.g213-chip,.g212-chip,.filter-btn){flex:0 0 auto;min-height:42px}
body[data-page="gallery"] .gallery-item{contain:layout paint}
body[data-page="gallery"] .lightbox{padding:max(10px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))!important}
body[data-page="gallery"] .lightbox :where(.close,.lightbox-close){min-width:44px;min-height:44px;display:grid;place-items:center}

/* Videos */
body[data-page="videos"] .toolbar{min-width:0}
body[data-page="videos"] .toolbar-group{min-width:0}
body[data-page="videos"] .search-box{min-width:0;flex:1 1 190px}
body[data-page="videos"] .video-card{contain:layout paint}
body[data-page="videos"] .video-card :where(.play,.play-btn,.video-play,.video-card-play){display:grid!important;place-items:center!important;line-height:1!important}
body[data-page="videos"] .video-card :where(.play,.play-btn,.video-play,.video-card-play) :where(i,svg){margin:0!important;transform:none!important}
body[data-page="videos"] .video-card :where(h3,.video-title){overflow-wrap:anywhere;text-wrap:balance}

/* YouTube */
body[data-page="youtube"] .yt-search{min-width:0;flex:1 1 220px}
body[data-page="youtube"] :where(.yt-play,.yt-card-play){display:grid!important;place-items:center!important;line-height:1!important}
body[data-page="youtube"] :where(.yt-play,.yt-card-play) :where(i,svg){margin:0!important;transform:none!important}
body[data-page="youtube"] .yt-card-info{min-width:0}
body[data-page="youtube"] .yt-card-info :where(h3,h4,p){overflow-wrap:anywhere}
body[data-page="youtube"] .yt-viewer{padding:max(10px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))!important}
body[data-page="youtube"] .yt-close{min-width:44px;min-height:44px;display:grid!important;place-items:center!important}

/* Music: center controls and stabilize player on small phones */
body[data-page="music"] .container{min-width:0}
body[data-page="music"] .playlist-grid{min-width:0}
body[data-page="music"] .playlist-card{contain:layout paint}
body[data-page="music"] .playlist-card :where(.play-badge,.favorite-track){display:grid!important;place-items:center!important;line-height:1!important}
body[data-page="music"] .playlist-card :where(.play-badge,.favorite-track) :where(i,svg){margin:0!important;transform:none!important}
body[data-page="music"] .card-info{min-width:0}
body[data-page="music"] .card-info :where(h3,h4,p,.title){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-page="music"] .player-bar{min-width:0;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important}
body[data-page="music"] :where(.player-center-btns,.control-btns){align-items:center!important}
body[data-page="music"] :where(.player-center-btns button,.control-btns button,.main-center-play,.modal-main-play){display:grid!important;place-items:center!important;line-height:1!important;padding:0!important}
body[data-page="music"] :where(.player-center-btns,.control-btns,.modal-controls) :where(i,svg){margin:0!important;transform:none!important;line-height:1!important}
body[data-page="music"] .main-center-play{border-radius:50%!important;aspect-ratio:1!important}
body[data-page="music"] .progress-wrapper{min-width:0}
body[data-page="music"] .progress-range{touch-action:pan-y}
body[data-page="music"] .volume-wrap{min-width:0}
body[data-page="music"] .queue-panel{max-width:min(430px,calc(100vw - 16px))!important}
body[data-page="music"] .modal-content{max-width:min(720px,calc(100vw - 18px))!important}

/* Stories / feed / Instagram viewers */
body[data-page="stories"] :where(.close,.prev,.next),body[data-page="feed"] .close,body[data-page="instagram"] .insta20-close{min-width:44px!important;min-height:44px!important;display:grid!important;place-items:center!important;padding:0!important}
body[data-page="stories"] :where(.close,.prev,.next) :where(i,svg),body[data-page="feed"] .close :where(i,svg),body[data-page="instagram"] .insta20-close :where(i,svg){margin:0!important}
body[data-page="stories"] .story-card{contain:layout paint}
body[data-page="feed"] .post,body[data-page="instagram"] .insta20-item{contain:layout paint}

/* Blog */
body[data-page="blog"] .studio20-article-copy{min-width:0}
body[data-page="blog"] .studio20-article-copy :where(h2,h3,p){overflow-wrap:anywhere}

/* Downloader / upload */
body[data-page="downloader"] .row{min-width:0}
body[data-page="downloader"] .input-wrap{min-width:0}
body[data-page="downloader"] .input-wrap input{font-size:max(16px,1em)!important}
body[data-page="downloader"] :where(.action,.mode-btn){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;line-height:1.2!important}
body[data-page="downloader"] :where(.action,.mode-btn) :where(i,svg){margin:0!important}
body[data-page="upload"] input{font-size:16px!important}
body[data-page="upload"] button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px}

/* About */
body[data-page="about"] .socials{display:flex;flex-wrap:wrap;gap:9px}
body[data-page="about"] .socials a{min-width:46px;min-height:46px;display:grid!important;place-items:center!important;border-radius:50%!important}
body[data-page="about"] .socials a :where(i,svg){margin:0!important}
body[data-page="about"] .lead{overflow-wrap:anywhere}

/* Maintenance / 404 / offline / private */
body[data-page="maintenance"] main,body[data-page="client"] main{max-width:100%}
body[data-page="offline"] .box :where(a,button),body[data-page="not-found"] main :where(a,button),body[data-page="maintenance"] :where(a,button){min-height:46px;display:inline-flex;align-items:center;justify-content:center}
body[data-page="folder"] .x{contain:layout paint}

/* Mobile refinements */
@media(max-width:760px){
  :root{--s267-touch:44px}
  #studioGlobalHeader .studio-gh-brand{max-width:calc(100vw - 112px)}
  #studioGlobalHeader .studio-gh-actions{gap:5px!important}
  body[data-page="home"] .hero-btns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .hero-btns>*{width:100%!important;min-width:0!important}
  body[data-page="gallery"] :where(.g213-smart,.g212-collections,.g212-tags,.gallery-toolbar),body[data-page="videos"] .toolbar,body[data-page="youtube"] .yt-toolbar,body[data-page="music"] .library-toolbar{overscroll-behavior-inline:contain}
  body[data-page="videos"] .toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  body[data-page="videos"] .search-box{order:5;flex-basis:100%}
  body[data-page="youtube"] .yt-toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  body[data-page="youtube"] .yt-search{flex-basis:100%}
  body[data-page="music"] .playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body[data-page="music"] .player-bar{border-radius:18px 18px 0 0!important}
  body[data-page="music"] .track-meta{max-width:38vw;min-width:0}
  body[data-page="music"] .track-meta :where(b,strong,span,p){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body[data-page="downloader"] .row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body[data-page="downloader"] .action.secondary{width:100%!important}
}
@media(max-width:430px){
  #studioGlobalHeader .studio-gh-name{font-size:.88rem!important}
  body[data-page="home"] .hero-btns{grid-template-columns:1fr!important}
  body[data-page="home"] .stats-section{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body[data-page="gallery"] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="music"] .featured-showcase{padding-inline:14px!important}
  body[data-page="music"] .music-pro-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="music"] .music-pro-stat:last-of-type{grid-column:1/-1}
  body[data-page="about"] .values{grid-template-columns:1fr!important}
}
@media(max-width:350px){
  #studioGlobalHeader .studio-gh-name{display:none!important}
  #studioGlobalHeader .studio-gh-brand{max-width:52px}
  body[data-page="home"] .stats-section,body[data-page="gallery"] .gallery-grid,body[data-page="music"] .playlist-grid{grid-template-columns:1fr!important}
  body[data-page="music"] .music-pro-strip{grid-template-columns:1fr!important}
  body[data-page="music"] .music-pro-stat:last-of-type{grid-column:auto}
  body[data-page="music"] .track-meta{max-width:31vw}
}
@media(max-height:520px) and (orientation:landscape){
  #studioGlobalHeader .studio-gh-inner{min-height:52px!important}
  body[data-page="home"] .slider{min-height:430px!important}
  body[data-page="music"] .modal-content{max-height:calc(100vh - 20px);overflow:auto}
}
@media(prefers-reduced-motion:reduce){body:not(.admin-body) :where(button,.btn,.hero-action,.hero-btn,.yt-btn,.mode-btn,.action,.filter-btn,.sort-btn,.icon-btn-v2):active{transform:none!important}}

/* ===== END studio267.css ===== */

/* ===== BEGIN studio269.css ===== */
/* Ali963sy Studio v26.9.0 — Unified UX, dialog safety & responsive finish */
:root{
  --s269-content:min(1180px,calc(100% - 28px));
  --s269-touch:46px;
  --s269-gap:clamp(10px,1.4vw,18px);
  --s269-r:20px;
  --s269-r-lg:26px;
  --s269-line:color-mix(in srgb,var(--ui264-line,rgba(255,255,255,.1)) 94%,transparent);
  --s269-panel:color-mix(in srgb,var(--ui264-surface,#0d1014) 94%,transparent);
  --s269-panel-2:color-mix(in srgb,var(--ui264-surface2,#151a20) 92%,transparent);
  --s269-accent:var(--ui264-accent,var(--studio-accent,#e63946));
  --s269-text:var(--ui264-text,#f8fafc);
  --s269-muted:var(--ui264-muted,#9aa4b2);
}
html{scroll-padding-top:calc(var(--s266-header-h,64px) + 18px);text-size-adjust:100%;-webkit-text-size-adjust:100%}
body:not(.admin-body){overscroll-behavior-y:none}
body:not(.admin-body).studio-dialog-open{overflow:hidden!important;touch-action:none}
body:not(.admin-body) :where(main,section,article,aside,header,footer,nav,div){min-width:0}
body:not(.admin-body) :where(h1,h2,h3,h4,h5,h6){text-wrap:balance;overflow-wrap:anywhere}
body:not(.admin-body) :where(p,li,dd,dt,figcaption,.lead,.desc,.description){overflow-wrap:anywhere}
body:not(.admin-body) :where(input,select,textarea,button){font-family:inherit}
body:not(.admin-body) :where(input,select,textarea){border-radius:14px}
body:not(.admin-body) :where(button,.btn,[role="button"]){min-width:0}
body:not(.admin-body) :where(a,button,[role="button"]){-webkit-tap-highlight-color:transparent}
body:not(.admin-body) :where(img,video,iframe){display:block;max-width:100%}
body:not(.admin-body) iframe{border:0}
body:not(.admin-body) [hidden]{display:none!important}
body:not(.admin-body) .studio269-connection{
  position:fixed;z-index:99998;inset-inline:12px;top:calc(var(--s266-header-h,64px) + 10px);margin:auto;width:max-content;max-width:calc(100% - 24px);
  min-height:40px;padding:8px 13px;border-radius:999px;border:1px solid var(--s269-line);background:color-mix(in srgb,var(--s269-panel) 96%,black 4%);
  color:var(--s269-text);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.82rem;font-weight:800;box-shadow:0 16px 42px rgba(0,0,0,.22);
  opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease
}
body:not(.admin-body) .studio269-connection.is-visible{opacity:1;transform:none}
body:not(.admin-body) .studio269-connection i{width:8px;height:8px;border-radius:50%;background:#ffb020;box-shadow:0 0 0 5px rgba(255,176,32,.12)}
body:not(.admin-body) .studio269-connection.is-online i{background:#30c986;box-shadow:0 0 0 5px rgba(48,201,134,.12)}

/* Global shell */
#studioGlobalHeader{isolation:isolate}
#studioGlobalHeader .studio-gh-inner{width:min(1220px,100%)!important;margin-inline:auto!important}
#studioGlobalHeader .studio-gh-logo{flex:0 0 auto}
#studioGlobalHeader .studio-gh-brand{overflow:hidden}
#studioGlobalHeader .studio-gh-action{border-radius:14px!important;transition:background-color .18s ease,border-color .18s ease,transform .14s ease!important}
#studioGlobalHeader .studio-gh-action[aria-expanded="true"]{background:color-mix(in srgb,var(--s269-accent) 18%,var(--s269-panel))!important;border-color:color-mix(in srgb,var(--s269-accent) 45%,var(--s269-line))!important}
:is(#studioGlobalMenu,#studioGlobalSearch){max-height:min(72vh,620px);overflow:auto;overscroll-behavior:contain;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.32)!important}
:is(#studioGlobalMenu,#studioGlobalSearch) :where(a,button,input){min-height:44px}
#studioGlobalMenu a.is-current-page{font-weight:900!important}

/* Dialogs / viewers */
body:not(.admin-body) :where(.lightbox,.viewer,.yt-viewer,.modal-player,.insta20-view)[role="dialog"]{overscroll-behavior:contain}
body:not(.admin-body) :where(.lightbox,.viewer,.yt-viewer,.modal-player,.insta20-view).studio269-active-dialog{z-index:100000!important}
body:not(.admin-body) :where(.lightbox-content-box,.viewer-shell,.yt-viewer-box,.modal-content){max-width:min(1100px,calc(100vw - 22px))!important;max-height:calc(100dvh - 22px)!important}
body:not(.admin-body) :where(.lightbox-content-box,.viewer-shell,.yt-viewer-box,.modal-content){overscroll-behavior:contain}
body:not(.admin-body) :where(.close,.close-lb,.viewer-close,.yt-close,.close-modal,.insta20-close,[data-close]){touch-action:manipulation}

/* Shared card geometry */
body:not(.admin-body) :where(.gallery-item,.video-card,.yt-card,.playlist-card,.story-card,.post,.insta20-item,.studio20-article-card,.service-v2,.tool-card,.value,.step){min-width:0;transform:translateZ(0)}
body:not(.admin-body) :where(.gallery-item,.video-card,.yt-card,.playlist-card,.story-card,.post,.insta20-item,.studio20-article-card) :where(h2,h3,h4,.title,.video-title){overflow-wrap:anywhere}
body:not(.admin-body) :where(.gallery-item,.video-card,.yt-card,.playlist-card,.story-card,.post,.insta20-item,.studio20-article-card):focus-within{outline:1px solid color-mix(in srgb,var(--s269-accent) 42%,transparent);outline-offset:2px}

/* Home */
body[data-page="home"] .slider{width:100%;overflow:clip}
body[data-page="home"] .hero-inner{width:var(--s269-content)!important;margin-inline:auto!important;padding-inline:clamp(2px,1vw,10px)!important}
body[data-page="home"] .hero-title{max-width:min(900px,100%);text-wrap:balance}
body[data-page="home"] .hero-desc{overflow-wrap:anywhere}
body[data-page="home"] .hero-btns :where(a,button){white-space:normal;text-align:center}
body[data-page="home"] :where(.stats-section,.featured-grid,.services-v2,.tools-grid,.testimonials-v2){align-items:stretch}
body[data-page="home"] :where(.stat-box,.service-v2,.tool-card,.quote-v2){height:100%}
body[data-page="home"] .featured-grid>*{min-width:0}
body[data-page="home"] .about-copy{min-width:0}
body[data-page="home"] .about-image{overflow:hidden}

/* Gallery */
body[data-page="gallery"] .hero-v3-copy{min-width:0}
body[data-page="gallery"] .hero-actions{flex-wrap:wrap}
body[data-page="gallery"] .gallery-toolbar{min-width:0}
body[data-page="gallery"] .search-box{min-width:0}
body[data-page="gallery"] .search-box input{width:100%;min-width:0}
body[data-page="gallery"] .gallery-item img{width:100%;height:100%;object-fit:cover}
body[data-page="gallery"] .gallery-overlay{min-width:0}
body[data-page="gallery"] .gallery-action-icon{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:grid!important;place-items:center!important;padding:0!important}
body[data-page="gallery"] .gallery-action-icon :where(i,svg){margin:0!important;transform:none!important}
body[data-page="gallery"] .lightbox-content-box{border-radius:22px!important;overflow:hidden}
body[data-page="gallery"] .lb-topbar{gap:8px;flex-wrap:wrap}
body[data-page="gallery"] .lb-mini{min-width:0;overflow-wrap:anywhere}

/* Videos */
body[data-page="videos"] .video-thumb{aspect-ratio:16/9;overflow:hidden}
body[data-page="videos"] .video-thumb :where(img,video){width:100%;height:100%;object-fit:cover}
body[data-page="videos"] .video-info{min-width:0}
body[data-page="videos"] .video-meta{display:flex;flex-wrap:wrap;gap:6px 10px}
body[data-page="videos"] .viewer-shell{border-radius:22px!important}
body[data-page="videos"] .viewer-video-wrap{background:#000;min-width:0}
body[data-page="videos"] .viewer-video{width:100%;max-height:78dvh;object-fit:contain}
body[data-page="videos"] :where(.nav-btn,.action-btn,.view-btn,.play-orb,.open-icon){display:grid;place-items:center}
body[data-page="videos"] :where(.nav-btn,.action-btn,.view-btn,.play-orb,.open-icon) :where(i,svg){margin:0!important}

/* YouTube */
body[data-page="youtube"] .yt-feature-card,body[data-page="youtube"] .yt-card{min-width:0}
body[data-page="youtube"] :where(.yt-thumb,.yt-frame){aspect-ratio:16/9;overflow:hidden}
body[data-page="youtube"] .yt-thumb img{width:100%;height:100%;object-fit:cover}
body[data-page="youtube"] .yt-card-actions{display:flex;flex-wrap:wrap;gap:7px}
body[data-page="youtube"] .yt-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
body[data-page="youtube"] .yt-viewer-box{border-radius:22px!important;overflow:hidden}

/* Music */
body[data-page="music"] .featured-showcase{overflow:hidden}
body[data-page="music"] .showcase-content-wrapper{min-width:0}
body[data-page="music"] .showcase-info{min-width:0}
body[data-page="music"] .showcase-info :where(h1,h2,h3,p){overflow-wrap:anywhere}
body[data-page="music"] .playlist-card{height:100%}
body[data-page="music"] .card-img-container{aspect-ratio:1;overflow:hidden}
body[data-page="music"] .card-img-container img{width:100%;height:100%;object-fit:cover}
body[data-page="music"] .card-actions{gap:7px;flex-wrap:wrap}
body[data-page="music"] :where(.play-badge,.favorite-track,.icon-btn-v2,.control-btns button,.modal-controls button,.main-center-play,.modal-main-play){display:grid!important;place-items:center!important;padding:0!important;line-height:1!important}
body[data-page="music"] :where(.play-badge,.favorite-track,.icon-btn-v2,.control-btns button,.modal-controls button,.main-center-play,.modal-main-play) :where(i,svg){margin:0!important;transform:none!important}
body[data-page="music"] .progress-range{touch-action:pan-y}
body[data-page="music"] .player-bar{padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important}
body[data-page="music"] .queue-item{min-width:0}
body[data-page="music"] .queue-item>*{min-width:0}
body[data-page="music"] .modal-content{border-radius:24px!important;overflow:auto}

/* Stories */
body[data-page="stories"] .story-card{aspect-ratio:9/15;min-height:0}
body[data-page="stories"] .story-card img{width:100%;height:100%;object-fit:cover}
body[data-page="stories"] .viewer-shell{max-width:min(520px,calc(100vw - 18px))!important;max-height:calc(100dvh - 18px)!important}
body[data-page="stories"] .viewer-shell img{max-height:calc(100dvh - 130px);object-fit:contain}
body[data-page="stories"] .viewer-meta{min-width:0;overflow-wrap:anywhere}

/* Blog / feed / instagram */
body[data-page="blog"] .studio20-article{height:100%}
body[data-page="blog"] .studio20-article-media{overflow:hidden}
body[data-page="blog"] .studio20-article-media img{width:100%;height:100%;object-fit:cover}
body[data-page="feed"] .post-info,body[data-page="instagram"] .insta20-item{min-width:0}
body[data-page="feed"] .viewer,body[data-page="instagram"] .insta20-view{padding:max(10px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))!important}

/* Downloader / Upload */
body[data-page="downloader"] .field{min-width:0}
body[data-page="downloader"] .input-wrap{display:flex;align-items:center;min-width:0}
body[data-page="downloader"] .input-wrap input{flex:1 1 auto;min-width:0}
body[data-page="downloader"] .download-mode{display:flex;flex-wrap:wrap;gap:8px}
body[data-page="downloader"] .mode-btn{flex:1 1 150px;white-space:normal;text-align:center}
body[data-page="downloader"] .preview-info{min-width:0;overflow-wrap:anywhere}
body[data-page="downloader"] .steps{align-items:stretch}
body[data-page="downloader"] .step{height:100%}
body[data-page="upload"] .box{overflow:hidden}
body[data-page="upload"] input[type="file"]{overflow:hidden}
body[data-page="upload"] :where(button,input){min-width:0}

/* About */
body[data-page="about"] .portrait-card{overflow:hidden}
body[data-page="about"] .portrait img{aspect-ratio:4/5;object-fit:cover}
body[data-page="about"] .stats{align-items:stretch}
body[data-page="about"] .stat,body[data-page="about"] .value{height:100%}
body[data-page="about"] .socials a{transition:transform .16s ease,border-color .16s ease,background-color .16s ease}
@media(hover:hover) and (pointer:fine){body[data-page="about"] .socials a:hover{transform:translateY(-2px)}}

/* Utility / private / error pages */
body[data-page="offline"] .box,body[data-page="not-found"] main>div,body[data-page="maintenance"] main>*,body[data-page="folder"] .secure,body[data-page="folder-view"] .secure{max-width:100%}
body[data-page="folder"] .x img,body[data-page="folder-view"] img{max-width:100%;height:auto}
body[data-page="article"] article :where(img,video,iframe),body[data-page="page"] article :where(img,video,iframe){max-width:100%}

@media(max-width:900px){
  :root{--s269-content:calc(100% - 20px)}
  body:not(.admin-body) :where(.lightbox-content-box,.viewer-shell,.yt-viewer-box,.modal-content){max-width:calc(100vw - 16px)!important}
  body[data-page="home"] .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="downloader"] .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  :root{--s269-content:calc(100% - 16px);--s269-touch:44px}
  body:not(.admin-body) :where(input:not([type="range"]),select,textarea){font-size:16px!important}
  #studioGlobalHeader .studio-gh-action{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  :is(#studioGlobalMenu,#studioGlobalSearch){max-width:calc(100vw - 12px)!important;max-height:68dvh}
  body[data-page="home"] .hero-inner{width:calc(100% - 18px)!important}
  body[data-page="home"] .featured-grid{grid-template-columns:1fr!important}
  body[data-page="home"] :where(.service-v2,.tool-card,.quote-v2){border-radius:18px!important}
  body[data-page="gallery"] .hero-actions>*{flex:1 1 140px}
  body[data-page="gallery"] .gallery-toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  body[data-page="gallery"] .search-box{flex-basis:100%!important;order:-1}
  body[data-page="videos"] .toolbar-group{display:flex;overflow-x:auto;scrollbar-width:none;gap:7px;padding-bottom:2px}
  body[data-page="videos"] .toolbar-group::-webkit-scrollbar{display:none}
  body[data-page="videos"] .toolbar-group>*{flex:0 0 auto}
  body[data-page="music"] .player-bar{inset-inline:6px!important;width:auto!important}
  body[data-page="music"] .player-center{min-width:0}
  body[data-page="music"] .player-center-btns{gap:7px!important}
  body[data-page="music"] .control-btns{gap:6px!important}
  body[data-page="stories"] .viewer-shell{max-width:calc(100vw - 12px)!important}
  body[data-page="downloader"] .steps{grid-template-columns:1fr!important}
  body[data-page="about"] .contact{overflow:hidden}
}
@media(max-width:430px){
  :root{--s269-content:calc(100% - 14px)}
  body[data-page="home"] .hero-title{font-size:clamp(2rem,10.4vw,2.95rem)!important;line-height:1.02!important}
  body[data-page="home"] .hero-desc{font-size:.92rem!important;line-height:1.72!important}
  body[data-page="gallery"] .gallery-grid{gap:6px!important}
  body[data-page="gallery"] .gallery-item{border-radius:14px!important}
  body[data-page="music"] .playlist-grid{gap:7px!important}
  body[data-page="music"] .card-info{padding-inline:10px!important}
  body[data-page="music"] .player-time{font-size:.72rem!important}
  body[data-page="stories"] .stories{gap:6px!important}
  body[data-page="downloader"] .mode-btn{flex-basis:100%}
  body[data-page="about"] .socials{justify-content:center}
}
@media(max-width:340px){
  body[data-page="gallery"] .gallery-grid,body[data-page="music"] .playlist-grid,body[data-page="stories"] .stories{grid-template-columns:1fr!important}
  body[data-page="home"] .stats-section{grid-template-columns:1fr!important}
  body[data-page="about"] .stats{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .studio269-connection,#studioGlobalHeader .studio-gh-action,body[data-page="about"] .socials a{transition:none!important}
}

/* ===== END studio269.css ===== */


/* v27.0 — final precision layer */
:root{--studio-v270-safe-inline:max(12px,env(safe-area-inset-left));}
html{max-width:100%;}
@supports (scrollbar-gutter:stable){html{scrollbar-gutter:stable;}}
body{max-width:100%;}
:where(h1,h2,h3,h4,p,a,button,label,span,strong,small){overflow-wrap:anywhere;}
:where(.card,.media-card,.track-card,.video-card,.youtube-card,.story-card,.tool-card,.service-v2,.quote-v2,.about-preview,.page-hero,.hero-inner,.section-head,.v2-heading){min-width:0;}
:where(button,a,[role="button"],input,select,textarea){-webkit-tap-highlight-color:transparent;}
:where(button,a,[role="button"]){touch-action:manipulation;}
@supports (text-wrap:balance){:where(h1,h2,h3,.section-title,.page-title,.hero-title){text-wrap:balance;}}
@media(max-width:480px){
  :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px!important;max-width:100%;}
  :where(.section-head,.v2-heading,.page-actions,.toolbar,.filters-row){min-width:0;max-width:100%;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}}
.studio270-skip{position:absolute;z-index:100000;top:8px;inset-inline-start:8px;transform:translateY(-160%);padding:10px 14px;border-radius:12px;background:#fff;color:#111;text-decoration:none;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.studio270-skip:focus{transform:none;outline:3px solid var(--studio-accent,#e63946);outline-offset:2px}

/* ===== END studio270.css ===== */

/* v27.1 — interaction density, long-copy and mobile finishing */
:root{
  --studio271-touch:44px;
  --studio271-safe-bottom:max(10px,env(safe-area-inset-bottom,0px));
  --studio271-focus:var(--studio-accent,var(--primary,#24bdf2));
}
body:not(.admin-body){text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
body:not(.admin-body) :where(main,section,article,nav,header,footer,form,fieldset){min-width:0;max-width:100%;}
body:not(.admin-body) :where(button,a,[role="button"],input,select,textarea):focus-visible{
  outline:3px solid color-mix(in srgb,var(--studio271-focus) 78%,white 22%);
  outline-offset:3px;
}
body:not(.admin-body) :where(button,[role="button"],[type="button"],[type="submit"]){
  align-items:center;justify-content:center;
}
body:not(.admin-body) :where(button,[role="button"])[disabled],
body:not(.admin-body) :where(button,[role="button"])[aria-disabled="true"]{
  cursor:not-allowed;opacity:.55;filter:saturate(.75);
}
body:not(.admin-body) :where(.filters,.filter-row,.filters-row,.toolbar-group,.chips,.tags,.tabs,.category-tabs){
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
body:not(.admin-body) :where(.page-title,.hero-title,.section-title,.card-title,.track-title,.video-title,.yt-title,h1,h2,h3){
  hyphens:auto;
}
body:not(.admin-body) :where(.page-hero,.hero-inner,.section-head,.card,.media-card,.gallery-item,.video-card,.yt-card,.playlist-card,.story-card){
  isolation:isolate;
}
body:not(.admin-body) :where(img,video,iframe,canvas,svg){max-width:100%;}
body:not(.admin-body) img:not([width]){height:auto;}
body:not(.admin-body) :where(.empty,.empty-state,.empty-state-v2,.yt-empty,.insta20-empty,.preview-empty){
  max-width:100%;overflow-wrap:anywhere;
}
body:not(.admin-body) [aria-busy="true"]{cursor:progress;}
body:not(.admin-body) [aria-busy="true"] :where(button,a,[role="button"]){pointer-events:none;}
@media(max-width:760px){
  body:not(.admin-body) :where(button,[role="button"],.btn,.primary-btn,.secondary-btn){min-height:var(--studio271-touch);}
  body:not(.admin-body) :where(.page-hero,.hero-inner){max-width:100%!important;}
  body:not(.admin-body) :where(.page-actions,.hero-actions,.toolbar-actions,.form-actions){gap:8px!important;}
  body:not(.admin-body) :where(.page-actions,.hero-actions,.toolbar-actions,.form-actions)>*{min-width:0;}
  body[data-page="music"] :where(.player-bar,.music-player,.player-shell){padding-bottom:max(8px,env(safe-area-inset-bottom,0px));}
  body[data-page="gallery"] :where(.gallery-toolbar,.gallery-controls){max-width:100%;}
  body[data-page="videos"] :where(.video-card,.video-grid)>*{min-width:0;}
}
@media(max-width:390px){
  body:not(.admin-body) :where(.page-hero,.hero-inner,.section-box,.card){border-radius:min(18px,var(--radius,18px))!important;}
  body:not(.admin-body) :where(.page-title,.hero-title,h1){letter-spacing:-.02em;}
  #studioGlobalMenu .studio-gh-menu-grid{grid-template-columns:1fr!important;}
}
@media(prefers-contrast:more){
  body:not(.admin-body) :where(button,a,input,select,textarea,.card,.media-card){border-color:currentColor!important;}
}
@media(prefers-reduced-motion:reduce){
  body:not(.admin-body) :where(*, *::before, *::after){scroll-behavior:auto!important;}
}


/* ===== Ali963sy Studio v27.2.0 — keyboard scroll & scroll-lock resilience ===== */
html{overflow-y:auto!important;scrollbar-gutter:stable}
body:not(.admin-body):not(.studio-dialog-open){
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y pinch-zoom;
}
body:not(.admin-body).studio-dialog-open{overscroll-behavior-y:contain!important}
@media (pointer:fine){
  html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ui264-accent,var(--studio-accent,#e63946)) 55%,#64748b) transparent}
}

/* ===== Ali963sy Studio v27.3.0 — interaction stability & responsive finish ===== */
html{overflow-y:auto!important;overscroll-behavior-y:auto;scroll-padding-top:calc(var(--s266-header-h,64px) + 20px)}
body:not(.admin-body){overflow-x:clip;overscroll-behavior-y:auto!important;touch-action:pan-y pinch-zoom}
body:not(.admin-body).studio-dialog-open{overflow:hidden!important;touch-action:none!important;overscroll-behavior-y:contain!important}
body:not(.admin-body) :where(section,article,[id]){scroll-margin-top:calc(var(--s266-header-h,64px) + 18px)}
body:not(.admin-body) :where(p,li,dd,figcaption,.desc,.description,.lead){text-wrap:pretty}
body:not(.admin-body) :where(button,a,[role="button"]){-webkit-tap-highlight-color:transparent}
body:not(.admin-body) :where(button,.btn,[role="button"]){touch-action:manipulation}
body:not(.admin-body) :where(input,textarea,select){scroll-margin-block:96px 120px}
body:not(.admin-body) :where(img,video,iframe,svg){max-width:100%}
body:not(.admin-body) :where(.lightbox,.viewer,.yt-viewer,.modal-player,.insta20-view)[aria-hidden="true"]{pointer-events:none!important}
body:not(.admin-body) :where(.lightbox,.viewer,.yt-viewer,.modal-player,.insta20-view).studio269-active-dialog{overscroll-behavior:contain}
body:not(.admin-body) :where(.modal-content,.viewer-shell,.yt-viewer-box,.insta20-view-box){overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#studioGlobalHeader{max-width:100vw}
#studioGlobalHeader :where(.studio-brand,.studio-global-actions,.studio-global-controls){min-width:0}
#studioGlobalHeader :where(button,a){min-height:44px}

/* Long content should wrap rather than force horizontal page scrolling. */
body:not(.admin-body) :where(.track-title,.song-title,.video-title,.card-title,.post-title,.story-title,.article-title,.page-title,.hero-title,.showcase-title){overflow-wrap:anywhere;word-break:normal;max-width:100%}
body:not(.admin-body) :where(.toolbar,.filters,.filter-row,.chip-row,.tabs,.category-tabs){max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body:not(.admin-body) :where(.grid,.cards-grid,.gallery-grid,.video-grid,.music-grid,.stories-grid){min-width:0}
body:not(.admin-body) :where(.card,.track-card,.video-card,.story-card,.post-card,.studio-card){min-width:0}

/* Media interaction polish. */
body[data-page="gallery"] :where(.gallery-card,.gallery-item,.g-card){isolation:isolate}
body[data-page="videos"] :where(.video-card,.video-item){isolation:isolate}
body[data-page="music"] :where(.playlist-card,.track-card,.queue-item){isolation:isolate}
body[data-page="music"] :where(.player-bar,.music-player,.bottom-player){max-width:100vw}
body[data-page="music"] :where(.player-bar,.music-player,.bottom-player) button{min-width:44px;min-height:44px}
body[data-page="music"] :where(.progress-range,input[type="range"]){touch-action:pan-x pan-y}
body[data-page="music"] .modal-content{max-height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)))}
body[data-page="videos"] :where(.viewer-video,.video-player video){max-width:100%;height:auto}
body[data-page="youtube"] iframe{border:0}

/* Form pages: prevent long URLs/file names from breaking mobile width. */
body[data-page="downloader"] :where(.result,.preview,.preview-info,.download-card),
body[data-page="upload"] :where(.upload-card,.file-row,.file-name,.status){min-width:0;overflow-wrap:anywhere}
body[data-page="downloader"] input[type="url"],body[data-page="upload"] input{width:100%;max-width:100%}

@media (pointer:fine){html{scrollbar-gutter:stable}}
@media (pointer:coarse){html{scrollbar-gutter:auto}}
@media (max-width:640px){
  body:not(.admin-body){width:100%;max-width:100%;}
  #studioGlobalHeader{padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))}
  body:not(.admin-body) :where(.section,.container,.page-shell,.content-wrap){max-width:100%}
  body:not(.admin-body) :where(button,.btn,a.button,[role="button"]){min-height:44px}
  body:not(.admin-body) :where(input:not([type="checkbox"]):not([type="radio"]),textarea,select){font-size:16px!important}
  body[data-page="music"]{padding-bottom:max(92px,calc(76px + env(safe-area-inset-bottom)))}
}
@media (max-width:390px){
  body:not(.admin-body) :where(.page-title,.hero-title,h1){line-height:1.12!important}
  body:not(.admin-body) :where(.actions,.card-actions,.toolbar-actions){gap:7px!important}
  body:not(.admin-body) :where(.actions,.card-actions,.toolbar-actions)>:where(button,.btn,a){min-width:0}
}
@media (max-width:340px){
  body:not(.admin-body) :where(.actions,.card-actions,.toolbar-actions){flex-wrap:wrap!important}
  body:not(.admin-body) :where(.actions,.card-actions,.toolbar-actions)>:where(button,.btn,a){flex:1 1 120px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* ===== Ali963sy Studio v27.5.0 — media resilience + interaction polish ===== */
html{scroll-behavior:smooth}
body:not(.admin-body){--s274-focus:var(--ui264-accent,var(--studio-accent,#e63946));}
body:not(.admin-body) :where(h1,h2,.page-title,.hero-title,.section-title){text-wrap:balance}
body:not(.admin-body) :where(button,a,[role="button"],input,select,textarea):focus-visible{
  outline:3px solid color-mix(in srgb,var(--s274-focus) 76%,white 24%)!important;
  outline-offset:3px!important;
}
body:not(.admin-body) :where(button,.btn,[role="button"],a.button){transition:transform .14s ease,filter .14s ease,border-color .14s ease,background-color .14s ease}
body:not(.admin-body) :where(.card,.media-card,.gallery-card,.video-card,.story-card,.post-card,.track-card){transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body:not(.admin-body) img.studio274-media-error{visibility:hidden!important;opacity:0!important}
body:not(.admin-body) .studio274-media-fallback{position:relative!important;overflow:hidden}
body:not(.admin-body) .studio274-media-fallback::after{
  content:"الوسائط غير متاحة";
  position:absolute;inset:0;display:grid;place-items:center;padding:16px;text-align:center;
  background:linear-gradient(145deg,color-mix(in srgb,var(--card-bg,#111827) 92%,black 8%),color-mix(in srgb,var(--card-bg,#111827) 78%,var(--s274-focus) 22%));
  color:color-mix(in srgb,var(--text-main,#fff) 82%,transparent);font-size:.78rem;font-weight:800;letter-spacing:.01em;
  z-index:1;pointer-events:none;
}
body:not(.admin-body) :where(.filters,.filter-row,.chips,.tags,.tabs,.category-tabs,.toolbar){scrollbar-width:none}
body:not(.admin-body) :where(.filters,.filter-row,.chips,.tags,.tabs,.category-tabs,.toolbar)::-webkit-scrollbar{display:none}
body:not(.admin-body) :where(.status,.message,.notice,.alert,.empty,.empty-state){text-wrap:pretty}
body:not(.admin-body) :where(.page-shell,.content-wrap,.container,main,section,article){min-width:0}
body:not(.admin-body) :where(table,.table-wrap,.table-responsive){max-width:100%}
@media (hover:hover) and (pointer:fine){
 body:not(.admin-body) :where(.card,.media-card,.gallery-card,.video-card,.story-card,.post-card,.track-card):hover{transform:translateY(-2px)}
 body:not(.admin-body) :where(button,.btn,[role="button"],a.button):hover{filter:brightness(1.035)}
}
@media (pointer:coarse){
 body:not(.admin-body) :where(button,.btn,[role="button"],a.button):active{transform:scale(.985)}
}
@media (max-width:480px){
 body:not(.admin-body) :where(.page-title,.hero-title,h1){font-size:clamp(1.72rem,9vw,2.55rem)!important;overflow-wrap:anywhere}
 body:not(.admin-body) :where(.section-title,h2){overflow-wrap:anywhere}
 body:not(.admin-body) :where(.filters,.filter-row,.chips,.tags,.tabs,.category-tabs){padding-inline:2px;scroll-padding-inline:8px}
 body:not(.admin-body) :where(.card-actions,.page-actions,.hero-actions,.toolbar-actions)>:where(button,.btn,a){max-width:100%}
}
@media (forced-colors:active){
 body:not(.admin-body) :where(button,a,input,select,textarea,.card,.media-card){forced-color-adjust:auto}
 body:not(.admin-body) .studio274-media-fallback::after{background:Canvas;color:CanvasText;border:1px solid CanvasText}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 body:not(.admin-body) :where(button,.btn,[role="button"],a.button,.card,.media-card,.gallery-card,.video-card,.story-card,.post-card,.track-card){transition:none!important;transform:none!important}
}

/* ===== Ali963sy Studio v27.5.0 — reliable mobile bottom navigation ===== */
:root{--studio275-dock-h:72px;--studio275-dock-gap:10px}
body:not(.admin-body) .studio275-bottom-dock{display:none}
@media(max-width:900px){
  body:not(.admin-body).studio275-has-dock{
    padding-bottom:max(calc(var(--studio275-dock-h) + 24px),calc(var(--studio275-dock-h) + env(safe-area-inset-bottom,0px) + 14px))!important;
  }
  body:not(.admin-body) .studio275-bottom-dock{
    position:fixed!important;z-index:1800!important;
    inset-inline:max(8px,env(safe-area-inset-left,0px)) max(8px,env(safe-area-inset-right,0px))!important;
    bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    height:var(--studio275-dock-h)!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;padding:6px!important;margin:0!important;
    border:1px solid color-mix(in srgb,var(--studio-accent,var(--primary,#e63946)) 18%,rgba(255,255,255,.12))!important;
    border-radius:22px!important;
    background:color-mix(in srgb,var(--ui264-surface,#08111b) 91%,transparent)!important;
    box-shadow:0 18px 54px rgba(0,0,0,.38)!important;
    backdrop-filter:blur(22px) saturate(1.22)!important;-webkit-backdrop-filter:blur(22px) saturate(1.22)!important;
    pointer-events:auto!important;visibility:visible!important;opacity:1!important;transform:none!important;
    overflow:visible!important;isolation:isolate!important;
  }
  body:not(.admin-body) .studio275-bottom-dock :where(a,button){
    appearance:none;-webkit-appearance:none;position:relative;min-width:0!important;min-height:58px!important;
    border:0!important;border-radius:16px!important;background:transparent!important;color:var(--ui264-muted,#94a3b8)!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    padding:5px 2px!important;margin:0!important;text-decoration:none!important;font:800 .61rem/1.1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
    pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;cursor:pointer!important;
  }
  body:not(.admin-body) .studio275-bottom-dock :where(a,button) svg{width:21px!important;height:21px!important;display:block!important;flex:none!important;stroke:currentColor!important}
  body:not(.admin-body) .studio275-bottom-dock :where(a,button) span{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body:not(.admin-body) .studio275-bottom-dock :where(a.active,a[aria-current="page"],button.active){
    color:var(--ui264-text,#fff)!important;background:color-mix(in srgb,var(--studio-accent,var(--primary,#e63946)) 14%,transparent)!important;
  }
  body:not(.admin-body) .studio275-bottom-dock :where(a.active,a[aria-current="page"],button.active)::after{
    content:"";position:absolute;bottom:3px;width:18px;height:2px;border-radius:99px;background:var(--studio-accent,var(--primary,#e63946));
  }
  body:not(.admin-body) .studio275-bottom-dock :where(a,button):focus-visible{outline:2px solid var(--studio-accent,var(--primary,#e63946))!important;outline-offset:1px!important}
  body:not(.admin-body) .studio275-bottom-dock.studio275-keyboard-hidden{transform:translateY(calc(100% + 28px))!important;opacity:0!important;pointer-events:none!important;transition:.18s ease!important}
  body[data-page="music"].studio275-has-dock{padding-bottom:max(182px,calc(162px + env(safe-area-inset-bottom,0px)))!important}
  body[data-page="music"] .studio275-bottom-dock{bottom:max(92px,calc(78px + env(safe-area-inset-bottom,0px)))!important}
  body[data-page="music"] #studio266Top{bottom:max(176px,calc(160px + env(safe-area-inset-bottom,0px)))!important}
}
@media(max-width:360px){
  body:not(.admin-body) .studio275-bottom-dock{inset-inline:5px!important;gap:2px!important;padding-inline:4px!important}
  body:not(.admin-body) .studio275-bottom-dock :where(a,button){font-size:.54rem!important}
  body:not(.admin-body) .studio275-bottom-dock :where(a,button) svg{width:19px!important;height:19px!important}
}
@media(min-width:901px){body:not(.admin-body) .studio275-bottom-dock{display:none!important}}
@media(prefers-reduced-motion:reduce){body:not(.admin-body) .studio275-bottom-dock{transition:none!important}}

/* v27.5 single-authority rule: legacy mobile docks/sheets must never compete with the reliable dock. */
body:not(.admin-body) :is(.m214-dock,.m214-more-sheet,.m214-more-backdrop,.m214-route-progress,.m214-top-btn,#s209Dock,.s23-mobile-dock,.v240-mobile-dock,.v241-mobile-dock,.v242-mobile-dock,.v251-mobile-dock){display:none!important;visibility:hidden!important;pointer-events:none!important}

/* ===== Ali963sy Studio v27.6.0 — unified visual rhythm & navigation intelligence ===== */
:root{
  --s276-gap:clamp(10px,1.35vw,18px);
  --s276-radius:clamp(16px,1.6vw,22px);
  --s276-header-shadow:0 14px 42px rgba(0,0,0,.18);
}
html{scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));}
body:not(.admin-body){--s276-accent:var(--ui264-accent,var(--studio-accent,#e63946));}
body:not(.admin-body) :where(main,.page-shell,.content-wrap,.container){min-width:0;}
body:not(.admin-body) :where(section,.section,.content-section){scroll-margin-block-start:calc(var(--s266-header-h,64px) + 20px);}
body:not(.admin-body) :where(.card,.media-card,.gallery-card,.gallery-item,.video-card,.story-card,.post-card,.track-card,.playlist-card,.section-box){
  border-radius:var(--s276-radius);
  min-width:0;
}
body:not(.admin-body) :where(.cards-grid,.gallery-grid,.video-grid,.stories-grid,.music-grid,.media-grid){gap:var(--s276-gap);}
body:not(.admin-body) :where(.empty,.empty-state,.empty-state-v2,.yt-empty,.insta20-empty,.preview-empty){
  min-height:150px;display:grid;place-items:center;text-align:center;padding:clamp(18px,4vw,34px);border-radius:var(--s276-radius);
  border:1px dashed color-mix(in srgb,var(--border,rgba(255,255,255,.12)) 86%,transparent);
  background:color-mix(in srgb,var(--card-bg,#111827) 88%,transparent);
}
body:not(.admin-body) :where(input,textarea,select){transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;}
body:not(.admin-body) :where(input,textarea,select):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--s276-accent) 14%,transparent);}
body:not(.admin-body) :where(button,.btn,[role="button"],a.button):active{transform:scale(.985);}

/* Header becomes more defined after the first few pixels of scroll, without changing layout geometry. */
#studioGlobalHeader{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,backdrop-filter .18s ease;}
body.studio276-scrolled #studioGlobalHeader{
  box-shadow:var(--s276-header-shadow);
  border-color:color-mix(in srgb,var(--border,rgba(255,255,255,.12)) 78%,var(--s276-accent) 22%)!important;
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
}

/* Lightweight page scroll progress. */
.studio276-scroll-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:2147482000;pointer-events:none;background:transparent;contain:layout paint;}
.studio276-scroll-progress>i{display:block;height:100%;width:100%;transform:scaleX(var(--s276-progress,0));transform-origin:0 50%;background:linear-gradient(90deg,var(--s276-accent),color-mix(in srgb,var(--s276-accent) 55%,#38bdf8));box-shadow:0 0 12px color-mix(in srgb,var(--s276-accent) 34%,transparent);}
[dir="rtl"] .studio276-scroll-progress>i{transform-origin:100% 50%;}

/* Back-to-top control sits above the mobile dock/player and never covers primary actions. */
.studio276-top-btn{position:fixed;inset-inline-end:max(14px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:2147481000;width:46px;height:46px;border-radius:15px;border:1px solid color-mix(in srgb,var(--border,rgba(255,255,255,.14)) 84%,var(--s276-accent) 16%);background:color-mix(in srgb,var(--card-bg,#0b1220) 92%,black 8%);color:var(--text-main,#fff);display:grid;place-items:center;box-shadow:0 14px 36px rgba(0,0,0,.24);opacity:0;transform:translateY(10px) scale(.96);pointer-events:none;transition:opacity .18s ease,transform .18s ease,border-color .18s ease;}
.studio276-top-btn svg{width:21px;height:21px;}
.studio276-top-btn.show{opacity:1;transform:none;pointer-events:auto;}
body.studio275-has-dock .studio276-top-btn{bottom:max(86px,calc(72px + env(safe-area-inset-bottom,0px)));}
body[data-page="music"].studio275-has-dock .studio276-top-btn{bottom:max(154px,calc(140px + env(safe-area-inset-bottom,0px)));}
body.studio-dialog-open .studio276-top-btn,.studio276-top-btn.studio276-keyboard-hidden{opacity:0!important;pointer-events:none!important;}

/* v27.5 dock refinements: don't compete with open dialogs or the global menu. */
body.studio-dialog-open .studio275-bottom-dock,body.studio276-menu-open .studio275-bottom-dock{opacity:0!important;transform:translateY(calc(100% + 22px))!important;pointer-events:none!important;}
.studio275-bottom-dock{transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease;}
body.studio276-scrolled .studio275-bottom-dock{border-color:color-mix(in srgb,var(--border,rgba(255,255,255,.12)) 76%,var(--s276-accent) 24%);}

/* Loading/busy feedback that stays lightweight. */
body:not(.admin-body) [aria-busy="true"]{position:relative;}
body:not(.admin-body) [aria-busy="true"]::after{content:"";position:absolute;inset:auto 12px 7px 12px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--s276-accent),transparent);background-size:180% 100%;animation:s276busy 1.05s linear infinite;pointer-events:none;}
@keyframes s276busy{to{background-position:-180% 0}}

/* Offline/online status toast. */
.studio276-net-toast{position:fixed;z-index:2147481500;inset-inline:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));transform:translate(50%,10px);max-width:calc(100% - 28px);padding:10px 14px;border-radius:999px;border:1px solid var(--border,rgba(255,255,255,.12));background:color-mix(in srgb,var(--card-bg,#0b1220) 96%,black 4%);color:var(--text-main,#fff);font-size:.8rem;font-weight:800;box-shadow:0 16px 44px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:.2s ease;white-space:normal;text-align:center;}
[dir="ltr"] .studio276-net-toast{transform:translate(-50%,10px);}
.studio276-net-toast.show{opacity:1;transform:translate(50%,0);}
[dir="ltr"] .studio276-net-toast.show{transform:translate(-50%,0);}
body.studio275-has-dock .studio276-net-toast{bottom:max(86px,calc(72px + env(safe-area-inset-bottom,0px)));}

@media(hover:hover) and (pointer:fine){
  body:not(.admin-body) :where(.card,.media-card,.gallery-card,.video-card,.story-card,.post-card,.track-card):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--border,rgba(255,255,255,.12)) 72%,var(--s276-accent) 28%);box-shadow:0 16px 38px rgba(0,0,0,.16);}
}
@media(max-width:760px){
  body:not(.admin-body) :where(.page-actions,.hero-actions,.toolbar-actions,.form-actions){flex-wrap:wrap;}
  body:not(.admin-body) :where(.page-actions,.hero-actions,.toolbar-actions,.form-actions)>:where(button,.btn,a){min-width:0;}
  body:not(.admin-body) :where(.card,.media-card,.gallery-card,.video-card,.story-card,.post-card,.track-card){border-radius:clamp(15px,4vw,19px);}
  .studio276-scroll-progress{height:2px;}
}
@media(max-width:390px){
  body:not(.admin-body) :where(.page-actions,.hero-actions,.form-actions)>:where(button,.btn,a){flex:1 1 100%;}
  .studio276-top-btn{width:44px;height:44px;border-radius:14px;inset-inline-end:10px;}
}
@media(max-height:520px) and (orientation:landscape){
  .studio276-top-btn{width:40px;height:40px;bottom:10px;}
  body.studio275-has-dock .studio276-top-btn{bottom:64px;}
}
@media(prefers-reduced-motion:reduce){
  #studioGlobalHeader,.studio276-top-btn,.studio275-bottom-dock,.studio276-net-toast{transition:none!important;}
  body:not(.admin-body) [aria-busy="true"]::after{animation:none!important;background:var(--s276-accent);}
}
@media print{.studio276-scroll-progress,.studio276-top-btn,.studio276-net-toast,.studio275-bottom-dock{display:none!important;}}

/* v27.6 gallery loading/empty row overflow fix. */
body[data-page="gallery"] .gallery-grid>p,
body[data-page="gallery"] .gallery-grid>.empty-v3{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-column:1/-1;
}
body[data-page="gallery"] .gallery-grid>p{padding-inline:clamp(14px,5vw,60px)!important;}

/* ===== Ali963sy Studio v27.7.0 — adaptive performance & content rhythm ===== */
:root{
  --s277-header-offset:92px;
  --s277-card-radius:clamp(18px,2vw,26px);
  --s277-touch:44px;
}
body:not(.admin-body){--s277-surface:var(--ui264-surface,#0b111a);--s277-border:var(--ui264-border,rgba(255,255,255,.10));}
body:not(.admin-body) :where([id],h1,h2,h3,.page-title,.section-title,.hero-title){scroll-margin-top:var(--s277-header-offset)}
body:not(.admin-body) :where(.empty,.empty-state,.insta20-empty,.yt-empty,.preview-empty,.studio-page-offline,.loading,.skeleton){box-sizing:border-box;min-width:0;max-width:100%}
body:not(.admin-body) :where(.empty,.empty-state,.insta20-empty,.yt-empty,.preview-empty,.studio-page-offline){overflow-wrap:anywhere;text-wrap:pretty}
body:not(.admin-body) :where(.card,.media-card,.gallery-card,.video-card,.story-card,.post,.post-card,.track-card,.yt-card,.studio20-article,.service-v2,.quote-v2){min-width:0;isolation:isolate}
body:not(.admin-body) :where(.gallery-grid,.video-grid,.yt-grid,.stories,.grid,.featured-grid,.services-v2,.testimonials-v2)>*{min-width:0}
body:not(.admin-body) :where(.video-thumb,.yt-thumb,.post,.insta20-item,.about-image,.portrait-card){overflow:hidden}
body:not(.admin-body) :where(.video-thumb img,.yt-thumb img,.post img,.insta20-item img,.about-image img,.portrait-card img){max-width:100%;height:auto}
body:not(.admin-body) :where(.filter-btn,.g213-chip,.mode-btn,.sort-btn,.view-btn,[role="tab"]){min-height:var(--s277-touch);touch-action:manipulation}
body:not(.admin-body) :where(.filter-buttons,.filters,.g213-smart,.yt-toolbar,.library-toolbar,.toolbar,.toolbar-group){min-width:0}
body:not(.admin-body) .studio277-loading-state{position:relative;overflow:hidden!important}
body:not(.admin-body) .studio277-loading-state::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.055) 48%,transparent 66%);transform:translateX(100%);animation:s277Sweep 1.45s ease-in-out infinite}
@keyframes s277Sweep{to{transform:translateX(-100%)}}
body:not(.admin-body) .studio277-media-near{content-visibility:visible}
@supports(content-visibility:auto){
  body:not(.admin-body) .studio277-defer{content-visibility:auto;contain-intrinsic-size:auto 420px}
}
/* Header polish remains subtle: stronger separation only after scrolling. */
body:not(.admin-body).studio277-scrolled #studioGlobalHeader{box-shadow:0 16px 42px rgba(0,0,0,.22);border-color:color-mix(in srgb,var(--s277-border) 74%,var(--studio-accent,var(--primary,#e63946)) 26%)}
/* Gallery: eliminate legacy loading-state overflow and keep toolbar controls usable at 320px. */
body[data-page="gallery"] :where(.gallery-loading,.loading-message,.empty-state){width:100%;max-width:100%;box-sizing:border-box}
body[data-page="gallery"] :where(.gallery-toolbar,.g212-head,.g213-head){min-width:0}
body[data-page="gallery"] :where(.filter-buttons,.g213-smart){overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
body[data-page="gallery"] :where(.filter-btn,.g213-chip){scroll-snap-align:start}
/* Video / YouTube cards keep predictable geometry while thumbnails load. */
body[data-page="videos"] .video-thumb,body[data-page="youtube"] .yt-thumb{aspect-ratio:16/9;background:color-mix(in srgb,var(--s277-surface) 88%,black 12%)}
body[data-page="videos"] .video-thumb :where(img,video),body[data-page="youtube"] .yt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
/* Music: preserve breathing room between the mini-player, bottom dock, and safe area. */
@media(max-width:900px){
  body[data-page="music"].studio275-has-dock{padding-bottom:max(194px,calc(174px + env(safe-area-inset-bottom,0px)))!important}
  body[data-page="music"] .player-bar{max-width:calc(100% - max(12px,env(safe-area-inset-left,0px)) - max(12px,env(safe-area-inset-right,0px)));margin-inline:auto}
  body[data-page="music"] .studio275-bottom-dock{bottom:max(94px,calc(80px + env(safe-area-inset-bottom,0px)))!important}
}
/* Forms: prevent long URLs / names from breaking narrow layouts. */
body[data-page="downloader"] :where(.workspace,.panel,.row,.field,.input-wrap),body[data-page="upload"] :where(.box,.row,.field),body[data-page="folder"] :where(.search-wrap,.toolbar){min-width:0;max-width:100%}
body[data-page="downloader"] :where(input,select,button),body[data-page="upload"] :where(input,select,button){max-width:100%}
/* Bottom dock: keep labels readable and remove accidental text selection on touch. */
@media(max-width:900px){
 body:not(.admin-body) .studio275-bottom-dock{user-select:none;-webkit-user-select:none}
 body:not(.admin-body) .studio275-bottom-dock :where(a,button){overflow:hidden}
 body:not(.admin-body) .studio275-bottom-dock :where(a,button) span{line-height:1.08!important}
}
@media(max-width:390px){
 :root{--s277-header-offset:78px}
 body:not(.admin-body) :where(.hero-actions,.page-actions,.toolbar-actions,.showcase-btns){max-width:100%}
 body:not(.admin-body) :where(.hero-actions,.page-actions,.toolbar-actions,.showcase-btns)>*{min-width:0;max-width:100%}
 body[data-page="downloader"] .row{grid-template-columns:minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){body:not(.admin-body) .studio277-loading-state::after{animation:none!important;display:none!important}}

/* ===== Ali963sy Studio v28.0.0 — comprehensive experience system ===== */
:root{
  --s280-content:1240px;
  --s280-gutter:clamp(10px,2.2vw,24px);
  --s280-section:clamp(24px,4.5vw,54px);
  --s280-card-r:clamp(16px,1.65vw,24px);
  --s280-control:46px;
  --s280-player-h:0px;
  --s280-safe-bottom:env(safe-area-inset-bottom,0px);
}
html{scroll-padding-top:calc(var(--g2633-h,56px) + 18px);scroll-padding-bottom:calc(110px + var(--s280-player-h) + var(--s280-safe-bottom));}
body:not(.admin-body){
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-wrap:break-word;
  min-width:0;
}
body:not(.admin-body) :where(main,.container,.wrap,.yt-wrap,.insta20,.demo,.studio20-wrap,.studio20-blog-wrap){min-width:0;max-width:100%;}
body:not(.admin-body) :where(h1,h2,h3,.hero-title,.page-title,.section-title){text-wrap:balance;overflow-wrap:anywhere;}
body:not(.admin-body) :where(p,.lead,.hero-desc,.section-subtitle,.viewer-meta,.modal-desc,.help-text){text-wrap:pretty;}
body:not(.admin-body) :where(img,video,iframe,canvas,svg){max-inline-size:100%;}
body:not(.admin-body) :where(button,.btn,[role="button"],a.button,.yt-btn,.hero-btn,.action-btn,.showcase-btns>a,.showcase-btns>button){
  min-height:var(--s280-control);
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2;
}
body:not(.admin-body) :where(button,.btn,[role="button"],a.button) :where(i,svg){flex:none;}
body:not(.admin-body) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){max-width:100%;min-width:0;}
body:not(.admin-body) :where(input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--studio-accent,var(--primary,#24bdf2)) 78%,white 22%);outline-offset:2px;}
body:not(.admin-body) .studio280-skip{
  position:fixed;inset-inline-start:12px;top:8px;z-index:2147483646;transform:translateY(-150%);
  min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:12px;
  background:#fff;color:#05070b;font:800 .8rem/1.2 system-ui;text-decoration:none;box-shadow:0 10px 34px #0007;
}
body:not(.admin-body) .studio280-skip:focus{transform:none;}

/* Header: compact, calm, and visually stable at every width. */
#studioGlobalHeader .studio-gh-inner{padding-inline:4px!important;}
#studioGlobalHeader .studio-gh-brand{transition:opacity .16s ease,max-width .16s ease!important;}
#studioGlobalHeader .studio-gh-action{min-height:38px!important;}
body.studio280-scrolled #studioGlobalHeader{background:color-mix(in srgb,var(--g2633-bg,#03101a) 94%,black 6%)!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important;}
#studioGlobalMenu,#studioGlobalSearch{overscroll-behavior:contain!important;scrollbar-width:thin;}
.studio-gh-search-results a:focus-visible,.studio-gh-menu-grid a:focus-visible{outline:2px solid var(--studio-accent,var(--primary,#24bdf2))!important;outline-offset:-2px!important;}
.studio280-search-section{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:40px!important;padding:8px 10px!important;border-radius:10px!important;background:color-mix(in srgb,var(--studio-accent,var(--primary,#24bdf2)) 8%,transparent)!important;color:inherit!important;text-decoration:none!important;}
.studio280-search-section small{opacity:.62;font-size:.65rem;white-space:nowrap;}

/* Shared hero/card rhythm. */
body:not(.admin-body) :where(.hero,.hero-v3,.yt-hero,.insta20-hero,.studio20-blog-hero,.page-hero,.section-hero){
  min-width:0;border-radius:clamp(20px,2.4vw,32px);overflow:hidden;
}
body:not(.admin-body) :where(.hero,.hero-v3,.yt-hero,.insta20-hero,.studio20-blog-hero){isolation:isolate;}
body:not(.admin-body) :where(.card,.media-card,.gallery-card,.gallery-item,.video-card,.story-card,.post-card,.track-card,.playlist-card,.tool-card,.service-v2,.testimonial-card,.stat-box,.value,.panel,.form-panel){
  min-width:0;border-radius:var(--s280-card-r);
}
@media(hover:hover) and (pointer:fine){
 body:not(.admin-body) :where(.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.post-card,.track-card,.tool-card,.service-v2,.value){transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
 body:not(.admin-body) :where(.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.post-card,.track-card,.tool-card,.service-v2,.value):hover{transform:translateY(-2px);}
}
body:not(.admin-body) :where(.filters,.filter-buttons,.toolbar,.toolbar-shell,.library-toolbar,.yt-toolbar,.nav-row,.tabs,.category-tabs){min-width:0;}
body:not(.admin-body) :where(.filters,.filter-buttons,.chips,.tags,.tabs,.category-tabs){scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;}
body:not(.admin-body) :where(.filters,.filter-buttons,.chips,.tags,.tabs,.category-tabs)::-webkit-scrollbar{display:none;}

/* Home. */
body[data-page="home"] .hero-inner{width:min(var(--s280-content),calc(100% - 2*var(--s280-gutter)));margin-inline:auto;}
body[data-page="home"] .hero-title{max-width:18ch;line-height:.98;}
body[data-page="home"] .hero-desc{max-width:68ch;line-height:1.8;}
body[data-page="home"] :where(.featured-grid,.services-v2,.tools-grid,.stats-section,.testimonials-v2){gap:clamp(10px,1.5vw,18px)!important;}
body[data-page="home"] :where(.service-v2,.tool-card,.stat-box){height:100%;}
body[data-page="home"] .slide :where(img,video){width:100%;height:100%;object-fit:cover;}

/* Gallery. */
body[data-page="gallery"] .gallery-toolbar-shell{gap:10px;align-items:center;}
body[data-page="gallery"] .search-box{min-width:0;}
body[data-page="gallery"] .gallery-grid{align-items:stretch;grid-auto-flow:row dense;}
body[data-page="gallery"] .gallery-grid :where(img,picture){display:block;width:100%;}
body[data-page="gallery"] .gallery-grid img{height:100%;object-fit:cover;}
body[data-page="gallery"] .lightbox-content-box{max-width:min(1180px,calc(100vw - 22px));max-height:calc(100dvh - 92px);}
body[data-page="gallery"] .lightbox :where(img,video){max-height:calc(100dvh - 150px);object-fit:contain;}
body[data-page="gallery"] :where(.lb-btn,.lb-nav,.close-lb,.view-btn){display:grid!important;place-items:center!important;}

/* Videos + YouTube. */
body[data-page="videos"] .video-grid,body[data-page="youtube"] .yt-grid{align-items:stretch;}
body[data-page="videos"] :where(.video-card,.video-card-v2),body[data-page="youtube"] :where(.yt-card,.yt-feature-card){min-width:0;height:100%;}
body[data-page="videos"] :where(.video-thumb,.video-card video,.video-card img),body[data-page="youtube"] :where(.yt-lite,.yt-frame){aspect-ratio:16/9;object-fit:cover;}
body[data-page="videos"] .viewer-shell,body[data-page="youtube"] .yt-viewer-box{width:min(1180px,calc(100vw - 20px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;}
body[data-page="videos"] .viewer-video,body[data-page="youtube"] .yt-frame iframe{width:100%;aspect-ratio:16/9;}

/* Music: controls never collide with the bottom dock and long titles stay readable. */
body[data-page="music"]{--s280-music-gap:calc(var(--s280-player-h) + var(--studio275-dock-h,72px) + var(--s280-safe-bottom) + 28px);}
body[data-page="music"].studio275-has-dock{padding-bottom:max(190px,var(--s280-music-gap))!important;}
body[data-page="music"] .player-bar{max-width:calc(100vw - 16px)!important;}
body[data-page="music"] .track-meta{min-width:0;overflow:hidden;}
body[data-page="music"] .track-meta :where(.track-title,.title,strong,b){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body[data-page="music"] :where(.main-center-play,.modal-main-play,.control-btns button,.icon-btn-v2){display:grid!important;place-items:center!important;}
body[data-page="music"] .progress-range{touch-action:pan-x;}
body[data-page="music"] .playlist-grid{align-items:stretch;}
body[data-page="music"] .modal-content{max-height:calc(100dvh - 22px);overflow:auto;overscroll-behavior:contain;}

/* Stories / About / editorial pages. */
body[data-page="stories"] .stories{align-items:stretch;}
body[data-page="stories"] .viewer-shell{width:min(760px,calc(100vw - 18px));max-height:calc(100dvh - 18px);}
body[data-page="stories"] .viewer-shell img{max-height:calc(100dvh - 130px);object-fit:contain;}
body[data-page="about"] .portrait :where(img,picture){width:100%;height:100%;object-fit:cover;}
body[data-page="about"] :where(.stats,.values,.socials){gap:clamp(9px,1.4vw,16px);}
body[data-page="blog"] .studio20-blog-grid,body[data-page="feed"] .grid,body[data-page="instagram"] .insta20-grid{align-items:stretch;}
body[data-page="instagram"] .insta20-item img{width:100%;height:100%;object-fit:cover;}

/* Downloader / upload / private delivery. */
body[data-page="downloader"] :where(.workspace,.form-panel,.panel,.preview){min-width:0;}
body[data-page="downloader"] .row{gap:9px;align-items:stretch;}
body[data-page="downloader"] .input-wrap{min-width:0;flex:1 1 280px;}
body[data-page="downloader"] :where(.download,.secondary,.mode-btn){min-height:46px;}
body[data-page="upload"] .box,body[data-page="client"] :where(.upload-shell,.panel,.card),body[data-page="folder"] :where(.secure,.g){max-width:100%;min-width:0;}

/* Rich media loading feedback. */
body:not(.admin-body) img.studio280-media-pending{opacity:.72;filter:saturate(.82);}
body:not(.admin-body) img.studio280-media-ready{opacity:1;filter:none;transition:opacity .22s ease,filter .22s ease;}
body:not(.admin-body) [data-studio280-media-error="1"]{position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--studio-accent,var(--primary,#24bdf2)) 10%,#0b1118),#080b10)!important;}

/* Mobile: preserve readable geometry all the way down to 320px. */
@media(max-width:900px){
 :root{--s280-gutter:10px;--s280-control:44px;}
 body:not(.admin-body) :where(.hero,.hero-v3,.yt-hero,.insta20-hero,.studio20-blog-hero){border-radius:20px;}
 body:not(.admin-body) :where(.page-header,.hero-actions,.toolbar,.toolbar-shell,.library-toolbar,.yt-toolbar,.viewer-actions,.modal-controls){gap:8px;}
 body:not(.admin-body) :where(.hero-actions,.page-actions,.viewer-actions,.modal-controls){flex-wrap:wrap;}
 body:not(.admin-body) :where(.hero-actions,.page-actions)>:where(button,.btn,a){min-width:0;}
 body[data-page="music"] .studio275-bottom-dock{bottom:max(calc(var(--s280-player-h) + 12px),calc(78px + var(--s280-safe-bottom)))!important;}
 body[data-page="music"] .studio276-top-btn{bottom:max(calc(var(--s280-player-h) + var(--studio275-dock-h,72px) + 26px),calc(160px + var(--s280-safe-bottom)))!important;}
}
@media(max-width:760px){
 body:not(.admin-body) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px!important;}
 #studioGlobalHeader .studio-gh-name{font-size:.78rem!important;}
 body[data-page="gallery"] .gallery-toolbar-shell,body[data-page="videos"] .toolbar-shell,body[data-page="youtube"] .yt-toolbar{align-items:stretch;}
 body[data-page="downloader"] .row{flex-wrap:wrap;}
 body[data-page="downloader"] .row>*{min-width:0;}
}
@media(max-width:520px){
 body:not(.admin-body) :where(.hero-actions,.page-actions,.viewer-actions,.modal-controls)>:where(button,.btn,a){flex:1 1 140px;}
 body[data-page="gallery"] .gallery-grid{gap:7px;}
 body[data-page="videos"] .video-grid,body[data-page="youtube"] .yt-grid{grid-template-columns:1fr!important;}
 body[data-page="about"] :where(.stats,.values){grid-template-columns:1fr 1fr!important;}
 body[data-page="downloader"] :where(.download,.secondary){width:100%;}
}
@media(max-width:350px){
 #studioGlobalHeader .studio-gh-brand{max-width:calc(100% - 94px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;}
 #studioGlobalHeader .studio-gh-logo{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important;}
 body:not(.admin-body) :where(.hero-actions,.page-actions,.viewer-actions,.modal-controls)>:where(button,.btn,a){flex-basis:100%;}
 body[data-page="about"] :where(.stats,.values){grid-template-columns:1fr!important;}
}
@media(prefers-reduced-motion:reduce){
 body:not(.admin-body) img.studio280-media-ready{transition:none!important;}
 body:not(.admin-body) :where(.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.post-card,.track-card,.tool-card,.service-v2,.value):hover{transform:none!important;}
}
@media print{.studio280-skip,.studio276-scroll-progress,.studio276-top-btn,.studio275-bottom-dock{display:none!important;}}
body:not(.admin-body).studio280-keyboard .studio275-bottom-dock,body:not(.admin-body).studio280-keyboard .studio276-top-btn{opacity:0!important;pointer-events:none!important;transform:translateY(calc(100% + 28px))!important;}
@supports(content-visibility:auto){body:not(.admin-body) :where(.studio20-article,.post,.yt-card,.video-card,.gallery-card,.story-card):nth-child(n+9){content-visibility:auto;contain-intrinsic-size:auto 360px;}}

/* ===== Ali963sy Studio v28.1.1 — precision performance, privacy & mobile refinement ===== */
:root{
  --s281-focus:color-mix(in srgb,var(--studio-accent,var(--primary,#24bdf2)) 72%,#fff);
  --s281-soft:color-mix(in srgb,var(--studio-accent,var(--primary,#24bdf2)) 9%,transparent);
}
html{scrollbar-gutter:stable;scroll-padding-top:calc(var(--studio-header-h,var(--s266-header-h,64px)) + 18px);}
body:not(.admin-body){text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;}
body:not(.admin-body) :where(section,[id]:not(input):not(textarea):not(select)){scroll-margin-top:calc(var(--studio-header-h,var(--s266-header-h,64px)) + 18px);}
body:not(.admin-body) :where(button,a[href],input,select,textarea,[role="button"]){touch-action:manipulation;}
body:not(.admin-body) :where(button,a[href],[role="button"]):focus-visible{outline:2px solid var(--s281-focus)!important;outline-offset:3px!important;}
body:not(.admin-body) :where(input,select,textarea):focus-visible{outline:2px solid var(--s281-focus)!important;outline-offset:1px!important;}
body:not(.admin-body) :where(input,select,textarea){accent-color:var(--studio-accent,var(--primary,#24bdf2));}
body:not(.admin-body) :where(input,textarea)::placeholder{opacity:.62;}

/* Stable content rhythm and long-title protection. */
body:not(.admin-body) :where(.card,.media-card,.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.post-card,.track-card,.playlist-card,.tool-card,.service-v2,.value,.panel){contain:layout paint;}
body:not(.admin-body) :where(.card-title,.video-title,.yt-title,.track-title,.story-title,.post-title,h2,h3){overflow-wrap:anywhere;word-break:normal;}
body:not(.admin-body) :where(.video-title,.yt-title,.story-title,.post-title,.card-title){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}
body:not(.admin-body) :where(.filters,.filter-buttons,.chips,.tags,.tabs,.category-tabs){scroll-snap-type:inline proximity;}
body:not(.admin-body) :where(.filters,.filter-buttons,.chips,.tags,.tabs,.category-tabs)>*{scroll-snap-align:start;}

/* Loading / busy states communicate work without shifting layout. */
body:not(.admin-body) form[aria-busy="true"] :where(button[type="submit"],input[type="submit"]){opacity:.68;cursor:progress;}
body:not(.admin-body) .studio281-submit-busy{position:relative;pointer-events:none;}
body:not(.admin-body) .studio281-submit-busy::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;display:inline-block;margin-inline-start:8px;vertical-align:-2px;animation:s281spin .7s linear infinite;}
@keyframes s281spin{to{transform:rotate(360deg)}}

/* Page-specific polish. */
body[data-page="home"] :where(.featured-grid,.services-v2,.tools-grid,.testimonials-v2)>*{min-height:100%;}
body[data-page="gallery"] .gallery-grid :where(.gallery-card,.gallery-item){overflow:hidden;}
body[data-page="gallery"] .gallery-grid :where(img,picture){min-height:0;}
body[data-page="videos"] :where(.video-thumb,.video-card-v2 .thumb),body[data-page="youtube"] :where(.yt-lite,.yt-thumb){overflow:hidden;border-radius:inherit;}
body[data-page="videos"] :where(.video-thumb img,.video-card-v2 img),body[data-page="youtube"] :where(.yt-lite img,.yt-thumb img){width:100%;height:100%;object-fit:cover;}
body[data-page="music"] :where(.track,.track-card,.playlist-item){min-width:0;}
body[data-page="music"] :where(.track-meta,.track-info,.player-track-info){min-width:0;}
body[data-page="music"] :where(.track-meta,.track-info,.player-track-info)>*{max-width:100%;}
body[data-page="music"] .progress-range{min-height:24px;cursor:pointer;}
body[data-page="stories"] :where(.story-card,.story){overflow:hidden;}
body[data-page="about"] :where(.socials a,.social-links a){min-width:44px;min-height:44px;display:inline-grid;place-items:center;}
body[data-page="downloader"] :where(input[type="url"],input[type="text"]){min-width:0;width:100%;}

/* Dialogs are always above the mobile dock and safe areas. */
body:not(.admin-body).studio-dialog-open .studio275-bottom-dock,
body:not(.admin-body):has(dialog[open]) .studio275-bottom-dock{opacity:0!important;pointer-events:none!important;transform:translateY(calc(100% + 24px))!important;}
body:not(.admin-body) :where(.lightbox,.viewer,.yt-viewer,.modal-player,.insta20-view,dialog){overscroll-behavior:contain;}

/* Network/data saver mode: reduce expensive decorative effects, keep content intact. */
html[data-studio-network="save"] body:not(.admin-body) :where(.hero,.hero-v3,.card,.panel,.studio-gh-panel){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html[data-studio-network="save"] body:not(.admin-body) :where(.s266-visible,.reveal){animation:none!important;transition:none!important;}

/* Compact landscape phones: usable content first. */
@media(max-height:620px) and (orientation:landscape) and (max-width:980px){
  .studio275-bottom-dock{--studio275-dock-h:58px!important;}
  .studio275-bottom-dock :where(.dock-label,.label){font-size:.62rem!important;}
  body[data-page="music"]{--studio275-dock-h:58px!important;}
  body[data-page="music"] .player-bar{max-height:72px!important;}
  .studio276-top-btn{width:42px!important;height:42px!important;}
}
@media(max-width:430px){
  body:not(.admin-body) :where(.page-header h1,.page-hero h1,.hero-title){text-wrap:balance;}
  body:not(.admin-body) :where(.filters,.filter-buttons,.chips,.tags,.tabs,.category-tabs){padding-inline:2px;}
  body[data-page="gallery"] .gallery-grid{min-width:0;}
  body[data-page="music"] :where(.player-bar,.mini-player){inset-inline:max(6px,env(safe-area-inset-left,0px)) max(6px,env(safe-area-inset-right,0px));}
}
@media(max-width:340px){
  body:not(.admin-body) :where(.page-header h1,.page-hero h1){font-size:clamp(1.55rem,9vw,2rem)!important;}
  body:not(.admin-body) :where(.filters,.filter-buttons,.chips,.tags,.tabs,.category-tabs)>*{min-height:42px;}
}
@media(prefers-reduced-motion:reduce){.studio281-submit-busy::after{animation:none!important;border-inline-end-color:currentColor!important;}}
@media print{.studio281-update-toast{display:none!important;}}

/* ===== Ali963sy Studio v28.2.0 — installable app UI ===== */
:root{--studio282-safe:env(safe-area-inset-bottom,0px)}
.studio282-install{position:fixed;left:14px;bottom:calc(18px + var(--studio282-safe));z-index:2147478700;display:none;align-items:center;gap:9px;min-height:46px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--studio-accent,#e63946) 38%,rgba(255,255,255,.13));border-radius:16px;background:rgba(10,12,16,.94);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);color:#fff;box-shadow:0 18px 48px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.025) inset;font:850 .76rem/1 system-ui,-apple-system,sans-serif;cursor:pointer;transform:translateY(12px);opacity:0;transition:opacity .2s ease,transform .2s ease,border-color .2s ease}
.studio282-install.show{display:flex;opacity:1;transform:none}.studio282-install svg{width:20px;height:20px;flex:none;color:var(--studio-accent,#e63946)}.studio282-install:hover{border-color:color-mix(in srgb,var(--studio-accent,#e63946) 64%,white 8%)}.studio282-install:focus-visible{outline:2px solid var(--studio-accent,#e63946);outline-offset:3px}.studio282-install:disabled{opacity:.6;cursor:wait}
.studio282-menu-install{grid-column:1/-1;width:100%;min-height:58px;display:grid!important;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-items:center;text-align:right;gap:3px 9px;padding:11px 13px!important;border:1px solid color-mix(in srgb,var(--studio-accent,#e63946) 34%,rgba(255,255,255,.1))!important;border-radius:15px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--studio-accent,#e63946) 13%,#0c0e12),rgba(255,255,255,.025))!important;color:#fff!important;cursor:pointer}.studio282-menu-install svg{grid-row:1/3;width:22px;height:22px;color:var(--studio-accent,#e63946)}.studio282-menu-install span{font:850 .78rem/1.25 system-ui}.studio282-menu-install small{font:650 .62rem/1.25 system-ui;color:#9da5b2}.studio282-menu-install:focus-visible{outline:2px solid var(--studio-accent,#e63946);outline-offset:2px}
.studio282-install-help{position:fixed;inset:0;z-index:2147482600;display:grid;place-items:end center;padding:18px;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.studio282-install-help[hidden]{display:none!important}.studio282-help-card{position:relative;width:min(480px,100%);padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(180deg,#14171d,#090b0f);box-shadow:0 28px 90px rgba(0,0,0,.65);color:#fff}.studio282-help-card small{display:block;margin-top:12px;color:var(--studio-accent,#e63946);font:900 .62rem/1 system-ui;letter-spacing:.12em}.studio282-help-card h2{margin:7px 0 8px;font:900 clamp(1.3rem,5vw,1.7rem)/1.25 system-ui}.studio282-help-text{margin:0;color:#b7bec9;line-height:1.75}.studio282-help-steps{margin:15px 0 18px;padding:0 20px 0 0;color:#e7e9ed;line-height:1.9}.studio282-help-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--studio-accent,#e63946) 15%,#111);color:var(--studio-accent,#e63946)}.studio282-help-icon svg{width:25px;height:25px}.studio282-help-close{position:absolute;left:14px;top:14px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#0b0d11;color:#fff;font-size:1.4rem;cursor:pointer}.studio282-help-ok{width:100%;min-height:46px;border:0;border-radius:14px;background:var(--studio-accent,#e63946);color:#fff;font:900 .8rem system-ui;cursor:pointer}
body.studio282-install-open{overflow:hidden!important}
@media(max-width:900px){.studio282-install{bottom:calc(var(--studio275-dock-h,72px) + 22px + var(--studio282-safe))}body[data-page="music"] .studio282-install{bottom:calc(var(--studio275-dock-h,72px) + var(--s280-player-h,0px) + 30px + var(--studio282-safe))}}
@media(max-width:430px){.studio282-install{left:10px;min-height:42px;padding:9px 11px;border-radius:14px;font-size:.7rem}.studio282-install svg{width:18px;height:18px}.studio282-help-card{padding:22px 18px 18px;border-radius:22px}}
body.studio-dialog-open .studio282-install,body.studio280-keyboard .studio282-install,body.studio282-install-open .studio282-install{display:none!important}
@media(prefers-reduced-motion:reduce){.studio282-install{transition:none!important}}
@media print{.studio282-install,.studio282-install-help,.studio282-menu-install{display:none!important}}


/* ===== Ali963sy Studio v28.3.0 — adaptive rendering & motion discipline ===== */
:root{--studio283-card-gap:clamp(10px,1.35vw,18px);--studio283-touch:46px;--studio283-focus:color-mix(in srgb,var(--accent,var(--primary,#e63946)) 76%,#fff)}
html{scrollbar-gutter:stable;}
body:not(.admin-body){overflow-x:clip;-webkit-tap-highlight-color:transparent;}
body:not(.admin-body) :where(button,a[href],[role="button"],input,select,textarea){touch-action:manipulation;}
body:not(.admin-body) :where(button,a[href],[role="button"]):focus-visible{outline:2px solid var(--studio283-focus)!important;outline-offset:3px!important;}
body:not(.admin-body) :where(.gallery-grid,.video-grid,.music-grid,.cards-grid,.posts-grid,.stories-grid,.feed-grid,.instagram-grid){gap:var(--studio283-card-gap)!important;}
body:not(.admin-body) .studio283-virtual{content-visibility:auto;contain-intrinsic-size:1px 360px;}
body:not(.admin-body) .studio283-loading-surface{position:relative;overflow:hidden;}
body:not(.admin-body) .studio283-loading-surface::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.055) 42%,transparent 64%);transform:translateX(-120%);animation:studio283-shimmer 1.25s ease-in-out infinite;}
@keyframes studio283-shimmer{to{transform:translateX(120%)}}
body:not(.admin-body).studio283-page-hidden *{animation-play-state:paused!important;}
html[data-studio-device="lite"] body:not(.admin-body) :where(.studio-card,.gallery-card,.video-card,.yt-card,.story-card,.blog-card,.post-card,.media-card){box-shadow:none!important;}
html[data-studio-device="lite"] body:not(.admin-body) :where(.studio-global-header,.studio-nav-panel,.player-bar,.mini-player){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
body:not(.admin-body) :where(.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.blog-card,.post-card,.track-card,.music-card,.insta20-item,.media-item){min-width:0;overflow-wrap:anywhere;}
body:not(.admin-body) :where(.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.blog-card,.post-card,.track-card,.music-card,.insta20-item,.media-item) :where(img,video){max-width:100%;}
body:not(.admin-body) :where(.studio-global-header,.studio275-bottom-dock,.player-bar,.mini-player){transform:translateZ(0);}
body:not(.admin-body) [data-studio-near-video="0"]{content-visibility:auto;}
@media (hover:hover) and (pointer:fine){body:not(.admin-body) :where(.gallery-card,.video-card,.yt-card,.story-card,.blog-card,.post-card,.music-card,.track-card){transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}body:not(.admin-body) :where(.gallery-card,.video-card,.yt-card,.story-card,.blog-card,.post-card,.music-card,.track-card):hover{transform:translateY(-2px);}}
@media(max-width:760px){
 body:not(.admin-body){--studio283-touch:46px;}
 body:not(.admin-body) :where(button,.btn,[role="button"],input[type="button"],input[type="submit"]){min-height:var(--studio283-touch);}
 body:not(.admin-body) :where(.gallery-grid,.video-grid,.music-grid,.cards-grid,.posts-grid,.stories-grid,.feed-grid,.instagram-grid){gap:10px!important;}
 body:not(.admin-body) :where(h1,h2,h3,.page-title,.hero-title,.section-title){text-wrap:balance;overflow-wrap:anywhere;}
 body:not(.admin-body) :where(.studio-global-header__inner,.studio-gh-inner,.header-inner){min-width:0;}
}
@media(max-width:430px){
 body:not(.admin-body) :where(.studio-card,.gallery-card,.video-card,.yt-card,.story-card,.blog-card,.post-card,.music-card,.track-card){border-radius:14px!important;}
 body:not(.admin-body) :where(.page-shell,.gallery-shell,.video-shell,.music-shell,.story-shell,.youtube-shell){padding-inline:max(8px,env(safe-area-inset-left,0px)) max(8px,env(safe-area-inset-right,0px))!important;}
}
@media(prefers-reduced-motion:reduce){body:not(.admin-body) .studio283-loading-surface::after{display:none!important}body:not(.admin-body) :where(.gallery-card,.video-card,.yt-card,.story-card,.blog-card,.post-card,.music-card,.track-card){transition:none!important;transform:none!important}}

/* ===== Ali963sy Studio v28.5.1 — media stability ===== */
html[data-media-policy="streaming"] video,html[data-media-policy="streaming"] audio{max-width:100%}
html[data-studio-network="save"] .gallery-item,html[data-studio-network="save"] .video-card,html[data-studio-network="save"] .story-card{box-shadow:none!important}
@media(max-width:430px){video{background:#08090b} .gallery-item img,.video-card img,.story-card img{transform:translateZ(0)}}

/* ===== Ali963sy Studio v28.5.1 — runtime stability, card precision & mobile media polish ===== */
:root{
  --s285-touch:44px;
  --s285-card-gap:clamp(8px,1.4vw,16px);
  --s285-radius:clamp(14px,2vw,20px);
  --s285-focus:color-mix(in srgb,var(--studio-accent,var(--primary,#24bdf2)) 76%,#fff);
}
html{max-width:100%;overflow-x:clip;}
body:not(.admin-body){max-width:100%;min-width:0;overflow-x:clip;}
body:not(.admin-body) :where(main,section,article,header,footer,nav,div,form,fieldset){min-width:0;}
body:not(.admin-body) :where(img,video,canvas,svg,picture,iframe,audio){max-width:100%;}
body:not(.admin-body) :where(img,video,picture){vertical-align:middle;}
body:not(.admin-body) video{display:block;background:#050609;}
body:not(.admin-body) audio{display:block;width:100%;}

/* Paint containment on interactive cards could clip focus rings, shadows and menus. Keep virtualization only on deep cards. */
body:not(.admin-body) :where(.card,.media-card,.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.post-card,.track-card,.playlist-card,.music-card,.tool-card,.service-v2,.value,.panel,.x){contain:none!important;min-width:0;max-width:100%;}
@supports(content-visibility:auto){
  body:not(.admin-body) .studio283-virtual{content-visibility:auto;contain:layout style;contain-intrinsic-size:auto 360px;}
}

/* Card rhythm + long text resilience. */
body:not(.admin-body) :where(.gallery-grid,.video-grid,.yt-grid,.stories,.studio20-blog-grid,.grid,.insta20-grid,.playlist-grid){gap:var(--s285-card-gap)!important;}
body:not(.admin-body) :where(.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.post-card,.track-card,.playlist-card,.music-card,.tool-card,.service-v2,.value){border-radius:var(--s285-radius);}
body:not(.admin-body) :where(.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.post-card,.track-card,.playlist-card,.music-card,.tool-card,.service-v2,.value) :where(h2,h3,h4,.title,.name,.track-title,.video-title,.yt-title,.post-title,.story-title){
  max-width:100%;overflow-wrap:anywhere;word-break:normal;text-wrap:pretty;
}
body:not(.admin-body) :where(.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.post-card,.playlist-card,.music-card) :where(h2,h3,h4,.title,.name,.track-title,.video-title,.yt-title,.post-title,.story-title){
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
body:not(.admin-body) :where(p,.subtitle,.description,.desc,.meta,.caption,.lead){overflow-wrap:anywhere;}

/* Media boxes remain stable while files appear. */
body:not(.admin-body) :where(.video-thumb,.yt-lite,.yt-frame,.gallery-thumb,.story-cover,.insta20-item,.portrait,.media-thumb){overflow:hidden;background:color-mix(in srgb,var(--studio-accent,var(--primary,#24bdf2)) 6%,#080b10);}
body:not(.admin-body) :where(.video-thumb,.yt-lite,.yt-frame) :where(img,video,iframe){width:100%;height:100%;object-fit:cover;}
body:not(.admin-body) img[data-s285-media="loading"]{opacity:.7;}
body:not(.admin-body) img[data-s285-media="ready"]{opacity:1;transition:opacity .18s ease;}
body:not(.admin-body) [data-s285-media="error"]{background:linear-gradient(135deg,color-mix(in srgb,var(--studio-accent,var(--primary,#24bdf2)) 10%,#0a0d12),#07090d)!important;}

/* Interaction geometry: centered icons, readable labels and reliable touch area. */
body:not(.admin-body) :where(button,.btn,.hero-btn,.hero-action,.action-btn,.yt-btn,.filter-btn,.g213-chip,.mode-btn,.view-btn,.lb-btn,.lb-nav,.nav-btn,.icon-btn-v2,.main-center-play,.modal-main-play){
  min-height:var(--s285-touch);min-width:var(--s285-touch);max-width:100%;
}
body:not(.admin-body) :where(.icon-btn-v2,.view-btn,.lb-btn,.lb-nav,.nav-btn,.main-center-play,.modal-main-play,.slider-arrow,.close,.yt-close,.insta20-close){
  display:grid!important;place-items:center!important;line-height:1!important;
}
body:not(.admin-body) :where(button,.btn,.hero-btn,.hero-action,.action-btn,.yt-btn,.filter-btn,.g213-chip,.mode-btn){text-align:center;justify-content:center;align-items:center;}
body:not(.admin-body) :where(button,.btn,.hero-btn,.hero-action,.action-btn,.yt-btn,.filter-btn,.g213-chip,.mode-btn):focus-visible{outline:2px solid var(--s285-focus)!important;outline-offset:3px!important;}

/* Header cannot squeeze the brand or stack controls on narrow phones. */
#studioGlobalHeader,#studioGlobalHeader .studio-gh-inner{max-width:100%;min-width:0;}
#studioGlobalHeader .studio-gh-inner{width:100%;}
#studioGlobalHeader .studio-gh-brand{min-width:0;overflow:hidden;}
#studioGlobalHeader .studio-gh-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#studioGlobalHeader .studio-gh-actions{flex:0 0 auto;min-width:0;}
#studioGlobalHeader .studio-gh-action{display:grid!important;place-items:center!important;flex:0 0 auto;}

/* Music player: card titles may wrap, fixed player metadata stays compact and controls stay centered. */
body[data-page="music"] .player-bar .track-meta :where(.track-title,.title,strong,b){display:block!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;}
body[data-page="music"] :where(.playlist-card,.track-card,.music-card) :where(.track-title,.title){white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
body[data-page="music"] :where(.player-bar,.modal-content,.playlist-card,.track-card){min-width:0;max-width:100%;}
body[data-page="music"] input[type="range"]{min-height:32px;touch-action:manipulation;}

/* Viewers and dialogs always fit the dynamic viewport and safe area. */
body:not(.admin-body) :where(.lightbox-content-box,.viewer-shell,.yt-viewer-box,.modal-content,.studio282-help-card){max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);}
body:not(.admin-body) :where(.lightbox,.viewer,.yt-viewer,.modal-player,.insta20-view,.studio282-install-help){overscroll-behavior:contain;}

@media(hover:hover) and (pointer:fine){
  body:not(.admin-body) :where(.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.post-card,.playlist-card,.music-card,.tool-card,.service-v2,.value):hover{transform:translateY(-2px);}
}
@media(pointer:coarse){
  body:not(.admin-body) :where(button,.btn,.hero-btn,.hero-action,.action-btn,.yt-btn,.filter-btn,.g213-chip,.mode-btn,.gallery-card,.video-card,.yt-card,.story-card,.playlist-card):active{transform:scale(.985);}
}
@media(max-width:760px){
  :root{--s285-touch:46px;--s285-card-gap:9px;}
  #studioGlobalHeader .studio-gh-inner{padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))!important;gap:7px!important;}
  #studioGlobalHeader .studio-gh-name{font-size:clamp(.72rem,3.1vw,.86rem)!important;}
  #studioGlobalHeader .studio-gh-action{width:44px!important;height:44px!important;min-width:44px!important;}
  body:not(.admin-body) :where(.toolbar,.toolbar-shell,.gallery-toolbar-shell,.yt-toolbar,.library-toolbar){max-width:100%;}
  body:not(.admin-body) :where(.filters,.filter-buttons,.chips,.tags,.tabs,.category-tabs){display:flex;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scroll-snap-type:x proximity;}
  body:not(.admin-body) :where(.filters,.filter-buttons,.chips,.tags,.tabs,.category-tabs)>*{flex:0 0 auto;scroll-snap-align:start;}
  body[data-page="gallery"] .gallery-grid{gap:7px!important;}
  body[data-page="videos"] .video-grid,body[data-page="youtube"] .yt-grid{grid-template-columns:minmax(0,1fr)!important;}
  body[data-page="music"] .player-bar{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;}
  body:not(.admin-body) :where(.viewer-actions,.modal-controls,.hero-actions,.page-actions){row-gap:7px;}
}
@media(max-width:390px){
  #studioGlobalHeader .studio-gh-logo{width:30px!important;height:30px!important;min-width:30px!important;}
  #studioGlobalHeader .studio-gh-brand{max-width:calc(100% - 98px)!important;}
  body:not(.admin-body) :where(.hero-actions,.page-actions,.viewer-actions,.modal-controls)>:where(button,.btn,a){flex:1 1 128px;min-width:0;}
  body[data-page="about"] :where(.stats,.values){grid-template-columns:minmax(0,1fr)!important;}
}
@media(max-width:340px){
  #studioGlobalHeader .studio-gh-name{max-width:12ch;}
  body:not(.admin-body) :where(.hero-actions,.page-actions,.viewer-actions,.modal-controls)>:where(button,.btn,a){flex-basis:100%;}
}
@media(orientation:landscape) and (max-height:520px){
  body:not(.admin-body) :where(.lightbox-content-box,.viewer-shell,.yt-viewer-box,.modal-content){max-height:calc(100dvh - 10px);}
  body[data-page="music"].studio275-has-dock{padding-bottom:max(150px,var(--s280-music-gap))!important;}
}
@media(prefers-reduced-motion:reduce){
  body:not(.admin-body) img[data-s285-media="ready"]{transition:none!important;}
  body:not(.admin-body) :where(.gallery-card,.gallery-item,.video-card,.yt-card,.story-card,.post-card,.playlist-card,.music-card,.tool-card,.service-v2,.value){transition:none!important;}
}

/* ===== v28.5.1 recovery shell ===== */
body:not(.admin-body).studio-v2851{opacity:1!important;visibility:visible!important;min-width:0}
body:not(.admin-body) .studio2851-retry{min-height:40px;padding:8px 13px;margin-inline-start:8px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.1);color:inherit;font:800 .8rem/1 system-ui;cursor:pointer;touch-action:manipulation}
body:not(.admin-body) [data-s2851-timeout="1"]{animation:none!important;max-width:100%;overflow-wrap:anywhere}
@media(max-width:430px){body:not(.admin-body) .studio2851-retry{display:inline-flex;align-items:center;justify-content:center;min-width:118px;margin-top:8px}}


/* v28.6.0 — lighter offscreen rendering on card-heavy pages */
@supports (content-visibility:auto){
  body[data-page="gallery"] .gallery-item,
  body[data-page="videos"] .video-card,
  body[data-page="stories"] .story-card,
  body[data-page="instagram"] .insta20-item,
  body[data-page="blog"] .studio20-article{content-visibility:auto;contain-intrinsic-size:320px 260px}
}

/* v28.6.2 browser recovery: public UI must fail open, never behind a legacy loader */
html body:not(.admin-body) .studio-loader,html body:not(.admin-body) #studioLoader,html body:not(.admin-body) #preloader,html body:not(.admin-body) .preloader,html body:not(.admin-body) .page-loader,html body:not(.admin-body) .site-loader,html body:not(.admin-body) .loading-screen{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html,body{opacity:1!important;visibility:visible!important}