/* V26: graphite glass, central composition and a dimensional tool gallery. */
.theme-page{--ui-bg:#090909;--ui-panel:rgba(33,33,33,.65);--ui-panel-2:#212121;--ui-text:#f5f5f5;--ui-muted:#9d9d9d;--ui-line:#ffffff13;--muted-2:#747474;--line-strong:#ffffff26;background:#090909;color:var(--ui-text)}
.theme-page.platform-page{background:#090909}
.theme-page>.ambient{display:none}
.site-lightfield{background:radial-gradient(ellipse at 50% 5%,#1e1e1e4d,transparent 60%),#090909;animation:depthSceneIn 1.2s ease both}
.site-lightfield:before{width:720px;height:720px;left:calc(50% - 710px);top:80px;clip-path:none;border:0;border-radius:50%;background:radial-gradient(circle,var(--tone-ff143b24,#ff143b24),transparent 62%);filter:blur(65px);opacity:.75;animation:depthOrbit 22s ease-in-out infinite alternate}
.site-lightfield:after{width:640px;height:640px;right:calc(50% - 710px);top:200px;bottom:auto;clip-path:none;border:0;border-radius:50%;background:radial-gradient(circle,#a6b5dd16,transparent 62%);filter:blur(65px);animation:depthOrbit 27s ease-in-out infinite alternate-reverse}
.site-lightfield i{left:0;top:0;width:100%;height:100%;border-radius:0;filter:none;background-image:radial-gradient(#ffffff16 .6px,transparent .6px);background-size:7px 7px;opacity:.18;animation:none;mask-image:linear-gradient(black,transparent 70%)}
/* The brand and navigation share the same visual center. */
.theme-page .site-header{background:transparent;border:0;backdrop-filter:none}
.site-header-inner{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:42px auto;width:min(1240px,calc(100% - 64px));padding:24px 0 0;margin:auto;gap:20px 16px;min-height:0}
.site-brand{position:static;transform:none;grid-column:2;grid-row:1;justify-self:center;order:0;gap:7px;font-size:23px;letter-spacing:-.065em}
.site-brand b{font-size:inherit;letter-spacing:inherit;color:var(--tone-ff3d5d,#ff3d5d)}
.site-brand:before{content:'';width:19px;height:22px;border:1px solid var(--tone-ff678090,#ff678090);border-radius:5px;background:linear-gradient(130deg,var(--tone-ff536f,#ff536f),var(--tone-ff062f,#ff062f));box-shadow:inset 0 1px #ffffff99,inset 0 -4px var(--tone-8c0017,#8c0017),0 4px 13px var(--tone-ff002b20,#ff002b20);transform:rotate(-8deg);margin-right:5px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 65%,45% 50%,0 35%)}
.theme-page .site-account-slot{grid-column:3;grid-row:1;justify-self:end;margin:0;order:0;max-width:100%;flex-wrap:nowrap}
.theme-page .platform-accountbar{position:static;flex-wrap:nowrap;gap:7px}
.theme-page .platform-btn{font-size:10px;padding:10px 13px;border-radius:10px;letter-spacing:0;font-weight:600;background:#ffffff08;border-color:#ffffff13}
.theme-page .platform-pill{background:#ffffff06;border-color:#ffffff12;border-radius:10px;min-height:36px}
.site-nav{display:flex;grid-column:1/-1;grid-row:2;justify-self:center;justify-content:center;flex:none;flex-basis:auto;order:0;gap:5px;border:1px solid #ffffff13;padding:5px;background:linear-gradient(180deg,#ffffff06,#ffffff02),#14141480;box-shadow:inset 0 1px #ffffff07,0 12px 30px #00000033;backdrop-filter:blur(24px);border-radius:15px;overflow:visible;width:auto}
.site-nav-link{font-size:11px;letter-spacing:0;border:1px solid transparent;border-radius:10px;padding:11px 17px;min-height:0;font-weight:500;color:#a8a8a8;display:flex;justify-content:center}
.site-nav-link:nth-child(3){margin:0}
.site-nav-link.active{background:linear-gradient(150deg,var(--tone-ff3e5e20,#ff3e5e20),var(--tone-ff002b0b,#ff002b0b));border:1px solid var(--tone-ff3e5e2b,#ff3e5e2b);color:var(--tone-ff778d,#ff778d);box-shadow:inset 0 1px #ffffff07}
.site-nav-link.active:after{display:none}
.site-nav-link:hover{background:#ffffff06;color:#ffffff}
/* One spatial rhythm on every working page. */
.theme-page :is(.shell,.page-shell,.studio){width:min(1240px,calc(100% - 64px));padding-top:32px}
.theme-page :is(.hero,.studio-head){text-align:center;padding:24px 0 36px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0;max-width:850px}
.theme-page :is(.hero h1,.studio-head h1){font-size:clamp(40px,4.6vw,62px);line-height:1.06;font-weight:650;letter-spacing:-.06em;margin:17px auto 20px;text-wrap:balance}
.theme-page :is(.hero h1 em,.studio-head h1 em){color:var(--tone-ff506d,#ff506d);font-style:normal}
.theme-page :is(.hero p,.studio-head p){font-size:15px;line-height:1.65;color:#a8a8a8;max-width:630px;margin:0 auto 22px;text-wrap:balance}
.theme-page :is(.hero .eyebrow,.studio-head .eyebrow){display:inline-flex;align-items:center;justify-content:center;color:#b0b0b0;font-size:9px;font-weight:600;letter-spacing:.17em;gap:8px}
.theme-page .hero .eyebrow span{background:var(--tone-ff506d,#ff506d);box-shadow:0 0 12px var(--tone-ff506d40,#ff506d40)}
.theme-page .head-actions{display:flex;justify-content:center;margin:0;gap:10px}
.theme-page .site-statusline{display:flex;justify-content:center;min-height:22px;margin:0 0 8px}
.theme-page .search-box{width:min(680px,100%);margin:0 auto 16px;border:1px solid #ffffff20;background:linear-gradient(180deg,#ffffff04,transparent),#1d1d1d6b;backdrop-filter:blur(24px);border-radius:16px;box-shadow:inset 0 1px #ffffff0a,0 20px 45px #00000033;padding:7px}
.theme-page .search-box input{background:none;border:0;box-shadow:none;padding:14px 12px;font-size:13px}
.theme-page .search-box button{border-radius:11px}
.theme-page .micro-row{justify-content:center;flex-wrap:wrap;color:#727272;font-size:10px}
.theme-page .tabs{width:fit-content;margin:0 auto 30px;padding:5px;gap:5px;border:1px solid #ffffff13;background:#1c1c1c66;border-radius:13px;backdrop-filter:blur(24px)}
.theme-page .tab{font-size:12px;padding:11px 24px;border-radius:9px;color:#a0a0a0;font-weight:500}
.theme-page .tab.active{color:var(--tone-ff8599,#ff8599);background:linear-gradient(135deg,var(--tone-ff406024,#ff406024),var(--tone-ff002b10,#ff002b10));border-color:var(--tone-ff3e5e26,#ff3e5e26);box-shadow:inset 0 1px #ffffff0a}
.theme-page :is(.panel,.stat-card,.platform-card,.obs-card,.help-card,.connection-card,.empty-state){background:linear-gradient(150deg,#ffffff07,transparent 45%),rgba(33,33,33,.62);border:1px solid #ffffff16;border-radius:22px;backdrop-filter:blur(28px);box-shadow:inset 0 1px #ffffff08,inset 0 -1px #00000033,0 18px 50px #00000033}
.theme-page :is(.panel,.stat-card,.platform-card):before{display:none}
.theme-page :is(.panel,.stat-card,.platform-card):after{left:25%;right:25%;background:linear-gradient(90deg,transparent,#ffffff35,transparent)}
.theme-page :is(.workspace,.studio-grid){display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:24px;align-items:start}
.theme-page .preview-column{position:sticky;top:24px;order:0}
.theme-page :is(.config-panel,.settings-panel,.preview-panel){padding:26px}
.theme-page :is(.platform-row,.alert-section,.alert-event-card,.sub-accordion,.donation-tier-card,.event-enabled-row,.event-row,.preview-message,.obs-settings>div){background:linear-gradient(130deg,#ffffff04,transparent),#13131370;border-color:#ffffff10;border-radius:13px}
.theme-page .alert-event-card[open]{background:#14141470;border-color:var(--tone-ff516e2b,#ff516e2b)}
.theme-page :is(input[type=text],input[type=url],input[type=number],input[type=password],select,.url-output){background:#0a0a0a6b;border-color:#ffffff14;border-radius:9px;color:#e9e9e9;font-size:12px}
.theme-page :is(.settings-panel label,.option-label,.export-panel label){color:#aeaeae;font-size:11px}
.theme-page :is(.primary-btn,.secondary-btn,.soft-btn,.ghost-btn,.back-btn,.replay-btn){border-radius:10px;min-height:42px;font-size:11px;letter-spacing:0;font-weight:600;box-shadow:inset 0 1px #ffffff07}
.theme-page :is(.soft-btn,.secondary-btn,.ghost-btn,.back-btn,.replay-btn){background:#ffffff06;border-color:#ffffff13;color:#d5d5d5}
.theme-page :is(.primary-btn.primary-btn,.search-box.search-box button,.modal-url-row.modal-url-row button,.accent-btn.accent-btn,.platform-btn.primary){background:linear-gradient(140deg,var(--tone-ff5672,#ff5672),var(--tone-ff163d,#ff163d));color:var(--tone-28180e,#28180e);border-color:var(--tone-ff768c70,#ff768c70);box-shadow:inset 0 1px var(--tone-ff859988,#ff859988),inset 0 -2px var(--tone-a8001c50,#a8001c50),0 5px 14px var(--tone-ff002b12,#ff002b12);font-weight:650}
.theme-page :is(.preview-stage,.chat-frame-wrap,.preview-box){background:radial-gradient(ellipse at 50% 55%,#2323234d,transparent 65%),#0c0c0cab;border-color:#ffffff13;border-radius:18px;box-shadow:inset 0 1px #ffffff0a,inset 0 0 60px #00000022}
.theme-page :is(.preview-head,.chat-header,.chat-bar){background:#ffffff04;border-color:#ffffff13;color:#c4c4c4}
.theme-page .obs-card{padding:16px;gap:12px;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto}
.theme-page .obs-grid{grid-template-columns:1fr}
.theme-page :is(.obs-icon,.event-summary-icon,.connection-icon,.empty-icon){background:linear-gradient(140deg,var(--tone-ff406026,#ff406026),var(--tone-ff002b0b,#ff002b0b));border-color:var(--tone-ff4a6830,#ff4a6830);box-shadow:inset 0 1px #ffffff13;color:var(--tone-ff8599,#ff8599)}
.theme-page .stat-card.hot{background:linear-gradient(140deg,var(--tone-ff1c4218,#ff1c4218),transparent 60%),#21212170;border-color:var(--tone-ff406028,#ff406028)}
.theme-page .stat-label{color:#b2b2b2}
.theme-page :is(.stat-card small,.kicker,.panel-kicker,.preview-top small,.preview-top small,.export-copy span){color:#939393}
.theme-page .platform-page-shell{width:min(1100px,calc(100% - 64px));padding:54px 0 70px;text-align:center}
.theme-page .platform-page-shell h1{font-weight:650;letter-spacing:-.06em}
.theme-page .platform-page-lead{margin:0 auto;color:#a2a2a2}
.theme-page .platform-grid{gap:24px;text-align:left}
.theme-page .platform-card{padding:30px}
.theme-page .platform-message{background:#ffffff04;border:1px solid #ffffff0d;border-radius:14px;color:#a5a5a5}
.theme-page .platform-plan{border-color:var(--tone-ff406030,#ff406030);background:radial-gradient(ellipse at 100% 0,var(--tone-ff406012,#ff406012),transparent 55%),rgba(33,33,33,.62)}
.theme-page .pricing-card{max-width:510px}
.theme-page .platform-paywall{background:#090909ca;backdrop-filter:blur(20px)}
.theme-page :is(.platform-paywall-card,.modal,.obs-modal){background:linear-gradient(130deg,#ffffff07,transparent),#1b1b1be8;border:1px solid #ffffff1f;border-radius:22px;backdrop-filter:blur(30px);box-shadow:inset 0 1px #ffffff0b,0 30px 90px #00000077}
.theme-page .toast{background:#222222eb;border-color:#ffffff20;backdrop-filter:blur(24px)}
/* Homepage: generous whitespace and a layered, functional gallery. */
.theme-page .home-shell{padding:0 0 30px;width:100%;overflow:hidden}
.theme-page .home-center{max-width:none;width:100%;margin:auto;text-align:center}
.depth-intro{padding:56px 24px 8px;margin:auto;position:relative;z-index:1;animation:depthEnter 1s cubic-bezier(.2,.7,.2,1) both}
.depth-eyebrow{display:inline-flex;gap:8px;align-items:center;color:#b1b1b1;font-size:9px;letter-spacing:.2em;padding:8px 12px;border:1px solid #ffffff12;background:#ffffff03;border-radius:100px}
.depth-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--tone-ff506d,#ff506d);box-shadow:0 0 12px var(--tone-ff4a6850,#ff4a6850)}
.theme-page .home-center .depth-intro h1{font-size:clamp(46px,5vw,74px);font-weight:600;letter-spacing:-.065em;line-height:1.07;margin:22px auto 20px;max-width:780px}
.theme-page .home-center .depth-intro h1 em{font-weight:600;font-style:normal;background:linear-gradient(120deg,var(--tone-ff8599,#ff8599),var(--tone-ff3052,#ff3052) 75%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.depth-intro p{font-size:15px;color:#9d9d9d;line-height:1.65;margin:0 auto;max-width:510px;text-wrap:balance}
.depth-intro-meta{display:flex;justify-content:center;align-items:center;gap:12px;font-size:10px;color:#707070;margin-top:20px}
.depth-intro-meta i{width:3px;height:3px;background:#646464;border-radius:50%}
.depth-gallery{width:min(1320px,100%);margin:32px auto 0;position:relative;animation:depthGalleryIn 1.25s .15s cubic-bezier(.2,.7,.2,1) backwards;scroll-margin-top:25px}
.depth-gallery-head{display:flex;justify-content:space-between;align-items:center;width:min(980px,calc(100% - 64px));margin:0 auto 0;padding:0 5px;color:#7f7f7f;font-size:8px;letter-spacing:.16em}
.depth-gallery-head small{font-size:9px;letter-spacing:0;color:#6c6c6c}
.depth-stage{position:relative;height:422px;perspective:1600px;isolation:isolate;margin-top:12px}
.depth-stage{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.depth-stage .tool-layout{transform:translate3d(var(--gallery-drag,0px),0,0);transition:transform .35s cubic-bezier(.22,.7,.18,1);pointer-events:none}
.depth-stage.is-dragging .tool-layout{transition:none}
.depth-stage.is-dragging,.depth-stage.is-dragging .tool-card{cursor:grabbing}
.depth-stage .tool-card{cursor:grab;-webkit-user-drag:none}
.depth-stage .tool-open{cursor:pointer}
.depth-halo{position:absolute;left:50%;top:55%;width:860px;height:410px;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;background:radial-gradient(ellipse,var(--tone-ff0f3728,#ff0f3728),transparent 65%);filter:blur(35px);animation:depthBreathe 8s ease-in-out infinite alternate}
.depth-halo i,.depth-halo b{position:absolute;left:50%;top:56%;width:830px;height:200px;transform:translate(-50%,-50%) rotate(-7deg);border:1px solid var(--tone-ff688130,#ff688130);box-shadow:0 0 40px var(--tone-ff002b25,#ff002b25),inset 0 0 60px var(--tone-ff002b10,#ff002b10);border-radius:50%;filter:blur(1px)}
.depth-halo b{width:660px;height:310px;transform:translate(-50%,-50%) rotate(15deg);opacity:.4}
.depth-rail{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:900px;height:100px;background:radial-gradient(ellipse,var(--tone-ff345516,#ff345516),transparent 65%);border-radius:50%;filter:blur(22px);pointer-events:none}
.theme-page .depth-stage .tool-layout{position:relative;width:100%;height:100%;margin:0;display:block;transform-style:preserve-3d}
.theme-page .tool-card.depth-card{position:absolute;left:50%;top:12px;width:570px;height:378px;min-height:0;padding:27px 30px;border-radius:25px;border:1px solid #ffffff26;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,0%),#ffffff0c,transparent 55%),linear-gradient(150deg,#313131a8,#171717cc 60%);box-shadow:inset 0 1px #ffffff20,inset 0 -1px #00000066,0 28px 55px #00000066,0 2px 3px #00000099;backdrop-filter:blur(32px);text-align:left;gap:0;animation:none;transform:translateX(-50%);transition:transform .85s cubic-bezier(.22,.7,.18,1),filter .85s,opacity .85s,border-color .3s;will-change:transform;isolation:isolate}
.theme-page .tool-card.depth-card:before{inset:0;border:0;border-radius:inherit;background:linear-gradient(130deg,#ffffff06,transparent 30%,transparent 80%,var(--tone-ff325410,#ff325410));display:block}
.theme-page .tool-card.depth-card:after{left:24%;right:24%;top:0;background:linear-gradient(90deg,transparent,var(--tone-ff859990,#ff859990),transparent);height:1px}
.theme-page .depth-card[data-position=active]{transform:translateX(-50%) translateZ(55px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));z-index:4;opacity:1;filter:blur(0);pointer-events:auto;border-color:var(--tone-ff688140,#ff688140)}
.theme-page .depth-card[data-position=next]{transform:translateX(calc(-50% + 340px)) translateZ(-140px) rotateY(-26deg) scale(.86);z-index:2;opacity:.5;filter:blur(1px);pointer-events:auto}
.theme-page .depth-card[data-position=previous]{transform:translateX(calc(-50% - 340px)) translateZ(-140px) rotateY(26deg) scale(.86);z-index:2;opacity:.5;filter:blur(1px);pointer-events:auto}
.theme-page .depth-card[data-position=back]{transform:translateX(-50%) translateZ(-340px) scale(.65);z-index:1;opacity:0;filter:blur(8px);pointer-events:none}
.theme-page .tool-card.depth-card .tool-top{margin-bottom:14px}
.theme-page .depth-card .tool-icon{width:38px;height:38px;border-radius:11px;transform:perspective(120px) rotateY(-8deg);background:linear-gradient(135deg,var(--tone-ff536f38,#ff536f38),var(--tone-da002420,#da002420));border:1px solid var(--tone-ff526e45,#ff526e45);box-shadow:inset 0 1px var(--tone-ff85994a,#ff85994a),inset 0 -3px var(--tone-9600192b,#9600192b),0 5px 10px #00000022;color:var(--tone-ff7289,#ff7289)}
.theme-page .depth-card .tool-icon svg{width:20px;height:20px}
.theme-page .depth-card .tool-number{font-size:9px;color:#7b7b7b;letter-spacing:.06em}
.theme-page .tool-card.depth-card .tool-copy{flex:none}
.theme-page .tool-card.depth-card .tool-kicker{font-size:8px;color:var(--tone-ff3c5c,#ff3c5c);letter-spacing:.16em}
.theme-page .tool-card.depth-card .tool-copy h2{margin:6px 0 9px;font-size:27px;font-weight:600;letter-spacing:-.04em;line-height:1.12}
.theme-page .tool-card.depth-card .tool-copy p{max-width:470px;font-size:11px;line-height:1.65;color:#9e9e9e;text-wrap:balance}
.depth-card .tool-sample{min-height:0;flex:1;margin:17px 0 15px;padding:16px 18px;border:1px solid #ffffff11;background:linear-gradient(140deg,#ffffff03,transparent),#0c0c0c90;border-radius:14px;box-shadow:inset 0 1px #00000044;overflow:hidden;justify-content:center}
.depth-card .sample-counter{flex-direction:row;align-items:center}
.depth-card .sample-counter strong{font-size:35px}
.depth-card .sample-counter .sample-chart{width:51%;height:58px}
.depth-card .sample-live{font-size:7px;color:var(--tone-ff5571,#ff5571)}
.depth-card .sample-counter small{font-size:8px;color:#747474}
.depth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #ffffff0b;padding-top:10px;margin-top:10px;color:#737373;font-size:6px;letter-spacing:.08em}
.depth-metrics b{display:block;color:#c3c3c3;font-weight:500;font-size:11px;margin-top:4px;letter-spacing:0}
.depth-card .sample-chat{gap:10px}
.depth-card .sample-message{font-size:9px;gap:8px}
.depth-card .sample-message b{font-size:9px;color:#dbdbdb}
.depth-card .sample-avatar{width:19px;height:19px;font-size:8px}
.depth-card .sample-chat .sample-message:last-child{display:none}
.depth-chat-status{display:flex;align-items:center;gap:6px;font-size:7px;color:#838383;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff0c}
.depth-chat-status i,.depth-card-note i{width:4px;height:4px;background:#c2c2c2;border-radius:50%}
.depth-chat-status span{margin-left:auto;letter-spacing:2px}
.depth-card .sample-social{justify-content:center;gap:12px}
.depth-card .sample-brand{width:34px;height:34px;flex:none;max-width:none;border-radius:9px;box-shadow:inset 0 1px #ffffff28,0 4px 8px #00000044;transform:perspective(200px) rotateX(5deg)}
.depth-card .sample-handle{border:0;background:none;font-size:14px;margin-top:8px;padding:0}
.depth-card .sample-handle span{font-size:6px;color:#747474}
.depth-social-status{display:flex;gap:8px;justify-content:center;align-items:center;border-top:1px solid #ffffff0b;padding-top:9px;margin-top:10px;font-size:7px;color:#7e7e7e}
.depth-social-status i{width:3px;height:3px;background:#656565;border-radius:50%}
.depth-card .sample-goal>div:first-child{font-size:11px;color:#cecece}
.depth-card .sample-goal>small{font-size:8px}
.depth-card .sample-track{height:6px}
.depth-card .sample-track i{box-shadow:0 0 12px var(--tone-ff375830,#ff375830)}
.depth-card .sample-donation{margin-top:10px;padding:8px 10px;background:var(--tone-ff315310,#ff315310);border-color:var(--tone-ff54701f,#ff54701f)}
.depth-card .sample-donation b{font-size:9px}
.depth-card .sample-donation small{font-size:7px}
.depth-card .sample-donation em{font-size:6px}
.theme-page .tool-card.depth-card .tool-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:0;border:0}
.theme-page .tool-card.depth-card .tool-open{font-size:10px;font-weight:600;margin:0;padding:10px 14px;border-radius:10px;gap:20px;color:var(--tone-ff8599,#ff8599);border:1px solid var(--tone-ff547038,#ff547038);background:linear-gradient(150deg,var(--tone-ff3e5e18,#ff3e5e18),var(--tone-ff284c09,#ff284c09));box-shadow:inset 0 1px #ffffff07}
.depth-card-note{font-size:7px;letter-spacing:.08em;color:#7c7c7c;display:flex;align-items:center;gap:5px}
.depth-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;margin:-2px auto 22px;height:30px}
.depth-arrow,.depth-pause{display:grid;place-items:center;width:30px;height:30px;padding:0;background:#ffffff04;border:1px solid #ffffff12;border-radius:50%;color:#9e9e9e;cursor:pointer;transition:background .2s,border-color .2s}
.depth-arrow:hover,.depth-pause:hover{background:var(--tone-ff406012,#ff406012);border-color:var(--tone-ff406030,#ff406030);color:var(--tone-ff8397,#ff8397)}
.depth-arrow svg,.depth-pause svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
.depth-pause{margin-left:3px;width:25px;height:25px;opacity:.7}
.depth-pause svg{width:11px;height:11px}
.depth-pause:disabled{opacity:.3;cursor:default}
.depth-pagination{display:flex;align-items:center;gap:10px;font-size:8px;font-variant-numeric:tabular-nums;color:#767676}
.depth-pagination>span:first-child{color:var(--tone-ff738a,#ff738a)}
.depth-progress{width:55px;height:2px;background:#ffffff10;border-radius:5px;overflow:hidden}
.depth-progress i{display:block;width:100%;height:100%;background:var(--tone-ff6d85,#ff6d85);transform:scaleX(0);transform-origin:left}
.depth-selectors{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;width:min(850px,calc(100% - 32px));margin:0 auto}
.tool-selector{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;min-width:148px;border:1px solid #ffffff14;background:linear-gradient(160deg,#ffffff05,transparent),#17171770;backdrop-filter:blur(20px);color:#9e9e9e;padding:13px 16px;border-radius:13px;font:500 11px/1.3 Inter,system-ui;cursor:pointer;box-shadow:inset 0 1px #ffffff06;transition:background .25s,border-color .25s,transform .25s,color .25s}
.tool-selector svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.tool-selector.selected{background:linear-gradient(160deg,var(--tone-ff58741f,#ff58741f),var(--tone-ff002b08,#ff002b08));border-color:var(--tone-ff587445,#ff587445);color:var(--tone-ff8196,#ff8196);box-shadow:inset 0 1px var(--tone-ff85991a,#ff85991a),0 5px 18px #00000022}
.tool-selector:hover{transform:translateY(-2px);border-color:#ffffff30;color:var(--tone-ff8599,#ff8599)}
/* A structured second section replaces repeated tool cards. */
.depth-workflow{width:min(1100px,calc(100% - 64px));margin:74px auto 0;display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:34px 0;text-align:left;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e}
.depth-workflow-copy>span{color:#9e9e9e;font-size:8px;letter-spacing:.18em}
.depth-workflow-copy h2{font-size:29px;line-height:1.15;font-weight:500;letter-spacing:-.04em;margin:12px 0 10px}
.depth-workflow-copy p{font-size:11px;color:#848484;margin:0}
.depth-workflow ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:30px;align-items:center}
.depth-workflow li{position:relative}
.depth-workflow li>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff18;border-radius:9px;background:linear-gradient(150deg,#ffffff08,#ffffff02);box-shadow:inset 0 1px #ffffff0e,inset 0 -3px #00000022;color:#bb9e88;font-size:9px;margin-bottom:16px}
.depth-workflow h3{font-size:12px;font-weight:500;margin:0 0 7px;color:#d7d7d7}
.depth-workflow li p{font-size:10px;line-height:1.65;color:#818181;margin:0;max-width:180px}
.theme-page .quick-access{width:min(1100px,calc(100% - 64px));margin:24px auto 0;background:linear-gradient(130deg,#ffffff04,transparent),#18181877;backdrop-filter:blur(24px);border:1px solid #ffffff13;border-radius:17px;padding:18px 22px;text-align:left;gap:24px}
.quick-copy{flex-basis:210px}
.quick-copy b{font-size:8px;letter-spacing:.1em;color:#ababab}
.quick-copy small{font-size:9px;color:#7b7b7b}
.quick-grid-icon{width:18px;height:18px;opacity:.8}
.quick-grid-icon i{background:var(--tone-ff3c5c,#ff3c5c);border-radius:2px}
.quick-links{gap:8px;padding-left:22px;grid-template-columns:repeat(4,minmax(0,1fr));border-color:#ffffff0c}
.quick-links a{border-color:#ffffff0c;background:#ffffff02;border-radius:9px;padding:11px;font-size:9px;gap:7px;color:#a3a3a3}
.quick-links svg{width:13px;height:13px;stroke:var(--tone-ff3f5f,#ff3f5f)}
.quick-links svg:last-child{width:10px;height:10px;color:#7b7b7b}
.theme-page .home-footer{width:min(1100px,calc(100% - 64px));margin:28px auto 0;justify-content:space-between;color:#5f5f5f;font-size:8px;letter-spacing:.02em}
.depth-workflow.in-view,.quick-access.in-view{animation:depthEnter .8s ease backwards}
.theme-page .depth-reveal.in-view{animation:depthEnter .7s var(--reveal-delay,0s) cubic-bezier(.2,.7,.2,1) backwards}
@keyframes depthSceneIn{from{opacity:0}to{opacity:1}}
@keyframes depthOrbit{from{transform:translate(-5%,0) scale(.95)}to{transform:translate(6%,6%) scale(1.1)}}
@keyframes depthBreathe{from{opacity:.6;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes depthEnter{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes depthGalleryIn{from{opacity:0;transform:translateY(36px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes galleryProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* Soft radial fields already provide blur; keep the moving layers inexpensive. */
.site-lightfield:before,.site-lightfield:after{filter:none;animation:none}
.depth-halo{filter:none}
.depth-halo i,.depth-halo b{border-color:var(--tone-ff688118,#ff688118);box-shadow:0 0 32px var(--tone-ff002b10,#ff002b10);filter:none}
.theme-page .tool-card.depth-card{backdrop-filter:none}
.theme-page .depth-card[data-position=active]{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,0%),#ffffff09,transparent 55%),linear-gradient(150deg,#2c2c2ced,#191919ee 65%);box-shadow:inset 0 1px #ffffff20,inset 0 -1px #00000066,0 28px 55px #00000066,0 2px 3px #00000099}
.depth-intro{padding-top:44px}
.theme-page .home-center .depth-intro h1{font-size:clamp(46px,5vw,68px)}
@media(min-width:1001px){.theme-page .preview-panel{position:sticky;top:24px}}
@media(max-width:1100px){.theme-page :is(.workspace,.studio-grid){grid-template-columns:1fr}.theme-page .preview-column{position:static;order:-1}.theme-page .preview-panel{position:static}.theme-page .quick-access{flex-wrap:wrap;gap:16px}.quick-copy{flex-basis:100%}.quick-links{flex-basis:100%;padding:0;border:0}.theme-page .depth-card[data-position=next]{transform:translateX(calc(-50% + 280px)) translateZ(-140px) rotateY(-30deg) scale(.8)}.theme-page .depth-card[data-position=previous]{transform:translateX(calc(-50% - 280px)) translateZ(-140px) rotateY(30deg) scale(.8)}}
@media(max-width:780px){.site-header-inner{width:calc(100% - 40px);padding-top:20px;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:20px 10px}.site-brand{grid-column:1;justify-self:start;font-size:22px}.theme-page .site-account-slot{grid-column:2}.site-nav{width:100%;gap:2px;padding:5px}.site-nav-link{flex:1;padding:11px 7px;font-size:10px;white-space:nowrap}.theme-page .platform-btn{font-size:9px;padding:9px 10px}.theme-page :is(.shell,.page-shell,.studio){width:calc(100% - 40px);padding-top:28px}.depth-intro{padding-top:44px}.depth-gallery{margin-top:32px}.theme-page .tool-card.depth-card{width:480px;height:390px;padding:26px}.depth-stage{height:430px}.theme-page .depth-card[data-position=next]{transform:translateX(calc(-50% + 210px)) translateZ(-190px) rotateY(-28deg) scale(.8);opacity:.3;filter:blur(2px)}.theme-page .depth-card[data-position=previous]{transform:translateX(calc(-50% - 210px)) translateZ(-190px) rotateY(28deg) scale(.8);opacity:.3;filter:blur(2px)}.depth-workflow{width:calc(100% - 40px);grid-template-columns:1fr;gap:30px;margin-top:50px;text-align:center}.depth-workflow-copy h2 br{display:none}.depth-workflow ol{gap:24px;text-align:left;max-width:600px;width:100%;margin:auto}.depth-workflow li p{max-width:none}.theme-page .quick-access,.theme-page .home-footer{width:calc(100% - 40px)}.theme-page .platform-page-shell{width:calc(100% - 40px);padding-top:42px}.theme-page .site-statusline{margin-bottom:3px}}
@media(max-width:560px){.site-header-inner{width:calc(100% - 32px);gap:16px 8px;padding-top:18px}.site-brand{font-size:20px}.site-brand:before{width:15px;height:18px;margin-right:1px}.site-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:14px;gap:4px}.site-nav-link{font-size:10px;padding:10px 5px;min-height:36px;border-radius:9px;border-color:transparent;background:none}.theme-page .platform-btn{font-size:8px;padding:9px 8px}.theme-page .platform-pill{padding:5px 7px;min-height:32px}.theme-page .platform-accountbar{gap:5px}.theme-page .platform-accountbar .platform-pill:after{font-size:8px}.theme-page :is(.shell,.page-shell,.studio){width:calc(100% - 32px);padding-top:22px}.theme-page :is(.hero,.studio-head){padding:18px 0 26px}.theme-page :is(.hero h1,.studio-head h1){font-size:39px}.theme-page :is(.hero p,.studio-head p){font-size:13px;margin-bottom:18px}.theme-page .head-actions{width:100%;gap:8px}.theme-page .tabs{width:100%;margin-bottom:22px;gap:2px}.theme-page .tab{padding:10px 8px;font-size:11px;flex:1}.theme-page :is(.config-panel,.settings-panel,.preview-panel){padding:20px}.theme-page :is(.workspace,.studio-grid,.bottom-grid){gap:16px}.theme-page .search-box{padding:5px}.theme-page .search-box input{font-size:11px;padding:13px 8px}.theme-page .search-box button{font-size:10px;padding:12px}.depth-intro{padding:36px 20px 0}.depth-eyebrow{font-size:7px;letter-spacing:.17em;padding:7px 10px}.theme-page .home-center .depth-intro h1{font-size:45px;line-height:1.09;margin:20px auto 16px}.depth-intro p{font-size:12px;max-width:290px}.depth-intro-meta{font-size:8px;margin-top:16px;gap:10px}.depth-gallery{margin-top:28px}.depth-gallery-head{width:calc(100% - 40px);justify-content:center;font-size:7px}.depth-gallery-head small{display:none}.depth-stage{height:413px;margin-top:16px;perspective:1200px}.theme-page .tool-card.depth-card{width:calc(100% - 48px);height:374px;padding:22px;top:12px;border-radius:22px}.theme-page .depth-card[data-position=active]{transform:translateX(-50%) translateZ(0)}.theme-page .depth-card[data-position=next]{transform:translateX(calc(-50% + 125px)) translateZ(-230px) rotateY(-28deg) scale(.85);opacity:.22;filter:blur(3px)}.theme-page .depth-card[data-position=previous]{transform:translateX(calc(-50% - 125px)) translateZ(-230px) rotateY(28deg) scale(.85);opacity:.22;filter:blur(3px)}.theme-page .tool-card.depth-card .tool-top{margin-bottom:16px}.theme-page .tool-card.depth-card .tool-copy h2{font-size:26px}.theme-page .tool-card.depth-card .tool-copy p{font-size:10px;line-height:1.65}.theme-page .tool-card.depth-card .tool-kicker{font-size:7px}.depth-card .tool-sample{margin:16px 0;padding:14px;min-height:0}.depth-card .sample-counter strong{font-size:30px}.depth-card .sample-counter .sample-chart{width:42%;height:55px}.depth-card .sample-counter small{font-size:6px}.depth-metrics{gap:8px;font-size:5px}.depth-metrics b{font-size:9px}.depth-card .sample-message,.depth-card .sample-message b{font-size:8px}.depth-card .sample-message{gap:5px}.depth-card .sample-social{gap:8px}.depth-card .sample-brand{height:30px;width:30px;max-width:none}.depth-card .sample-brand svg{height:18px;width:18px}.depth-card .sample-handle{font-size:12px}.depth-card .sample-donation b{font-size:8px}.depth-card .sample-donation small{font-size:6px}.depth-card .sample-goal>div:first-child{font-size:10px}.depth-card .sample-goal>small{font-size:7px}.depth-card .sample-goal strong{font-size:12px}.depth-card .sample-heart{width:20px;height:20px;font-size:20px}.depth-card .sample-donation{gap:5px;padding:7px}.depth-social-status{font-size:6px}.depth-card-note{font-size:6px}.theme-page .tool-card.depth-card .tool-open{font-size:9px;padding:9px 11px;gap:10px}.depth-halo{width:520px;height:370px}.depth-halo i{width:500px}.depth-controls{margin:-3px auto 18px}.depth-selectors{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:calc(100% - 40px)}.tool-selector{font-size:10px;min-width:0;min-height:44px;padding:12px 10px;border-radius:11px;gap:8px}.tool-selector svg{height:15px;width:15px}.depth-workflow{width:calc(100% - 40px);margin-top:42px;padding:28px 0;gap:25px}.depth-workflow-copy h2{font-size:27px}.depth-workflow ol{grid-template-columns:1fr;gap:20px;max-width:260px}.depth-workflow li{display:flex;gap:16px;align-items:center}.depth-workflow li>span{flex:none;margin:0;width:34px;height:34px}.depth-workflow h3{font-size:12px;margin-bottom:5px}.depth-workflow li p{font-size:10px}.theme-page .quick-access{width:calc(100% - 40px);padding:20px;gap:18px}.quick-links{grid-template-columns:1fr 1fr;gap:8px}.quick-links a{font-size:8px;gap:6px;padding:11px 9px}.quick-links svg{width:12px;height:12px}.theme-page .home-footer{width:calc(100% - 40px);font-size:7px;justify-content:center;gap:12px;margin-top:23px}.theme-page .home-footer span:nth-child(2){display:none}.theme-page .home-footer span:last-child{flex-basis:auto}.theme-page .platform-page-shell{width:calc(100% - 32px);padding:36px 0 48px}.theme-page .platform-card{padding:24px}}
@media(prefers-reduced-motion:reduce){.theme-page *,.theme-page *:before,.theme-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.theme-page .depth-card[data-position=active]{transform:translateX(-50%)}.tool-selector:hover{transform:none}}
@media(max-width:560px){.site-header-inner{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:14px}.site-brand{grid-column:1;grid-row:1;justify-self:center;font-size:22px}.theme-page .site-account-slot{grid-column:1;grid-row:2;justify-self:center;max-width:100%;gap:8px}.theme-page .platform-accountbar{gap:8px}.theme-page .platform-btn{white-space:nowrap;font-size:9px;padding:9px 13px}.site-nav{grid-column:1;grid-row:3}.depth-intro{padding-top:28px}.theme-page .home-center .depth-intro h1{font-size:clamp(29px,9vw,40px);margin-top:18px;line-height:1.15}.depth-workflow-copy h2{font-size:25px}}
.theme-page :is(.config-panel,.preview-panel,.settings-panel){min-width:0}
@media(max-width:1100px){.theme-page :is(.workspace,.studio-grid){grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.theme-page .panel-head{flex-wrap:wrap;gap:12px}.theme-page .preview-head-actions{flex-wrap:wrap;gap:8px}.theme-page .preview-head-actions>*{font-size:9px}.theme-page .options-grid{min-width:0}.theme-page .export-copy span{overflow-wrap:anywhere}}
@media(max-width:560px){.theme-page .platform-btn{white-space:normal}.theme-page .site-account-slot .platform-btn{white-space:nowrap}.theme-page .pricing-card{min-width:0}.theme-page .pricing-card .platform-btn{line-height:1.5}}