:root{--ink:#f6f8ff;--muted:#94a3bd;--line:#21304d;--cyan:#09d5f4;--violet:#a259ff;--panel:#080e1b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#020610;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}main{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 75% 11%,#071d49 0,transparent 28%),linear-gradient(180deg,#020610,#040917 65%,#020610)}
.site-header{height:86px;max-width:1420px;padding:0 44px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30;border-bottom:1px solid #768fc21f}.brand{font-size:32px;font-weight:850;letter-spacing:-2px}.brand span,.hero h1 span{background:linear-gradient(120deg,var(--cyan),#408cff 55%,var(--violet));color:transparent;background-clip:text}nav{display:flex;gap:60px;color:#c3ccdc}nav a:hover{color:#fff}.admin-button,.secondary{padding:13px 20px;border-radius:11px;border:1px solid #425170;background:#070c1999;cursor:pointer}.admin-button{display:inline-flex;align-items:center;gap:8px}.menu{display:none;border:0;background:transparent;font-size:25px}
.hero{max-width:1420px;min-height:720px;padding:72px 44px 110px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:85px}.hero__copy{position:relative;z-index:2}.eyebrow,.kicker{display:inline-flex;color:#a9bfe0;font-size:12px;font-weight:750;letter-spacing:.1em}.eyebrow{padding:10px 15px;border:1px solid #205a86;border-radius:30px;background:#071326}.hero h1{max-width:650px;margin:28px 0 22px;font-size:clamp(58px,5.4vw,86px);line-height:.98;letter-spacing:-5px}.hero__copy>p{max-width:620px;color:var(--muted);font-size:20px;line-height:1.7}.hero__actions{display:flex;gap:18px;margin-top:38px}.primary,.secondary{min-width:190px;height:58px;display:flex;justify-content:center;align-items:center;font-weight:750}.primary{gap:25px;border-radius:12px;background:linear-gradient(110deg,#06cce9,#268cff 53%,#a34eff);box-shadow:0 0 30px #087ab866}.hero__proof{display:flex;align-items:center;gap:20px;margin-top:40px;color:#73819d;font-size:12px}.hero__proof b{display:block;color:#d9e3f7;font-size:15px;margin-bottom:3px}.hero__proof i{width:1px;height:30px;background:#26334c}.hero__visual{width:min(530px,100%);justify-self:center;position:relative}.drag-tip{position:absolute;bottom:-42px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 13px;color:#8391a9;font-size:12px;border:1px solid #293650;border-radius:20px;background:#050a14}
.depth-card{appearance:none;padding:0;display:block;width:100%;aspect-ratio:4/5;position:relative;overflow:hidden;border:1px solid #334d76;border-radius:22px;background:#0c1425;box-shadow:0 25px 65px #0009;cursor:pointer;text-align:left;transition:transform .13s ease,border .2s;transform-style:preserve-3d}.depth-card:hover,.depth-card:focus-visible{border-color:#15cae9;outline:none}.depth-card>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .16s ease-out}.depth-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02081788 0,transparent 33%,#020713ed 100%)}.depth-card--hero{border-color:#4d75b4;box-shadow:0 45px 110px #000c,0 0 55px #1267a42b}.depth-badge{position:absolute;z-index:2;top:18px;left:18px;padding:7px 10px;border:1px solid #3bcce399;border-radius:20px;background:#03121ccc;color:#bceef7;font-size:10px;font-weight:800;letter-spacing:.1em}.card-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.card-copy>span{color:#52dbf2;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.card-copy h3{font-size:clamp(22px,2vw,30px);margin:8px 0}.card-copy small{color:#b6c1d4;display:block}.preview-button{margin-top:14px;border:1px solid #39d7ed;background:#0a2639e8;color:#fff;border-radius:999px;padding:9px 15px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.preview-button:hover,.preview-button:focus-visible{background:#17bad3;color:#021017;outline:none}
.home-showcase,.gallery-page,.about{max-width:1340px;margin:auto;padding:110px 44px}.home-showcase{border-top:1px solid #13203a}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading h2,.about h2{font-size:clamp(40px,4vw,60px);letter-spacing:-3px;margin:12px 0 0}.section-heading>a{color:#58ddf2}.gallery-page{min-height:800px;padding-top:80px}.gallery-title{max-width:760px}.gallery-title h1{font-size:clamp(55px,7vw,92px);letter-spacing:-5px;margin:16px 0}.gallery-title p{font-size:19px;line-height:1.7;color:var(--muted)}.filter-row{display:flex;gap:10px;margin:44px 0 30px;overflow:auto;padding-bottom:3px}.filter-row button{border:1px solid #273553;background:#080e1b;padding:10px 18px;border-radius:30px;color:#8e9bb4;cursor:pointer}.filter-row button.active{color:#fff;border-color:#11b9e1;background:#0a2639}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.gallery-grid--preview{grid-template-columns:repeat(3,1fr);margin-top:38px}
.about{text-align:center}.about h2{max-width:760px;margin:14px auto 60px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.steps article{padding:36px;min-height:250px;border:1px solid #1d2c48;border-radius:22px;background:linear-gradient(145deg,#0b1222,#060b15)}.steps article b{color:#14cee9;font-size:12px}.steps h3{margin:52px 0 12px;font-size:22px}.steps p{color:var(--muted);line-height:1.7}footer{max-width:1340px;margin:auto;min-height:145px;padding:30px 44px;border-top:1px solid #172239;display:flex;align-items:center;justify-content:space-between;color:#77849c}footer .brand{color:#fff;font-size:25px}
.viewer,.drawer-shell{position:fixed;inset:0;z-index:100;background:#01030af2;backdrop-filter:blur(18px);display:grid;place-items:center;padding:24px}.viewer__close{position:fixed;z-index:3;right:28px;top:24px;border:1px solid #455474;background:#0a1221;width:46px;height:46px;border-radius:50%;font-size:30px;cursor:pointer}.viewer__layout{width:min(1180px,94vw);height:min(780px,88vh);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(330px,.7fr);gap:42px;align-items:center}.depth-render{aspect-ratio:4/5;width:100%;max-height:86vh;position:relative;overflow:hidden;border:1px solid #42638f;border-radius:25px;background:#070d18;box-shadow:0 0 90px #09486e55;touch-action:none}.depth-render canvas,.depth-render img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.depth-render canvas:not([data-ready=true]){display:none}.viewer__info h2{font-size:clamp(48px,6vw,78px);letter-spacing:-4px;margin:18px 0}.viewer__info>p{color:#c1ccdf;font-size:18px;line-height:1.7}.viewer__instruction{display:grid;gap:7px;margin:32px 0;padding:20px;border:1px solid #263b5e;border-radius:15px;background:#07111f}.viewer__instruction span{color:#8998b2;font-size:13px;line-height:1.5}.music-control{padding:14px 18px;border:1px solid #44709d;border-radius:30px;background:#071326;cursor:pointer}.music-control:disabled{opacity:.5;cursor:not-allowed}
.music-player{display:grid;gap:15px;justify-items:start}
.drawer-shell{place-items:stretch end;padding:0;background:#01030aaa}.admin-drawer{width:min(570px,100%);height:100%;overflow:auto;padding:34px;background:#070c17;border-left:1px solid #273a5e;box-shadow:-25px 0 80px #000b}.drawer-head{display:flex;justify-content:space-between;align-items:start}.drawer-head h2{font-size:35px;margin:8px 0}.drawer-head button{border:0;background:transparent;font-size:34px;cursor:pointer}.drawer-intro{color:var(--muted);line-height:1.6}.admin-drawer form{display:grid;gap:18px;margin-top:28px}.admin-drawer label{color:#b3bed3;font-size:13px;font-weight:700;display:grid;gap:8px}.admin-drawer input,.admin-drawer textarea,.admin-drawer select{width:100%;color:#fff;border:1px solid #263754;background:#0b1220;border-radius:10px;padding:13px 14px;outline:none}.admin-drawer input:focus,.admin-drawer textarea:focus,.admin-drawer select:focus{border-color:#12c3e5}.admin-drawer textarea{min-height:78px;resize:vertical}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{margin:0;padding:17px;border:1px solid #1e2d48;border-radius:15px;display:grid;gap:12px}legend{color:#dbe4f5;padding:0 7px;font-weight:700}legend small{color:#71809c;font-weight:400}.file-drop{min-height:95px;place-content:center;justify-items:center;border:1px dashed #35527c;border-radius:12px;background:#091425;cursor:pointer}.file-drop input{display:none}.file-drop b{color:#dcecff}.file-drop span{color:#6e819f;font-weight:400}.file-drop--small{min-height:72px}.or{justify-self:center;color:#5f6c82;font-size:11px}.toggle-row{grid-template-columns:auto auto 1fr!important;align-items:center;cursor:pointer}.toggle-row input{display:none}.toggle-row span{width:38px;height:22px;border-radius:20px;background:#29354a;position:relative}.toggle-row span:after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;transition:.2s}.toggle-row input:checked+span{background:#0ebbd7}.toggle-row input:checked+span:after{left:19px}.notice{color:#86dcf0;margin:0}.publish{border:0;padding:15px;border-radius:11px;font-weight:800;background:linear-gradient(100deg,#09cce8,#8f52ff);cursor:pointer}.publish:disabled{opacity:.55}
@media(max-width:1050px){.site-header{padding:0 25px}nav{gap:30px}.hero{grid-template-columns:1fr;justify-items:center;text-align:center}.hero__copy{display:grid;justify-items:center}.hero__visual{width:min(530px,75vw)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.viewer__layout{gap:28px}.home-showcase,.gallery-page,.about{padding-left:28px;padding-right:28px}}
@media(max-width:740px){.site-header{height:70px}.brand{font-size:27px}nav{position:absolute;top:70px;left:15px;right:15px;display:none;padding:18px;gap:20px;flex-direction:column;background:#080e1bf5;border:1px solid #243452;border-radius:14px}nav.open{display:flex}.admin-button{margin-left:auto;padding:10px 12px}.admin-button span{display:none}.menu{display:block}.hero{min-height:auto;padding:55px 20px 95px;gap:60px}.hero h1{font-size:51px;letter-spacing:-3px}.hero__copy>p{font-size:16px}.hero__actions{width:100%;flex-direction:column}.primary,.secondary{width:100%}.hero__proof{flex-wrap:wrap;justify-content:center}.hero__visual{width:min(440px,88vw)}.home-showcase,.gallery-page,.about{padding:80px 20px}.section-heading{align-items:start;flex-direction:column}.gallery-page{padding-top:55px}.gallery-title h1{font-size:52px;letter-spacing:-3px}.gallery-grid,.gallery-grid--preview{grid-template-columns:repeat(2,1fr);gap:13px}.depth-card{border-radius:16px}.card-copy{left:14px;right:14px;bottom:15px}.card-copy h3{font-size:19px}.card-copy small{font-size:10px}.depth-badge{top:11px;left:11px}.steps{grid-template-columns:1fr}.steps article{min-height:210px}footer{padding:35px 20px;flex-direction:column;gap:18px;text-align:center}.viewer{padding:10px;overflow:auto}.viewer__layout{width:100%;height:auto;min-height:100%;grid-template-columns:1fr;padding:60px 0 25px}.depth-render{width:min(92vw,500px);margin:auto}.viewer__info{padding:0 15px 25px}.viewer__info h2{font-size:46px;letter-spacing:-2px}.viewer__close{right:16px;top:14px}.admin-drawer{padding:25px 20px}.form-pair{grid-template-columns:1fr}}
@media(max-width:420px){.gallery-grid,.gallery-grid--preview{grid-template-columns:1fr 1fr}.card-copy h3{font-size:17px}.card-copy>span,.card-copy small{font-size:9px}}

.admin-list .edit-link{display:inline-flex;margin-top:7px;color:#51dcef;font-size:12px;font-weight:800;text-decoration:none}.admin-list .edit-link:hover{text-decoration:underline}.admin-form fieldset>small{display:block;margin:-2px 0 12px;color:#7f91ad;overflow-wrap:anywhere}.admin-form .secondary{display:inline-flex;margin-top:12px;text-decoration:none;justify-content:center}
/* Product-ready preview controls and device compatibility guidance. */
.music-control{min-height:50px;padding:10px 18px 10px 11px;display:inline-flex;align-items:center;gap:11px}
.music-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#11cbe8,#7563ff);box-shadow:0 0 20px #16cce744}
.icon-play{width:0;height:0;margin-left:3px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff}
.icon-pause{display:none;gap:4px}.icon-pause i{display:block;width:4px;height:13px;border-radius:2px;background:#fff}
.music-control.is-playing .icon-play{display:none}.music-control.is-playing .icon-pause{display:flex}
.music-label{font-size:13px;font-weight:800}.viewer-actions{display:flex;flex-wrap:wrap;gap:9px}
.viewer-actions[hidden],.ios-note[hidden]{display:none!important}
.viewer-action{min-height:40px;display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #334d70;border-radius:10px;background:#091325;color:#cce3f3;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.viewer-action:hover,.viewer-action:focus-visible{border-color:#24cbe4;color:#fff;outline:none}
.ios-note{max-width:540px;margin:2px 0 0;padding:14px 16px;border:1px solid #655327;border-radius:12px;background:#211a0c;color:#cbb98d;font-size:12px;line-height:1.55}
.ios-note b{display:block;margin-bottom:3px;color:#ffe4a0}.guide-intro{max-width:580px;color:var(--muted);font-size:15px;line-height:1.7}
.facebook-guide{border-bottom:1px solid #13203a}.facebook-guide li{grid-template-columns:34px 150px 1fr}
@media(max-width:740px){.facebook-guide li{grid-template-columns:34px 1fr}.facebook-guide li span{grid-column:2}.viewer-actions{width:100%}.viewer-action{flex:1 1 145px;justify-content:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.extension,.upload-guide{max-width:1340px;margin:auto;padding:110px 44px;border-top:1px solid #13203a}.extension{display:grid;grid-template-columns:1.1fr .72fr;gap:80px;align-items:center}.extension h2,.upload-guide h2{font-size:clamp(42px,4.6vw,68px);line-height:1.02;letter-spacing:-4px;margin:16px 0 24px}.extension__copy>p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.75}.browser-row{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.browser-row span{padding:10px 14px;border:1px solid #2a466c;border-radius:30px;background:#091426;color:#cde8f4;font-size:13px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0 0;padding:0;list-style:none}.feature-list li{display:grid;gap:7px;padding:20px;border:1px solid #1d304d;border-radius:14px;background:#07101f}.feature-list span{color:#8191aa;font-size:13px;line-height:1.55}.feature-list code,.upload-guide code{color:#72e7f8}.price-card{padding:42px;border:1px solid #31527c;border-radius:25px;background:radial-gradient(circle at 50% 0,#143458 0,transparent 45%),#07101e;box-shadow:0 35px 90px #0009}.price-card__tag{font-size:11px;font-weight:850;letter-spacing:.13em;color:#6fe7f8}.price{font-size:88px;font-weight:900;letter-spacing:-7px;margin:20px 0 4px}.price sup{font-size:30px;vertical-align:top;position:relative;top:15px;margin-right:6px}.price-card>p{color:#9caac0}.buy-button{width:100%;margin:28px 0 14px}.price-card>small{display:block;text-align:center;color:#71809b}.desktop-alert{display:grid;gap:8px;margin-top:30px;padding:18px;border:1px solid #765e28;border-radius:13px;background:#2c220d;color:#f8dea1}.desktop-alert span{font-size:13px;line-height:1.55;color:#d1bd8e}.upload-guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.upload-guide ol{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:guide}.upload-guide li{display:grid;grid-template-columns:34px 130px 1fr;align-items:center;gap:16px;padding:20px;border:1px solid #1c2d49;border-radius:14px;background:#07101d;counter-increment:guide}.upload-guide li:before{content:counter(guide);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0b3345;color:#67e3f5;font-weight:800}.upload-guide span{color:#8998b0;line-height:1.6}
@media(max-width:1050px){.extension,.upload-guide{padding-left:28px;padding-right:28px}.extension,.upload-guide{grid-template-columns:1fr}.price-card{width:min(560px,100%);justify-self:center}}
@media(max-width:740px){.extension,.upload-guide{padding:80px 20px}.feature-list{grid-template-columns:1fr}.price-card{padding:28px 22px}.upload-guide li{grid-template-columns:34px 1fr}.upload-guide li span{grid-column:2}}
.depth-live{position:absolute;right:16px;bottom:16px;padding:7px 10px;border:1px solid #74e9fa80;border-radius:30px;background:#03121ccc;color:#c8f8ff;font-size:9px;font-weight:850;letter-spacing:.13em;pointer-events:none;box-shadow:0 0 18px #0ad6f344}
.admin-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 0,#102b57 0,transparent 36%),#020610}.admin-login{width:min(480px,100%);padding:44px;border:1px solid #28426b;border-radius:24px;background:#080e1bf2;box-shadow:0 30px 100px #000b}.admin-login .brand{display:inline-block;margin-bottom:55px}.admin-lock{color:#69e5f7;font-size:11px;font-weight:850;letter-spacing:.13em}.admin-login h1,.admin-heading h1{margin:12px 0;font-size:clamp(46px,6vw,70px);letter-spacing:-4px}.admin-login>p,.admin-heading p{color:var(--muted);line-height:1.7}.admin-login form{display:grid;gap:18px;margin:30px 0}.admin-login label,.admin-form label{display:grid;gap:8px;color:#bdc8da;font-size:13px;font-weight:700}.admin-login input,.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:14px;color:#fff;border:1px solid #2c4162;border-radius:11px;background:#0b1425;outline:none}.admin-login input:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:#15cde9;box-shadow:0 0 0 3px #15cde918}.admin-error{color:#ff9eaa;margin:0}.back-link{color:#8292ad;font-size:13px}.admin-loading{color:#99a9c2}.admin-page--dashboard{display:block;padding:0}.admin-topbar{height:82px;padding:0 max(24px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2b47;background:#050a14}.admin-topbar>div{display:flex;align-items:center;gap:20px;color:#91a1bb;font-size:13px}.admin-topbar button{padding:10px 14px;color:#c6d2e5;border:1px solid #344868;border-radius:9px;background:#0a1221;cursor:pointer}.admin-workspace{width:min(860px,calc(100% - 40px));margin:70px auto 110px}.admin-heading{margin-bottom:38px}.admin-heading h1{font-size:56px}.admin-form{display:grid;gap:20px;padding:32px;border:1px solid #253a5c;border-radius:22px;background:#070d19}.admin-form textarea{min-height:88px;resize:vertical}.admin-form fieldset{background:#09111f}.admin-form .publish{min-height:52px}
@media(max-width:620px){.admin-page{padding:18px}.admin-login{padding:30px 22px}.admin-login .brand{margin-bottom:42px}.admin-topbar{padding:0 18px}.admin-topbar .brand{font-size:23px}.admin-topbar>div a{display:none}.admin-workspace{width:calc(100% - 28px);margin-top:45px}.admin-heading h1{font-size:43px;letter-spacing:-3px}.admin-form{padding:20px 16px}.admin-form .form-pair{grid-template-columns:1fr}}
.paired-upload{border-color:#7c4dca!important;background:linear-gradient(135deg,#211337,#11101f)!important}.file-drop--pair{min-height:118px;border-color:#9b5cff;background:#181027}.pair-status{margin:0;padding:11px 13px;border-radius:9px;font-size:12px;line-height:1.5}.pair-status--ok{color:#c8ffe9;background:#123a2d;border:1px solid #2c8d68}.pair-status--error{color:#ffc5cd;background:#411722;border:1px solid #9c3447}.pair-status--checking,.pair-status--idle{color:#e6d5ff;background:#21143a;border:1px solid #614492}

/* DepthPop extension palette and icon system */
:root{--ink:#f8f5ff;--muted:#aaa3bd;--line:#33234e;--cyan:#b15cff;--violet:#ff5fd2;--panel:#0d0916;--accent:#a55cff;--accent-2:#f257d0}
body{background:#07050c}
main{background:radial-gradient(circle at 74% 9%,#37155e 0,transparent 28%),radial-gradient(circle at 12% 40%,#171034 0,transparent 31%),linear-gradient(180deg,#090611,#10091c 65%,#07050c)}
.icon{width:1.15em;height:1.15em;display:inline-block;flex:0 0 auto;vertical-align:-.18em}
nav a,.eyebrow,.depth-badge,.preview-button,.primary,.admin-button,.browser-row span,.viewer-action,.viewer__instruction b,.drag-tip,.section-heading>a{display:inline-flex;align-items:center;gap:8px; padding:10px;}
.brand span,.hero h1 span{background:linear-gradient(120deg,#b766ff,#ff5ac8);color:transparent;background-clip:text}
.site-header{border-bottom-color:#8e5cbe26;background:#090611a6;backdrop-filter:blur(18px)}
nav a.active,nav a:hover,.section-heading>a{color:#d9b7ff}
.admin-button,.secondary{border-color:#4a365f;background:#130d20cc}
.buy-now-header,.primary{border:0;background:linear-gradient(120deg,#7b3ff0,#b74cff 52%,#ed58c8);box-shadow:0 12px 34px #9c45e84a}
.eyebrow{border-color:#63378d;background:#1a0e2a;color:#e3caff}
.depth-card{border-color:#4c336a;background:#160f24;box-shadow:0 25px 65px #000b}
.depth-card:hover,.depth-card:focus-visible{border-color:#c86cff;box-shadow:0 28px 75px #000c,0 0 35px #a855f733}
.depth-card--hero{border-color:#8c54c5;box-shadow:0 45px 110px #000c,0 0 60px #a855f735}
.depth-badge{border-color:#b96aff99;background:#160b26dc;color:#ebd5ff}
.card-copy>span,.steps article b,.price-card__tag,.admin-lock,.admin-form legend{color:#cb7cff}
.preview-button{border-color:#bc6aff;background:#351753e8}
.preview-button:hover,.preview-button:focus-visible{background:#b35cf2;color:#fff}
.filter-row button{border-color:#3d2b54;background:#120c1d}.filter-row button.active{border-color:#b45cff;background:#311849}
.steps article,.feature-list li,.upload-guide li{border-color:#352346;background:linear-gradient(145deg,#160f22,#0d0914)}
.depth-render{border-color:#8550b8;background:#0e0916;box-shadow:0 0 90px #8e35c74a}
.viewer__instruction,.music-control,.viewer-action{border-color:#583970;background:#170d25}
.music-icon{background:linear-gradient(135deg,#8245f5,#ed57c7);box-shadow:0 0 20px #b748e65c}
.viewer-action:hover,.viewer-action:focus-visible{border-color:#c66eff}
.extension,.upload-guide,.home-showcase,.facebook-guide{border-color:#2b1b3c}
.browser-row span{border-color:#533670;background:#180f28;color:#e8d8f7}
.price-card{border-color:#633c83;background:radial-gradient(circle at 50% 0,#3d1d59 0,transparent 47%),#130c1e;box-shadow:0 35px 90px #000b,0 0 55px #a742d021}
.price-card .purchase-reassurance,.price-card .browser-support{display:block;text-align:center;color:#9384a5}.price-card .purchase-reassurance{color:#d1c5dd;font-weight:700}.purchase-flow{display:grid;gap:12px;margin:24px 0;padding:20px 0;border-top:1px solid #49305d;border-bottom:1px solid #49305d;list-style:none}.purchase-flow li{display:flex;align-items:center;gap:12px;color:#e7dfed;font-size:14px;font-weight:650}.purchase-flow li span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border:1px solid #9559bc;border-radius:50%;background:#2b173b;color:#d79aff;font-size:12px;font-weight:900}
.feature-list code,.upload-guide code{color:#d89aff}
.upload-guide li:before{background:#35154a;color:#dc91ff}
.depth-live{border-color:#d17dff80;background:#1a0b2acc;color:#efd9ff;box-shadow:0 0 18px #ae4be84f}
.admin-body,.admin-page{background:radial-gradient(circle at 50% 0,#351950 0,transparent 38%),#08050d}
.admin-form,.admin-list,.login-card,.admin-login{background:#120c1deb;border-color:#4b3266}
.admin-form input,.admin-form textarea,.admin-form select,.login-card input,.admin-login input{background:#0e0917;border-color:#3d2a51}
.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.login-card input:focus,.admin-login input:focus{border-color:#b65fff;box-shadow:0 0 0 3px #b65fff1c}
.admin-form .primary,.login-card .primary,.publish{background:linear-gradient(110deg,#7b3ff0,#b54dff 55%,#ed58c8)}
.menu{width:40px;height:40px;align-items:center;justify-content:center}
@media(max-width:740px){nav{background:#120c1df5;border-color:#493061}}

/* Unified extension theme */
:root{--ink:#f9f7ff;--muted:#aaa4bc;--line:#3c2852;--cyan:#9257f6;--violet:#c650ed;--panel:#100b18;--accent:#8a52f3;--accent-2:#c94ee9}
body{background:#09070e}
main{background:radial-gradient(circle at 76% 7%,#35134f 0,transparent 30%),radial-gradient(circle at 8% 40%,#20113a 0,transparent 32%),linear-gradient(180deg,#0b0811,#120a1b 64%,#09070e)}
.brand{display:inline-flex;align-items:center;gap:11px;letter-spacing:-1.5px;white-space:nowrap}
.brand img{width:40px;height:40px;display:block;border-radius:11px;box-shadow:0 8px 24px #a248e044}
.brand-word{color:#f9f7ff}.brand-word b{font-weight:850;background:linear-gradient(120deg,#9b61ff,#cf51ec);color:transparent;background-clip:text}
footer .brand img,.admin-topbar .brand img{width:34px;height:34px;border-radius:9px}
.eyebrow{border-color:#704099;background:#1c102b;color:#ead8ff}
.primary,.buy-now-header{background:linear-gradient(120deg,#7445dc,#9850ef 52%,#c94ee9);box-shadow:0 12px 34px #984bd848}
.depth-card:hover,.depth-card:focus-visible{border-color:#b963f1;box-shadow:0 28px 75px #000c,0 0 35px #984fe733}
.card-copy>span,.steps article b,.price-card__tag,.admin-lock,.admin-form legend{color:#bc78f1}
.preview-button{border-color:#a761e5;background:#301748e8}.preview-button:hover,.preview-button:focus-visible{background:#9654da}
.filter-row button.active{border-color:#a961e6;background:#301846}
.section-heading>a{color:#c99aef}
.music-icon{background:linear-gradient(135deg,#7650e9,#c64ce3);box-shadow:0 0 20px #984bd65c}
.feature-list code,.upload-guide code{color:#c996f0}
.upload-guide li:before{background:#301645;color:#cf96f4}
.depth-live{border-color:#be77ec80;background:#190d25cc;color:#efdfff;box-shadow:0 0 18px #934bd34f}
.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.login-card input:focus,.admin-login input:focus{border-color:#a75ce7;box-shadow:0 0 0 3px #a75ce71c}
.admin-form .primary,.login-card .primary,.publish{background:linear-gradient(110deg,#7445dc,#9650e9 55%,#c94ee9)}
@media(max-width:740px){.brand{gap:8px}.brand img{width:34px;height:34px;border-radius:9px}}
.admin-body{min-height:100vh;background:#060913;color:#edf5ff}.admin-header{max-width:1380px;margin:auto;padding:24px 4vw;display:flex;align-items:center;justify-content:space-between}.admin-header>div{display:flex;gap:18px}.admin-header a{color:#b9c9db}.danger-link{color:#ff8a9b!important}.admin-layout{max-width:1320px;margin:20px auto 80px;padding:0 4vw;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:28px}.admin-form,.admin-list,.login-card{background:rgba(13,19,35,.92);border:1px solid rgba(126,229,255,.15);border-radius:24px;padding:clamp(24px,4vw,46px);box-shadow:0 24px 80px rgba(0,0,0,.32)}.admin-form form,.login-card form{display:grid;gap:18px;margin-top:28px}.admin-form label,.login-card label{display:grid;gap:8px;color:#aebfd1;font-size:.86rem;font-weight:700}.admin-form input,.admin-form textarea,.login-card input{width:100%;background:#090e1b;border:1px solid #27334a;border-radius:12px;padding:13px 14px;color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form fieldset{border:1px solid #253149;border-radius:16px;padding:18px;display:grid;gap:14px}.admin-form legend{padding:0 8px;color:#70ebf2;font-weight:800}.check{display:flex!important;align-items:center}.check input{width:auto}.admin-form .primary,.login-card .primary{border:0;cursor:pointer;text-align:center}.admin-list article{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #202b40}.admin-list img{width:56px;height:70px;object-fit:cover;border-radius:9px}.admin-list small{display:block;color:#8497ad}.admin-list button{border:0;background:#3a1822;color:#ff91a2;width:32px;height:32px;border-radius:50%;cursor:pointer}.login-card{width:min(480px,calc(100% - 32px));margin:8vh auto}.login-card>.kicker{display:block;margin-top:42px}.alert{padding:13px 15px;border-radius:12px;margin:18px 0}.alert.error{background:#3d1720;color:#ffabb7}.alert.success{background:#103b31;color:#8df2d5}.filter-item{display:contents}.filter-item[hidden],.viewer[hidden]{display:none}@media(max-width:800px){.admin-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.admin-header>div{flex-direction:column;text-align:right}}

/* Final palette normalization: prevents legacy teal rules from surfacing. */
.brand .brand-word{background:none;color:#f9f7ff;-webkit-text-fill-color:initial}
.brand .brand-word b{background:linear-gradient(120deg,#9b61ff,#cf51ec);color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.admin-body{background:radial-gradient(circle at 50% 0,#351950 0,transparent 38%),#08050d;color:#f6f1ff}
.admin-form,.admin-list,.login-card{background:#120c1deb;border-color:#4b3266}
.admin-form input,.admin-form textarea,.login-card input{background:#0e0917;border-color:#3d2a51}
.admin-form fieldset{border-color:#44305b}.admin-form legend{color:#bc78f1}
.admin-list article{border-bottom-color:#352346}

/* Legal pages and FAQ */
.legal-page,.faq-page{min-height:100vh;background:radial-gradient(circle at 75% 5%,#35134f 0,transparent 27%),linear-gradient(180deg,#0b0811,#100a18)}
.legal-hero{max-width:1160px;margin:auto;padding:105px 44px 72px;border-bottom:1px solid #332344}
.legal-hero h1{max-width:900px;margin:17px 0;font-size:clamp(52px,7vw,92px);line-height:1;letter-spacing:-5px}
.legal-hero p{max-width:720px;color:var(--muted);font-size:19px;line-height:1.7}.legal-hero small{display:block;margin-top:22px;color:#776e86}
.legal-content{max-width:1160px;margin:auto;padding:70px 44px 120px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:75px}
.legal-nav{position:sticky;top:110px;align-self:start;display:grid;gap:5px;padding:12px;border:1px solid #3d2a51;border-radius:16px;background:#100b19}
.legal-nav a{padding:10px 12px;border-radius:9px;color:#a99eb8;font-size:13px}.legal-nav a:hover{color:#fff;background:#231333}
.legal-copy{min-width:0}.legal-copy section{padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid #2c1d3a;scroll-margin-top:110px}
.legal-copy section:last-child{border:0}.legal-copy h2{margin:0 0 16px;font-size:27px;letter-spacing:-.7px}.legal-copy p,.legal-copy li{color:#aaa3b8;line-height:1.8}
.legal-copy ul{padding-left:22px}.legal-copy li+li{margin-top:12px}.legal-copy b{color:#eee7f6}.legal-copy a,.faq-list a{color:#ca8af1;text-decoration:underline;text-underline-offset:3px}
.faq-list{max-width:980px;margin:auto;padding:65px 44px 100px;display:grid;gap:13px}
.faq-list details{border:1px solid #3b2850;border-radius:16px;background:#120c1d;overflow:hidden}
.faq-list summary{list-style:none;position:relative;padding:23px 58px 23px 24px;font-size:17px;font-weight:800;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#2c1740;color:#d8a5f4;font-size:20px;font-weight:400}
.faq-list details[open] summary:after{content:"−"}.faq-list details[open] summary{color:#d7a4f4}
.faq-list details p{margin:0;padding:0 24px 24px;color:#aaa3b8;line-height:1.75}.faq-list code{color:#d09af1}
.faq-cta{max-width:1160px;margin:0 auto 110px;padding:42px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #583674;border-radius:22px;background:radial-gradient(circle at 100% 0,#3c1854,transparent 48%),#140c20}
.faq-cta h2{margin:10px 0 8px;font-size:36px;letter-spacing:-2px}.faq-cta p{margin:0;color:var(--muted)}.faq-cta .primary{min-width:210px}
.site-footer{gap:30px}.footer-brand{display:flex;align-items:center;gap:22px}.footer-brand p{margin:0}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:13px}.footer-links a:hover{color:#d9a4f7}
@media(max-width:900px){.legal-content{grid-template-columns:1fr;gap:35px}.legal-nav{position:static;grid-template-columns:repeat(3,1fr)}.site-footer{flex-wrap:wrap}.footer-brand{width:100%;justify-content:center}}
@media(max-width:740px){.legal-hero{padding:70px 20px 48px}.legal-hero h1{letter-spacing:-3px}.legal-hero p{font-size:16px}.legal-content,.faq-list{padding:45px 20px 80px}.legal-nav{grid-template-columns:1fr 1fr}.faq-list summary{font-size:15px}.faq-cta{margin:0 20px 80px;padding:30px 22px;align-items:stretch;flex-direction:column}.footer-brand{flex-direction:column;gap:10px}.footer-links{gap:14px}}

/* Mobile-ready navigation sidebar and gallery */
.mobile-nav-head,.menu-close,.nav-backdrop{display:none}
@media(max-width:740px){
  body.menu-open{overflow:hidden}
  .site-header{height:72px;padding:0 16px;position:relative;z-index:102}
  .site-header>.brand{margin-right:auto}
  .site-header>.admin-button{order:2;min-height:40px;margin:0 8px 0 0;padding:9px 12px}
  .site-header>.admin-button .icon:last-child{display:none}
  .site-header>.menu{order:3;display:inline-flex;flex:0 0 42px;width:42px;height:42px;border:1px solid #4b3266;border-radius:11px;background:#171020}
  .site-header nav{
    display:flex;position:fixed;z-index:104;inset:0 0 0 auto;width:min(86vw,360px);
    padding:18px 18px 28px;gap:6px;flex-direction:column;overflow-y:auto;
    border:0;border-left:1px solid #583970;border-radius:0;
    background:radial-gradient(circle at 100% 0,#351950 0,transparent 40%),#100b18;
    box-shadow:-28px 0 80px #000b;transform:translateX(105%);
    visibility:hidden;transition:transform .26s ease,visibility .26s;
  }
  .site-header nav.open{display:flex;transform:translateX(0);visibility:visible}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #3b2850}
  .mobile-nav-head .brand{font-size:25px}
  .mobile-nav-head .brand img{width:34px;height:34px}
  .menu-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4b3266;border-radius:11px;background:#1a1125;color:#fff;cursor:pointer}
  .site-header nav>a{min-height:52px;padding:0 15px;border-radius:12px;font-size:16px;font-weight:700}
  .site-header nav>a.active{background:#2b1740;color:#e0b9ff}
  .nav-backdrop{position:fixed;z-index:103;inset:0;width:100%;height:100%;border:0;background:#030107b8;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
  body.menu-open .nav-backdrop{display:block;opacity:1;visibility:visible}
  .gallery-page{padding:48px 16px 80px}
  .gallery-title{max-width:100%}
  .gallery-title h1{font-size:clamp(40px,12vw,58px);line-height:1.02;letter-spacing:-3px;margin:14px 0 18px;overflow-wrap:normal}
  .gallery-title p{font-size:16px;line-height:1.65}
  .filter-row{margin:32px -16px 22px;padding:0 16px 8px;scrollbar-width:none}
  .filter-row::-webkit-scrollbar{display:none}
  .filter-row button{flex:0 0 auto;min-height:42px;padding:10px 17px}
  .gallery-grid,.gallery-grid--preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .card-copy{left:12px;right:12px;bottom:12px}
  .card-copy h3{font-size:17px;line-height:1.12}
  .preview-button{width:100%;justify-content:center;padding:9px 8px;font-size:10px}
  .viewer{padding:0}
  .viewer__layout{padding-top:64px}
}
@media(max-width:430px){
  .site-header>.brand .brand-word{font-size:23px}
  .site-header>.admin-button span{display:none}
  .gallery-grid,.gallery-grid--preview{grid-template-columns:1fr}
  .card-copy{left:18px;right:18px;bottom:18px}
  .card-copy h3{font-size:23px}
  .preview-button{width:auto;padding:10px 15px;font-size:11px}
}

/* Unified responsive header and navigation */
.gallery-buy{margin-top:24px;width:max-content}
@media(min-width:741px){
  .site-header nav{display:flex;position:static;align-items:center;gap:clamp(18px,2.7vw,46px);padding:0;background:none;border:0;box-shadow:none;transform:none;visibility:visible}
  .site-header nav>a{white-space:nowrap}
  .site-header>.menu,.mobile-nav-head,.nav-backdrop{display:none!important}
}
@media(max-width:740px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
  .site-header>.brand{min-width:0}
  .site-header>.brand img{flex:0 0 auto}
  .site-header>.admin-button{display:inline-flex!important;margin:0;white-space:nowrap}
  .site-header>.menu{margin:0}
  .site-header nav{top:0;left:auto;right:0;bottom:0}
  .site-header nav>a{display:flex;width:100%;flex:0 0 auto}
  .nav-backdrop{display:block;pointer-events:none}
  body.menu-open .nav-backdrop{pointer-events:auto}
  .gallery-buy{width:100%;justify-content:center}
}
@media(max-width:390px){
  .site-header{grid-template-columns:minmax(0,1fr) auto}
  .site-header>.admin-button{display:none!important}
  .site-header>.menu{grid-column:2}
}

/* Final mobile UX: overrides every legacy dropdown/sidebar rule above. */
@media(max-width:740px){
  html{overflow-x:hidden}
  body{min-width:0;overflow-x:hidden}
  body.menu-open{overflow:hidden;touch-action:none}
  .site-header{
    width:100%;height:68px;padding:0 14px;display:grid;
    grid-template-columns:minmax(0,1fr) auto;gap:10px;
    position:relative;z-index:210;overflow:visible
  }
  .site-header>.brand{min-width:0;margin:0}
  .site-header>.brand img{width:32px;height:32px}
  .site-header>.brand .brand-word{font-size:22px;letter-spacing:-1.2px}
  .site-header>.admin-button{display:none!important}
  .site-header>.menu{
    grid-column:2;display:inline-grid!important;place-items:center;
    width:42px;height:42px;margin:0;padding:0;border:1px solid #4b3266;
    border-radius:12px;background:#171020;color:#fff
  }
  .site-header nav{
    position:fixed!important;z-index:220!important;inset:0 0 0 auto!important;
    width:min(92vw,380px)!important;height:100dvh!important;max-height:none!important;
    margin:0!important;padding:16px 16px 28px!important;
    display:flex!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:7px!important;overflow-x:hidden!important;overflow-y:auto!important;
    border:0!important;border-left:1px solid #583970!important;border-radius:0!important;
    background:radial-gradient(circle at 100% 0,#351950 0,transparent 38%),#100b18!important;
    box-shadow:-28px 0 80px #000d!important;
    transform:translate3d(105%,0,0)!important;visibility:hidden!important;
    opacity:0!important;pointer-events:none!important;
    transition:transform .26s ease,opacity .2s ease,visibility .26s!important
  }
  .site-header nav.open{
    transform:translate3d(0,0,0)!important;visibility:visible!important;
    opacity:1!important;pointer-events:auto!important
  }
  .mobile-nav-head{
    flex:0 0 auto;display:flex!important;align-items:center;justify-content:space-between;
    width:100%;margin:0 0 14px;padding:0 0 16px;border-bottom:1px solid #3b2850
  }
  .mobile-nav-head .brand{display:inline-flex!important;align-items:center;gap:9px}
  .mobile-nav-head .brand-word{font-size:22px}
  .menu-close{display:grid!important;place-items:center;flex:0 0 42px}
  .site-header nav>a{
    display:flex!important;visibility:visible!important;opacity:1!important;
    flex:0 0 52px!important;width:100%!important;min-height:52px!important;
    padding:0 15px!important;border-radius:12px!important;
    color:#cfc5dc!important;font-size:16px!important;font-weight:700!important
  }
  .site-header nav>a:hover,.site-header nav>a:focus-visible{
    color:#fff!important;background:#21132f!important;outline:none
  }
  .site-header nav>a.active{
    color:#f0d8ff!important;background:#2b1740!important
  }
  .nav-backdrop{
    display:block!important;position:fixed!important;z-index:215!important;inset:0!important;
    width:100%!important;height:100dvh!important;margin:0!important;padding:0!important;
    border:0!important;background:#030107c9!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important
  }
  body.menu-open .nav-backdrop{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important
  }
  .hero{
    width:100%;min-height:auto;padding:42px 18px 78px;gap:52px;
    grid-template-columns:minmax(0,1fr);overflow:hidden
  }
  .hero__copy{width:100%;min-width:0}
  .eyebrow{
    max-width:100%;padding:8px 11px;font-size:9px;line-height:1.35;
    letter-spacing:.08em;text-align:center;white-space:normal
  }
  .hero h1{
    max-width:340px;margin:22px auto 18px;
    font-size:clamp(38px,11vw,46px)!important;line-height:1.02;
    letter-spacing:-2.5px!important;text-wrap:balance
  }
  .hero__copy>p{
    max-width:350px;margin-left:auto;margin-right:auto;
    font-size:15px;line-height:1.65;text-wrap:pretty
  }
  .hero__actions{gap:12px;margin-top:28px}
  .primary,.secondary{min-width:0;height:52px}
  .hero__proof{gap:12px;margin-top:28px}
  .hero__proof b{font-size:13px}
  .hero__visual{width:min(100%,380px)}
  .gallery-title h1,.legal-hero h1{
    font-size:clamp(38px,11vw,50px)!important;line-height:1.04;
    letter-spacing:-2.5px!important;text-wrap:balance
  }
  .section-heading h2,.about h2,.extension h2,.upload-guide h2{
    font-size:clamp(34px,9.5vw,44px)!important;letter-spacing:-2px!important
  }
}
@media(max-width:420px){
  .site-header nav{width:100vw!important}
  .hero{padding-left:16px;padding-right:16px}
  .hero h1{font-size:clamp(36px,10.8vw,42px)!important}
  .hero__proof{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero__proof i{display:none}
}

/* Responsive navigation and gallery hero — authoritative release rules. */
.gallery-page{
  padding-top:clamp(52px,6vw,80px);
}
.gallery-title{
  max-width:980px;
}
.gallery-title h1{
  max-width:940px;
  margin:14px 0 20px;
  font-size:clamp(48px,5.2vw,72px);
  line-height:1.01;
  letter-spacing:-4px;
  text-wrap:balance;
}
.gallery-title p{
  max-width:720px;
}

@media(max-width:740px){
  /* The header must not create a lower stacking context than its backdrop. */
  .site-header{
    z-index:auto!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:#090611f2!important;
  }
  .site-header>.brand,
  .site-header>.menu{
    position:relative;
    z-index:202;
  }
  .site-header nav{
    z-index:302!important;
    width:min(88vw,360px)!important;
    padding:max(16px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 100% 0,#4b216f 0,transparent 38%),
      linear-gradient(180deg,#160d21 0%,#0c0812 100%)!important;
    border-left:1px solid #754a91!important;
    box-shadow:-30px 0 90px #000!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate;
  }
  .site-header nav.open{
    opacity:1!important;
    filter:none!important;
  }
  .mobile-nav-head{
    min-height:56px;
    border-color:#513365!important;
  }
  .mobile-nav-head .brand,
  .mobile-nav-head .brand-word{
    color:#fff!important;
    opacity:1!important;
  }
  .menu-close{
    color:#fff!important;
    background:#271436!important;
    border-color:#6c4585!important;
  }
  .site-header nav>a{
    color:#eee7f5!important;
    background:transparent!important;
  }
  .site-header nav>a .icon{
    color:#c77cff!important;
  }
  .site-header nav>a.active{
    color:#fff!important;
    background:linear-gradient(90deg,#542078,#2b153d)!important;
    box-shadow:inset 3px 0 #d56aff;
  }
  .nav-backdrop{
    z-index:301!important;
    background:rgba(5,2,8,.78)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .gallery-page{
    padding:38px 18px 72px!important;
  }
  .gallery-title{
    max-width:620px;
  }
  .gallery-title h1{
    max-width:560px;
    margin:12px 0 16px;
    font-size:clamp(34px,9.2vw,48px)!important;
    line-height:1.04!important;
    letter-spacing:-2.2px!important;
  }
  .gallery-title p{
    max-width:540px;
    margin:0;
    font-size:15px;
    line-height:1.6;
  }
  .gallery-buy{
    min-height:52px;
    margin-top:22px;
  }
}

@media(max-width:520px){
  .site-header nav{
    width:100vw!important;
    border-left:0!important;
  }
  .gallery-title h1{
    font-size:clamp(32px,9.6vw,42px)!important;
  }
}

@media(max-width:380px){
  .gallery-page{
    padding-left:15px!important;
    padding-right:15px!important;
  }
  .gallery-title h1{
    font-size:32px!important;
    letter-spacing:-1.6px!important;
  }
}

/* Gallery transformation showcase */
.gallery-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
  align-items:center;
  gap:clamp(44px,7vw,110px);
  margin-bottom:58px;
}
.gallery-hero .gallery-title{max-width:780px}
.depth-process{
  width:min(100%,520px);
  aspect-ratio:1.15/1;
  justify-self:end;
  position:relative;
  isolation:isolate;
}
.depth-process__glow{
  position:absolute;inset:12% 8%;z-index:-1;border-radius:50%;
  background:radial-gradient(circle,#a83eff55 0,#6425a22d 42%,transparent 72%);
  filter:blur(24px);
}
.process-card{
  position:absolute;display:block;padding:0;overflow:hidden;
  border:1px solid #714296;border-radius:18px;background:#130b1e;
  box-shadow:0 24px 60px #000a;color:#fff;text-align:left;
}
.process-card img{display:block;width:100%;height:100%;object-fit:cover}
.process-card>span{
  position:absolute;z-index:2;top:12px;left:12px;padding:6px 9px;
  border:1px solid #a970d466;border-radius:999px;background:#0c0714d9;
  color:#ead8f7;font-size:9px;font-weight:850;letter-spacing:.11em
}
.process-card--original{width:36%;aspect-ratio:4/5;left:0;top:7%;transform:rotate(-7deg)}
.process-card--depth{width:34%;aspect-ratio:4/5;right:1%;top:4%;transform:rotate(7deg)}
.process-card--depth img{filter:contrast(1.08)}
.process-card--result{
  appearance:none;width:49%;aspect-ratio:4/5;left:26%;bottom:0;z-index:3;
  cursor:pointer;transform:translateY(0);transition:transform .2s ease,border-color .2s ease
}
.process-card--result:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,#09040fd9 100%)
}
.process-card--result:hover,.process-card--result:focus-visible{
  transform:translateY(-7px);border-color:#dc6cff;outline:none
}
.process-card--result b{
  position:absolute;z-index:2;left:0;right:0;bottom:14px;
  display:flex;align-items:center;justify-content:center;gap:7px;
  color:#fff;font-size:11px
}
.process-flow{position:absolute;inset:0;pointer-events:none}
.process-flow i{
  position:absolute;width:8px;height:8px;border-radius:50%;background:#d865ff;
  box-shadow:0 0 16px #d865ff
}
.process-flow i:nth-child(1){left:19%;top:57%}
.process-flow i:nth-child(2){right:18%;top:55%}
.process-flow i:nth-child(3){left:49%;top:5%;width:5px;height:5px;opacity:.65}

/* Mara Prompts acknowledgement */
.mara-credit{
  max-width:1332px;margin:0 auto 110px;padding:36px 40px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;
  border:1px solid #58326f;border-radius:24px;
  background:
    radial-gradient(circle at 90% 10%,#9f3de42b,transparent 32%),
    linear-gradient(120deg,#171020,#0d0913);
  box-shadow:0 24px 70px #0005
}
.mara-credit__mark{
  width:64px;height:64px;display:grid;place-items:center;border-radius:18px;
  background:linear-gradient(135deg,#7040df,#d94fe5);box-shadow:0 12px 34px #a33dda55
}
.mara-credit__mark .icon{width:30px;height:30px}
.mara-credit h2{margin:7px 0 6px;font-size:clamp(28px,3vw,42px);letter-spacing:-2px}
.mara-credit p{max-width:720px;margin:0;color:var(--muted);line-height:1.65}
.mara-credit__button{min-width:210px;padding:0 22px;white-space:nowrap}

@media(max-width:1050px){
  .gallery-hero{grid-template-columns:1fr;gap:44px}
  .depth-process{justify-self:center;width:min(100%,500px)}
  .mara-credit{margin-left:28px;margin-right:28px;grid-template-columns:auto 1fr}
  .mara-credit__button{grid-column:2;width:max-content}
}
@media(max-width:740px){
  .gallery-hero{gap:38px;margin-bottom:40px}
  .depth-process{width:min(92vw,430px)}
  .mara-credit{margin:0 20px 80px;padding:28px 22px;grid-template-columns:1fr;gap:18px;text-align:left}
  .mara-credit__mark{width:54px;height:54px}
  .mara-credit__button{grid-column:1;width:100%;min-width:0}
}
@media(max-width:420px){
  .depth-process{width:100%;aspect-ratio:1.05/1}
  .process-card{border-radius:14px}
  .process-card>span{top:8px;left:8px;padding:5px 7px;font-size:7px}
  .process-card--result b{bottom:10px;font-size:9px}
}

/* Viewer layout fix: keep the complete 4:5 photo visible and above the header. */
.viewer{
  z-index:1000;
  overscroll-behavior:contain;
}
.viewer__close{
  z-index:1002;
}
@media(max-width:740px){
  .viewer{
    display:block;
    padding:0;
    overflow-x:hidden;
    overflow-y:auto;
    background:#07040c;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .viewer__layout{
    width:100%;
    min-height:0;
    height:auto;
    padding:72px 16px 32px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:28px;
  }
  .depth-render{
    flex:none;
    width:min(100%,430px);
    height:auto;
    max-height:none;
    aspect-ratio:4/5;
    margin:0 auto;
    border-radius:22px;
  }
  .viewer__info{
    width:min(100%,430px);
    margin:0 auto;
    padding:0 2px 36px;
  }
  .viewer__info h2{
    margin:12px 0 14px;
    font-size:clamp(36px,11vw,48px);
    line-height:1;
    letter-spacing:-2px;
    overflow-wrap:anywhere;
  }
  .viewer__info>p{
    margin:0;
    font-size:16px;
    line-height:1.6;
  }
  .viewer__instruction{
    margin:24px 0;
  }
  .viewer__close{
    position:fixed;
    top:max(12px,env(safe-area-inset-top));
    right:14px;
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    color:#fff;
    background:#1b1027;
    border-color:#7a4b9c;
    box-shadow:0 8px 28px #000a;
  }
}
@media(max-width:380px){
  .viewer__layout{
    padding-left:12px;
    padding-right:12px;
  }
}