:root{color-scheme:dark;--bg:#101010;--paper:#161616;--text:#eee;--muted:#aaa;--line:#ffffff26;--soft:#ffffff06;--solid:#eee;--ink:#111;font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}:root[data-theme=light]{color-scheme:light;--bg:#eeeeee;--paper:#f8f8f8;--text:#191919;--muted:#606060;--line:#00000029;--soft:#00000004;--solid:#191919;--ink:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);transition:background .3s,color .3s}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(var(--line) .65px,transparent .65px);background-size:9px 9px;opacity:.13}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--text);outline-offset:5px}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:30;padding:15px;background:var(--solid);color:var(--ink)}.skip:focus{top:10px}.mono,.eyebrow{font-family:monospace;font-size:10px;letter-spacing:1px;color:var(--muted)}.eyebrow{margin:0}.nav{max-width:1320px;margin:auto;display:flex;align-items:center;gap:35px;height:91px;padding:0 30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:700;letter-spacing:-1.5px}.brand img{width:34px;height:34px;border-radius:6px;filter:grayscale(1)}.brand-light{display:none}:root[data-theme=light] .brand-light{display:block}:root[data-theme=light] .brand-dark{display:none}.nav-caption{font:9px monospace;letter-spacing:1px;color:var(--muted)}.nav nav{margin-left:auto;display:flex;gap:28px;font-size:11px}.nav nav a:hover{text-decoration:underline;text-underline-offset:6px}.theme{display:flex;align-items:center;gap:8px;padding:8px 0 8px 22px;border:0;border-left:1px solid var(--line);background:none;font-size:10px}#theme-icon{font-size:17px}main,footer{max-width:1200px;margin:auto}.intro{padding:54px 0 35px}.intro-line{display:flex;align-items:flex-end;justify-content:space-between}.intro h1{font-size:clamp(68px,8vw,108px);letter-spacing:-6px;line-height:.91;font-weight:800;margin:27px 0 0}.intro h1 span{color:var(--muted)}.intro-note{width:270px;padding-bottom:8px}.cross{font-size:52px;line-height:1;display:block;margin-bottom:18px;font-weight:200}.intro-note p{font-size:14px;line-height:1.6;margin:0 0 25px}.intro-note .mono{font-size:8px}.tool{display:grid;grid-template-columns:340px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px;scroll-margin-top:20px;background:var(--paper)}.tool-info{padding:29px 30px;border-right:1px solid var(--line)}.section-index{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:var(--muted)}.section-index span:last-child{font-size:20px}.tool-info h2{font-size:36px;line-height:1.07;font-weight:400;letter-spacing:-1.5px;margin:32px 0 18px}.tool-intro{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.route{list-style:none;margin:28px 0;padding:0}.route li{display:flex;gap:16px;margin:21px 0;font-size:11px}.route li>span{font:9px monospace;color:var(--muted);padding-top:2px}.route small{display:block;font-size:10px;color:var(--muted);margin-top:7px;line-height:1.5}.credit{font-size:11px;margin:25px 0 17px}.credit a{text-decoration:underline;text-underline-offset:4px}.privacy p,.fine{font-size:10px;line-height:1.7;color:var(--muted)}details{border-top:1px solid var(--line);padding-top:12px}summary{font-size:11px;cursor:pointer;line-height:1.6;color:var(--muted)}.tool-controls{padding:30px 38px}.workspace-bar{display:flex;justify-content:space-between;margin-bottom:20px}.workspace-bar .mono{font-size:8px}.upload{width:100%;height:225px;position:relative;border:1px solid var(--line);border-radius:3px;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;transition:background .2s}.upload:before,.upload:after{content:'';position:absolute;width:16px;height:16px;border-color:var(--muted);border-style:solid}.upload:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.upload:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.upload:hover:not(:disabled){background:var(--line)}.upload-symbol{margin-bottom:5px}.upload-symbol svg{width:29px;height:29px}.upload strong{font-size:18px;font-weight:400;letter-spacing:-.5px}.hint{font-size:11px;color:var(--muted)}.upload-bottom{display:flex;justify-content:space-between;width:88%;position:absolute;bottom:16px;font:8px monospace;letter-spacing:1px;color:var(--muted)}#filename{font:10px monospace;color:var(--muted);overflow-wrap:anywhere;margin:17px 0}.prompt{font-size:11px;margin:22px 0 10px;color:var(--muted)}.buttons{display:flex;gap:10px}.buttons button{flex:1;display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--line);padding:14px 16px;border-radius:3px;font-size:12px}.buttons button:hover:not(:disabled){background:var(--soft)}.buttons button span:last-child{margin-left:auto}.buttons svg{width:18px;height:18px}.status-wrap{display:flex;align-items:center;gap:9px;min-height:34px;margin:12px 0}.status-dot{width:4px;height:4px;border-radius:50%;background:var(--muted);flex-shrink:0}#status{font-size:11px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere;margin:0}.tool[data-busy=true] .status-dot{animation:pulse 1s infinite}.download{display:flex;justify-content:space-between;background:var(--solid);color:var(--ink);padding:16px 18px;font-size:12px;margin:14px 0;border-radius:3px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.compare-grid figure{margin:0}.compare-grid figcaption{font:9px monospace;margin-bottom:9px;color:var(--muted)}.compare-grid video{width:100%;height:180px;background:#000;object-fit:contain;filter:grayscale(1)}
.showcase{padding:85px 0;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.section-heading h2{font-size:52px;line-height:1.04;font-weight:400;letter-spacing:-2.4px;margin:23px 0 0}.gallery-intro{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}.gallery-layout{display:grid;grid-template-columns:260px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gallery-sidebar{border-right:1px solid var(--line);padding:23px 24px 25px 0}.gallery-sidebar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.gallery-sidebar-top button{border:1px solid var(--line);background:none;width:29px;height:29px;font-size:18px}.gallery-sidebar .fine{margin-top:24px}#edit-list{display:flex;flex-direction:column;gap:4px}#edit-list button{text-align:left;display:flex;gap:12px;align-items:flex-start;border:0;background:none;padding:15px 10px;font-size:11px;line-height:1.5;color:var(--muted);border-left:2px solid transparent}#edit-list button[aria-current=true]{border-left-color:var(--text);color:var(--text);background:var(--soft)}#edit-list button span:first-child{font:9px monospace;padding-top:3px}#edit-list button span:last-child{overflow-wrap:anywhere}.gallery-stage{padding:23px 0 25px 35px}.frame-meta{display:flex;justify-content:space-between;padding-bottom:18px}.frame-mat{min-height:250px;padding:26px 10px;display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent,transparent 29px,var(--soft) 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,var(--soft) 30px);border:1px solid var(--line)}.film{--aspect:.5625;width:min(100%,calc(520px * var(--aspect)));aspect-ratio:var(--aspect);position:relative;background:#080808;box-shadow:0 14px 45px #00000025;max-width:100%}.film video{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1)}.film-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:52px;height:52px;border-radius:50%;background:#0007;color:#fff;border:1px solid #ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:24px;display:grid;place-items:center;transition:opacity .2s}.film[data-playing=true] .film-play{opacity:0}.film:hover .film-play,.film-play:focus-visible{opacity:1!important}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}#edit-title{font-size:15px;margin:0 0 8px;overflow-wrap:anywhere}.gallery-arrows{display:flex;gap:6px;flex-shrink:0}.gallery-arrows button{border:1px solid var(--line);background:none;padding:10px 13px;font-size:10px;border-radius:3px}.gallery-arrows button:hover:not(:disabled){background:var(--soft)}.community{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding:45px 0 80px;scroll-margin-top:20px}.community h2{font-size:40px;line-height:1.07;font-weight:400;letter-spacing:-1.7px;margin:25px 0}.community-logos>.credit-card,.community-logos>div{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.community-logos img{width:28px;height:28px;object-fit:cover;border-radius:4px;filter:grayscale(1)}.community-logos span:last-child:not(:nth-child(2)){margin-left:auto}.community-logos a:hover{text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 38px;font-size:10px}.footer-name{font-size:24px;font-weight:700;letter-spacing:-1px}@keyframes pulse{50%{opacity:.2}}
#entrance{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:var(--bg);transition:background .8s;overflow:hidden}#enter{border:0;background:none;color:var(--text);font-size:clamp(70px,12vw,150px);font-weight:500;letter-spacing:-.075em;padding:20px;line-height:1.2}#enter:disabled{opacity:1}#enter:hover:not(:disabled){opacity:.7}body[data-entrance=closed]{overflow:hidden}body[data-entrance=closed] #site{visibility:hidden}body[data-entrance=opening]{overflow:hidden}body[data-entrance=opening] #entrance{background:transparent;pointer-events:none}body[data-entrance=opening] .nav{animation:assemble .85s .15s both}body[data-entrance=opening] .intro{animation:assemble 1s .25s both}body[data-entrance=opening] .tool{animation:assemble 1s .4s both}body[data-entrance=opening] .showcase,body[data-entrance=opening] .community,body[data-entrance=opening] footer{animation:assemble 1s .55s both}@keyframes assemble{from{opacity:0;transform:translateY(35px) scale(.96);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:1280px){main,footer{margin-left:40px;margin-right:40px}.nav{padding:0 40px}.nav-caption{display:none}.intro h1{font-size:90px}.tool{grid-template-columns:300px 1fr}.tool-controls{padding:30px}.gallery-layout{grid-template-columns:210px 1fr}}@media(max-width:850px){main,footer{margin:0 25px}.nav{padding:0 25px;gap:20px}.nav nav{gap:18px}.intro h1{font-size:70px;letter-spacing:-4px}.intro-note{width:210px}.tool{grid-template-columns:250px 1fr}.tool-info{padding:25px}.tool-info h2{font-size:30px}.tool-controls{padding:25px 20px}.gallery-layout{grid-template-columns:165px 1fr}.gallery-sidebar{padding-right:15px}.gallery-stage{padding-left:20px}.gallery-controls{align-items:flex-start;flex-direction:column}.community{gap:35px}.section-heading h2{font-size:43px}}@media(max-width:600px){.nav{height:75px;padding:0 20px;gap:15px}.nav nav{margin-left:auto}.nav nav a{display:none}.nav nav a:nth-child(2){display:block}.theme{padding-left:13px}.theme #theme-label{display:none}.brand{font-size:24px}.brand img{width:28px;height:28px}main,footer{margin:0 20px}.intro{padding:35px 0 25px}.intro-line{display:block}.intro h1{font-size:clamp(52px,14vw,75px);letter-spacing:-3px}.intro-note{width:auto;display:flex;align-items:center;gap:15px;margin-top:22px;padding:0}.cross{font-size:30px;margin:0}.intro-note p{font-size:11px;margin:0}.intro-note .mono{display:none}.eyebrow{font-size:8px}.tool{grid-template-columns:1fr;margin-top:7px}.tool-info{padding:22px;border-right:0;border-bottom:1px solid var(--line)}.tool-info h2{font-size:28px;margin:20px 0 12px}.tool-info h2 br{display:none}.route{display:none}.tool-intro{font-size:11px}.credit{margin:18px 0 13px}.tool-controls{padding:22px}.upload{height:200px}.showcase{padding:48px 0}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:37px}.gallery-intro{font-size:11px;margin-top:18px}.gallery-layout{grid-template-columns:1fr}.gallery-sidebar{border-right:0;padding:16px 0;border-bottom:1px solid var(--line)}.gallery-sidebar-top{margin:0 0 9px}.gallery-sidebar .fine{display:none}#gallery-status:not(:empty){display:block;margin:10px 0 0}#edit-list{flex-direction:row;overflow-x:auto;padding-bottom:3px}#edit-list button{min-width:155px;max-width:190px;font-size:10px;padding:10px;border-left:0;border-bottom:2px solid transparent}#edit-list button[aria-current=true]{border-bottom-color:var(--text)}.gallery-stage{padding:20px 0}.frame-mat{padding:18px 8px;min-height:180px}.film{width:min(100%,calc(440px * var(--aspect)))}.frame-meta .mono{font-size:8px}.gallery-controls{gap:15px}.gallery-arrows{flex-wrap:wrap}.gallery-arrows button{padding:12px 15px}.community{grid-template-columns:1fr;gap:15px;padding:30px 0 45px}.community h2{font-size:32px}.compare-grid{grid-template-columns:1fr}.compare-grid video{height:200px}footer .mono{display:none}.section-index{font-size:8px}}:root[data-motion="reduced"] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.page-heading{padding:50px 0 25px}.page-heading h1{font-size:clamp(42px,5.6vw,75px);line-height:1.02;letter-spacing:-3px;font-weight:600;margin:25px 0 0}.page-heading h1 span{color:var(--muted)}.page-heading.compact h1{font-size:56px}.home-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding:65px 0 80px;align-items:center}.home-copy h1{font-size:clamp(55px,6vw,80px);letter-spacing:-4px;line-height:.99;margin:30px 0;font-weight:700}.home-copy h1 span{color:var(--muted);font-size:.72em;letter-spacing:-2px}.home-lead{font-size:14px;color:var(--muted);line-height:1.8;max-width:420px;margin:30px 0}.primary-link{display:flex;justify-content:space-between;max-width:260px;background:var(--solid);color:var(--ink);padding:17px 20px;font-size:12px;border-radius:5px}.text-link{font-size:11px;display:inline-block;margin-top:22px;text-decoration:underline;text-underline-offset:6px}.glass-study{height:460px;position:relative;perspective:1000px;background:radial-gradient(ellipse at 50% 60%,var(--line),transparent 65%)}.study-label{position:absolute;top:15px;left:15px;font-size:8px}.glass-sheet{position:absolute;width:215px;height:265px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#ffffff18,#ffffff03 55%,#ffffff10);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #00000020,14px 24px 50px #00000020;transform:rotateY(-15deg) rotateX(7deg);padding:22px;transition:translate .7s}.glass-sheet>span{font:8px monospace;letter-spacing:1px;color:var(--muted)}.glass-sheet b{display:block;font-size:29px;font-weight:400;letter-spacing:-1.3px;line-height:1.1;margin-top:40px}.sheet-back{left:10px;top:62px;opacity:.45}.sheet-middle{left:92px;top:107px;opacity:.8}.sheet-front{left:167px;top:153px}.sheet-front b{font-size:24px;margin-top:35px}.sheet-front a{position:absolute;bottom:20px;right:23px;font-size:26px}.sheet-lines{display:flex;align-items:center;gap:5px;height:100px;margin:26px 0}.sheet-lines i{width:6px;height:33px;background:var(--text);opacity:.3;border-radius:8px}.sheet-lines i:nth-child(2){height:64px}.sheet-lines i:nth-child(3){height:93px}.sheet-lines i:nth-child(4){height:54px}.sheet-lines i:nth-child(5){height:80px}.sheet-middle small{font:8px monospace;color:var(--muted)}.study-bottom{position:absolute;bottom:0;left:15px;font-size:8px}.glass-study:hover .sheet-back{translate:-5px -7px}.glass-study:hover .sheet-front{translate:6px 7px}.home-purpose{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:50px 0;border-top:1px solid var(--line)}.home-purpose h2{font-size:38px;line-height:1.08;font-weight:400;letter-spacing:-1.6px;margin:0 0 25px}.home-purpose p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);max-width:650px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:20px 0 80px}.offer-grid>a{padding:30px 32px 65px 0;position:relative;border-right:1px solid var(--line)}.offer-grid>a:not(:first-child){padding-left:32px}.offer-grid>a:last-child{border-right:0}.offer-grid h3{font-size:26px;letter-spacing:-1px;font-weight:400;margin:28px 0 15px}.offer-grid p{font-size:12px;color:var(--muted);line-height:1.8;max-width:290px}.offer-arrow{position:absolute;bottom:20px;right:30px;font-size:25px}.offer-grid a:hover{background:var(--soft)}.about-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;border-top:1px solid var(--line);padding:40px 0 80px}.about-layout h2{font-size:30px;font-weight:400;letter-spacing:-1px}.about-layout h3{font-size:17px;font-weight:500;margin:30px 0 14px}.about-layout h3:first-child{margin-top:15px}.about-layout p{font-size:13px;line-height:1.9;color:var(--muted)}body[data-page=credits] .community{padding-top:60px;border-top:0}footer>div{display:flex;gap:22px}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}body[data-entrance=opening] .home-copy{animation:assemble 1s .25s both}body[data-entrance=opening] .glass-study{animation:assemble 1s .4s both}body[data-entrance=opening] .home-purpose,body[data-entrance=opening] .offer-grid{animation:assemble 1s .55s both}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}
@media(max-width:1000px){.home-hero{gap:30px}.home-copy h1{font-size:64px}.glass-study{scale:.85;transform-origin:center}.home-purpose{gap:35px}.about-layout{gap:40px}}@media(max-width:700px){.home-hero{grid-template-columns:1fr;gap:30px;padding:45px 0 50px}.home-copy h1{font-size:68px;letter-spacing:-4px}.glass-study{width:100%;max-width:430px;margin:auto;scale:1;height:430px}.sheet-front{left:155px}.home-purpose{grid-template-columns:1fr;gap:22px;padding:35px 0}.home-purpose h2{font-size:31px}.offer-grid{grid-template-columns:1fr;margin-bottom:50px}.offer-grid>a,.offer-grid>a:not(:first-child){padding:25px 0 60px;border-right:0;border-bottom:1px solid var(--line)}.offer-grid p{max-width:none}.offer-grid h3{margin-top:20px}.about-layout{grid-template-columns:1fr;gap:20px}.page-heading h1,.page-heading.compact h1{font-size:43px;letter-spacing:-2px}.page-heading{padding-top:35px}.home-lead{font-size:13px}.home-copy h1 span{font-size:.67em}}@media(max-width:600px){.nav{display:grid;grid-template-columns:1fr auto;gap:0;height:auto;min-height:104px;padding-top:16px;padding-bottom:12px}.nav .brand{grid-column:1;grid-row:1}.nav .theme{grid-column:2;grid-row:1}.nav nav{grid-column:1/3;grid-row:2;display:flex;justify-content:space-between;width:100%;padding-top:18px;gap:15px}.nav nav a,.nav nav a:nth-child(2){display:block;font-size:10px}.glass-study{height:365px;max-width:335px}.glass-sheet{width:172px;height:215px;padding:17px;border-radius:13px}.sheet-back{left:0;top:43px}.sheet-middle{left:65px;top:78px}.sheet-front{left:133px;top:113px}.glass-sheet b{font-size:25px;margin-top:30px}.sheet-front b{font-size:21px}.sheet-lines{height:70px;margin:20px 0}.sheet-lines i{scale:.75}.study-label,.study-bottom{font-size:7px;left:0}.home-copy h1{font-size:clamp(46px,12vw,64px);letter-spacing:-2.5px}.home-hero{padding-top:35px}.offer-grid .mono{font-size:9px}body[data-page=patcher] .page-heading.compact h1{font-size:40px}.home-purpose h2 br{display:none}}

body{position:relative;isolation:isolate}body:before{z-index:-1;background-image:linear-gradient(90deg,#08080888,#10101020),url('/assets/images/liquid-background.png');background-size:cover;background-position:center;opacity:.56;filter:grayscale(1);transition:opacity .5s;pointer-events:none}:root[data-theme=light] body:before{filter:grayscale(1) invert(1);opacity:.3}.nav{max-width:1260px;margin:16px auto 0;background:#ffffff06;border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(22px) saturate(0);backdrop-filter:blur(22px) saturate(0);box-shadow:inset 0 1px 1px #ffffff25,0 12px 40px #00000014;height:76px}:root[data-theme=light] .nav{background:#ffffff55}.tool{background:linear-gradient(130deg,#ffffff0c,#ffffff03);border:1px solid var(--line);border-radius:22px;-webkit-backdrop-filter:blur(26px) saturate(0);backdrop-filter:blur(26px) saturate(0);box-shadow:inset 0 1px 1px #ffffff22,0 15px 60px #00000015;overflow:hidden}.tool-info{background:#ffffff03}.tool-controls{background:#ffffff02}.upload{border-radius:14px;background:#ffffff06;box-shadow:inset 0 1px 1px #ffffff18}.upload:before,.upload:after{display:none}.buttons button,.download,.primary-link{border-radius:11px;box-shadow:inset 0 1px 1px #ffffff25}.buttons button{background:#ffffff07;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.download,.primary-link{background:linear-gradient(145deg,#fafafa,#bbb);color:#101010;border:1px solid #ffffff80;box-shadow:inset 0 1px 2px #ffffff99,0 5px 25px #00000015}:root[data-theme=light] .download,:root[data-theme=light] .primary-link{background:linear-gradient(145deg,#333,#151515);color:#fff;border-color:#333}.home-purpose{background:linear-gradient(110deg,#ffffff08,#ffffff02);border:1px solid var(--line);border-radius:20px;padding:35px;-webkit-backdrop-filter:blur(24px) saturate(0);backdrop-filter:blur(24px) saturate(0);box-shadow:inset 0 1px 0 #ffffff20}.offer-grid{border-top:0;gap:16px}.offer-grid>a,.offer-grid>a:not(:first-child){padding:28px 25px 60px;border:1px solid var(--line);border-radius:17px;background:#ffffff05;-webkit-backdrop-filter:blur(18px) saturate(0);backdrop-filter:blur(18px) saturate(0);box-shadow:inset 0 1px 1px #ffffff20}.offer-grid>a:last-child{border-right:1px solid var(--line)}.gallery-layout{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#ffffff05;-webkit-backdrop-filter:blur(24px) saturate(0);backdrop-filter:blur(24px) saturate(0);box-shadow:inset 0 1px 0 #ffffff25}.gallery-sidebar{padding-left:20px}.gallery-stage{padding-right:25px}.frame-mat{border:1px solid var(--line);border-radius:14px;background:#00000010;box-shadow:inset 0 1px 0 #ffffff16}.film{border-radius:10px;overflow:hidden}.gallery-arrows button,#refresh-edits{border-radius:9px;background:#ffffff07;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.community-logos{background:#ffffff05;border:1px solid var(--line);border-radius:17px;padding:10px 25px;-webkit-backdrop-filter:blur(18px) saturate(0);backdrop-filter:blur(18px) saturate(0);}.community-logos>.credit-card:last-child,.community-logos>div:last-child{border-bottom:0}.about-layout{background:#ffffff06;border:1px solid var(--line);border-radius:20px;padding:30px 35px 50px;margin:15px 0 65px;-webkit-backdrop-filter:blur(22px) saturate(0);backdrop-filter:blur(22px) saturate(0);box-shadow:inset 0 1px 0 #ffffff25}.glass-study{--tilt-x:0deg;--tilt-y:0deg;--pointer-x:50%;--pointer-y:50%;background:none;transform-style:preserve-3d}.glass-sheet{transform:rotateX(calc(7deg + var(--tilt-x))) rotateY(calc(-15deg + var(--tilt-y)));transition:transform .18s ease-out,translate .5s;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#ffffff26,transparent 55%),linear-gradient(135deg,#ffffff14,#ffffff03 50%,#ffffff12);-webkit-backdrop-filter:blur(18px) saturate(0);backdrop-filter:blur(18px) saturate(0);border-color:#ffffff33;box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -1px 1px #ffffff25,18px 25px 60px #00000025}:root[data-theme=light] .glass-sheet{border-color:#ffffffaa;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#ffffffbb,transparent 55%),linear-gradient(135deg,#ffffff70,#ffffff20);box-shadow:inset 0 1px 1px #ffffffcc,18px 25px 50px #00000013}.sheet-front{background-color:#ffffff08;opacity:1}.sheet-back{opacity:.65}.study-label{max-width:100%;font-size:8px}.home-copy h1{font-weight:500}.home-copy h1 span{font-weight:400}.tool-info h2{font-weight:400}
@media(max-width:1280px){.nav{margin-left:24px;margin-right:24px}.gallery-stage{padding-right:20px}}@media(max-width:700px){.home-purpose{padding:27px}.glass-study{scale:1}.offer-grid{gap:12px}.offer-grid>a,.offer-grid>a:not(:first-child){padding:25px 23px 60px}.about-layout{padding:24px}.community-logos{padding:10px 20px}}@media(max-width:600px){.nav{height:auto;min-height:104px;margin:12px 14px 0;padding:15px 18px 13px}.gallery-sidebar{padding:17px}.gallery-stage{padding:18px 16px}.gallery-layout{border-radius:17px}.tool{border-radius:17px}.glass-sheet{transition:none}.sheet-front{left:123px}.home-purpose{padding:24px}.home-copy h1{font-size:clamp(44px,12vw,64px)}.community-logos{padding:8px 18px}}:root[data-motion="reduced"] .glass-sheet{transform:rotateY(-15deg) rotateX(7deg)!important;translate:0 0!important}
@keyframes wallpaper-drift{from{transform:scale(1.03) translate(-.3%,0)}to{transform:scale(1.055) translate(.3%,-.3%)}}body:before{inset:-2%;animation:wallpaper-drift 48s ease-in-out infinite alternate;will-change:transform}.home-edits{padding:25px 0 75px;scroll-margin-top:35px}.edit-placeholders{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.edit-placeholder{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:25px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(135deg,#ffffff10,#ffffff03);-webkit-backdrop-filter:blur(22px) saturate(0);backdrop-filter:blur(22px) saturate(0);box-shadow:inset 0 1px 1px #ffffff32,0 15px 45px #00000012}.empty-frame{font-size:36px;line-height:1;font-weight:200;color:var(--muted);align-self:center;opacity:.5}.edit-placeholder p{font-size:16px;margin:0}.edit-placeholder small{font-size:10px;color:var(--muted)}.processing-option{margin:22px 0}.processing-option label{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.5;cursor:pointer}.processing-option input{accent-color:var(--text);margin:3px 0 0;width:15px;height:15px;flex-shrink:0}.processing-option small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:5px}.processing-option details{border:0;padding-top:9px;margin-left:27px}.processing-option details p{font-size:10px;color:var(--muted);line-height:1.7}.processing-option summary{font-size:9px}.progress-top{display:flex;justify-content:space-between;align-items:center;margin-top:17px;margin-bottom:9px}.progress-top label{font:9px monospace;color:var(--muted)}#cancel{background:#ffffff08;border:1px solid var(--line);border-radius:9px;padding:8px 13px;font-size:10px}progress{display:block;width:100%;height:5px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--text)}progress::-webkit-progress-bar{background:var(--line);border-radius:10px}progress::-webkit-progress-value{background:var(--text);border-radius:10px}.tool[data-busy=true] .upload-symbol{animation:upload-pulse 1.6s ease-in-out infinite}@keyframes upload-pulse{50%{translate:0 -3px;opacity:.5}}#output-size{margin:13px 0 18px}body[data-page=about] .community{border-top:1px solid var(--line);margin-top:10px}
@media(max-width:700px){.edit-placeholders{gap:12px}.edit-placeholder{padding:18px}.edit-placeholder .mono{font-size:8px}.edit-placeholder p{font-size:12px}.edit-placeholder small{font-size:8px}.empty-frame{font-size:28px}}@media(max-width:500px){.edit-placeholders{grid-template-columns:1fr;max-width:360px;margin:auto}.edit-placeholder{padding:25px}.edit-placeholder p{font-size:16px}.edit-placeholder small{font-size:10px}.home-edits{padding-bottom:45px}}:root[data-motion="reduced"] body:before{animation:none!important;transform:none;will-change:auto}:root[data-motion="reduced"] .tool[data-busy=true] .upload-symbol{animation:none!important}
@view-transition{navigation:auto}.nav{view-transition-name:site-header}body[data-page=home] .primary-link{view-transition-name:workspace}body[data-page=patcher] .tool{view-transition-name:workspace}::view-transition-group(workspace){animation-duration:.8s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(workspace){animation:workspace-reveal .8s both}::view-transition-old(workspace){animation:workspace-out .4s both}::view-transition-group(site-header){animation-duration:.6s}::view-transition-new(root){animation:page-arrive .6s both}::view-transition-old(root){animation:page-leave .4s both}html[data-theme-transition] .nav,html[data-theme-transition] .primary-link,html[data-theme-transition] .tool{view-transition-name:none}html[data-theme-transition]::view-transition-old(root),html[data-theme-transition]::view-transition-new(root){animation:none!important}@keyframes workspace-reveal{from{opacity:.15;filter:blur(9px)}to{opacity:1;filter:blur(0)}}@keyframes workspace-out{to{opacity:0;filter:blur(8px)}}@keyframes page-arrive{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes page-leave{to{opacity:0;filter:blur(4px)}}.nav{background:#ffffff03}.tool{background:linear-gradient(130deg,#ffffff08,#ffffff01);-webkit-backdrop-filter:blur(19px) saturate(0);backdrop-filter:blur(19px) saturate(0);}.tool-info,.tool-controls{background:transparent}.upload{background:#ffffff03}.glass-sheet{-webkit-backdrop-filter:blur(13px) saturate(0);backdrop-filter:blur(13px) saturate(0);}.sheet-back{background-color:transparent}.sheet-middle{background-color:#ffffff02}.sheet-front{background-color:#ffffff04}.edit-placeholder{background:linear-gradient(135deg,#ffffff09,#ffffff02)}.page-departing #site{animation:page-leave .32s both}.page-departing .primary-link{scale:1.03;transition:scale .3s}
:root[data-motion="reduced"] ::view-transition-group(*),:root[data-motion="reduced"] ::view-transition-new(*),:root[data-motion="reduced"] ::view-transition-old(*){animation:none!important}:root[data-motion="reduced"] .page-departing #site{animation:none!important}

.processing-option label+label{margin-top:17px}#downscale-option{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#ffffff03}#downscale-option p{font-size:11px;line-height:1.7;margin:0 0 12px}#downscale-toggle{padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:#ffffff08;font-size:11px}#downscale-toggle[aria-pressed=true]{background:var(--text);color:var(--ink)}.home-purpose,.home-offers a,.about-layout{background:#ffffff03;-webkit-backdrop-filter:blur(14px) saturate(0);backdrop-filter:blur(14px) saturate(0);}.home-offers a,.edit-placeholder,.community-logos a{transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease}.home-offers a:hover,.edit-placeholder:hover,.community-logos a:hover{transform:translateY(-5px);border-color:var(--text);box-shadow:inset 0 1px 1px #ffffff55,0 18px 50px #00000018}.scroll-reveal{opacity:0;transform:translateY(22px);filter:blur(4px);transition:opacity .8s ease,transform .8s ease,filter .8s ease}.scroll-reveal.is-visible{opacity:1;transform:none;filter:none}.upload:hover:not(:disabled){box-shadow:inset 0 0 35px #ffffff08}.glass-sheet{box-shadow:inset 0 1px 2px #ffffff55,0 25px 60px #00000018}:root[data-motion="reduced"] .scroll-reveal{opacity:1;transform:none;filter:none;transition:none}:root[data-motion="reduced"] .home-offers a:hover,:root[data-motion="reduced"] .edit-placeholder:hover,:root[data-motion="reduced"] .community-logos a:hover{transform:none}

/* Resolution-independent flowing wallpaper, with scroll parallax. */
body:before{display:none!important}.liquid-wallpaper{position:fixed;inset:-12% 0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 90% 25%,#ffffff0d,transparent 60%),radial-gradient(ellipse at 20% 85%,#ffffff08,transparent 65%);transform:translateY(var(--wallpaper-scroll,0px));will-change:transform}.liquid-wallpaper svg{width:100%;height:100%;display:block;fill:none;stroke:none;overflow:visible}.ribbon-body{fill:url(#liquid-fill);stroke:none}.ribbon-edge{fill:none;stroke:url(#liquid-edge);stroke-width:1.2;vector-effect:non-scaling-stroke}.liquid-ribbons{opacity:.8}:root[data-theme=light] .liquid-ribbons{filter:invert(1);opacity:.65}:root[data-theme=light] .liquid-wallpaper{background:radial-gradient(ellipse at 90% 25%,#00000008,transparent 60%),radial-gradient(ellipse at 20% 85%,#00000005,transparent 65%)}body[data-entrance=closed] .liquid-wallpaper{opacity:0}body[data-entrance=opening] .liquid-wallpaper{animation:page-arrive 1.4s both}@media(max-width:600px){.liquid-ribbons{opacity:.55}}:root[data-motion="reduced"] .liquid-wallpaper{transform:none;will-change:auto;animation:none!important}

/* Clear glass: lower blur, fine highlights, visible background. */
.nav,.tool,.home-purpose,.offer-grid>a,.offer-grid>a:not(:first-child),.edit-placeholder,.about-layout,.community-logos{-webkit-backdrop-filter:blur(4px) saturate(0);backdrop-filter:blur(4px) saturate(0);background:#ffffff02}.glass-sheet{-webkit-backdrop-filter:blur(2px) saturate(0);backdrop-filter:blur(2px) saturate(0);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#ffffff12,transparent 55%),linear-gradient(135deg,#ffffff06,#ffffff01 50%,#ffffff08)}:root[data-theme=light] .glass-sheet{background:linear-gradient(135deg,#ffffff20,#ffffff05);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);}:root[data-theme=light] .nav{background:#ffffff18}.edit-selection{display:grid;grid-template-columns:minmax(170px,1fr) minmax(250px,550px);gap:65px;align-items:center;max-width:1000px;margin:auto}.edit-categories{display:flex;flex-direction:column;gap:12px}.edit-categories button{border:1px solid var(--line);background:#ffffff02;border-radius:15px;padding:20px;display:flex;gap:18px;align-items:center;font:10px monospace;text-align:left;transition:background .3s,transform .3s}.edit-categories button span{flex:1;font:16px Arial,sans-serif}.edit-categories button[aria-selected=true]{background:#ffffff0e;border-color:var(--muted);box-shadow:inset 0 1px 1px #ffffff40}.edit-categories button:hover{transform:translateX(4px)}.edit-categories .fine{padding:10px 20px}.edit-selection .edit-placeholder{width:100%;background:#ffffff02}.home-process{padding:70px 0;border-top:1px solid var(--line)}.home-process h2,.home-questions h2,.home-closing h2{font-size:clamp(32px,4vw,52px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:25px 0 35px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.process-steps article{padding:25px 0;border-top:1px solid var(--line)}.process-steps h3{font-size:22px;font-weight:400;letter-spacing:-.6px;margin:20px 0 15px}.process-steps p,.home-questions p,.home-closing p{font-size:13px;line-height:1.8;color:var(--muted)}.home-questions{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;padding:40px 0 70px}.home-questions details{padding:20px 0}.home-questions summary{font-size:14px;color:var(--text)}.home-questions details:last-child{border-bottom:1px solid var(--line)}.home-closing{padding:50px 0 85px;border-top:1px solid var(--line)}.home-closing h2{margin-bottom:15px}.home-closing .text-link{margin-top:25px}.click-ripple{position:fixed;z-index:1000;width:15px;height:15px;border:1px solid var(--text);border-radius:50%;pointer-events:none;animation:click-ripple .5s ease-out forwards;box-shadow:0 0 12px #ffffff16}@keyframes click-ripple{from{transform:translate(-50%,-50%) scale(.4);opacity:.55}to{transform:translate(-50%,-50%) scale(5);opacity:0}}@media(max-width:700px){.edit-selection{gap:25px;grid-template-columns:170px 1fr}.edit-categories button{padding:14px;gap:10px}.edit-categories button span{font-size:13px}.home-questions{gap:30px}.process-steps{gap:20px}}@media(max-width:500px){.edit-selection{grid-template-columns:1fr;gap:20px}.edit-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.edit-categories button{padding:13px 8px;display:block;font-size:0;text-align:center}.edit-categories button span{font-size:11px}.edit-categories .fine{display:none}.edit-selection .edit-placeholder{max-width:360px;margin:auto}.process-steps{grid-template-columns:1fr;gap:8px}.home-questions{grid-template-columns:1fr;gap:10px}.home-process{padding:45px 0}.home-closing{padding:35px 0 55px}}:root[data-motion="reduced"] .click-ripple{display:none}:root[data-motion="reduced"] .edit-categories button:hover{transform:none}

.tools-intro{max-width:580px;font-size:16px;line-height:1.8;color:var(--muted);margin:25px 0 50px}.tools-empty{padding:45px;border:1px solid var(--line);border-radius:24px;background:#ffffff02;margin-bottom:80px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);min-height:280px}.tools-empty>div{font-size:38px;margin:35px 0;color:var(--muted)}.tools-empty h2{font-weight:400;font-size:30px;letter-spacing:-1px}.tools-empty p{font-size:13px;color:var(--muted)}@media(max-width:500px){.tools-empty{padding:25px}.tools-empty h2{font-size:26px}}

.brand img,.community-logos img,.film video{filter:none}.source-preview{margin:20px 0 25px}.source-preview figcaption{margin-bottom:12px}.source-preview video{display:block;width:100%;max-height:300px;border-radius:14px;background:#000;object-fit:contain;filter:none}.community{grid-template-columns:1fr;gap:30px}.community-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;}.community-logos>.credit-card,.community-logos>.credit-card:last-child{position:relative;min-height:155px;display:flex;flex-wrap:wrap;align-content:center;gap:17px;padding:25px;border:1px solid var(--line);border-radius:19px;background:#ffffff02;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}.community-logos img{width:44px;height:44px;border-radius:12px;transition:transform .4s}.community-logos small{display:block;margin-top:8px;font:8px monospace;letter-spacing:.7px;color:var(--muted)}.community-logos>.credit-card:before{content:'';position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 45%,#ffffff0b 50%,transparent 55%);transform:translateX(-30%);transition:transform .7s;pointer-events:none}.community-logos>.credit-card:hover:before{transform:translateX(30%)}.community-logos>.credit-card:hover img{transform:rotate(-5deg) scale(1.1)}.community-logos>.credit-card:hover{border-color:var(--muted);transform:translateY(-5px);box-shadow:inset 0 1px 1px #ffffff30,0 18px 35px #00000018}@media(max-width:850px){.community-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.community-logos{grid-template-columns:1fr}.community-logos>.credit-card{min-height:110px;padding:20px}.source-preview video{max-height:260px}}:root[data-motion="reduced"] .community-logos>.credit-card:hover img{transform:none}:root[data-motion="reduced"] .community-logos>.credit-card:before{display:none}

:root{font-family:'Segoe UI Variable','Segoe UI',Arial,sans-serif}.home-copy h1,.page-heading h1,.home-purpose h2,.section-heading h2,.home-process h2,.home-questions h2,.home-closing h2,.tool-info h2{font-family:Bahnschrift,'Segoe UI',Arial,sans-serif;font-weight:400}.brand,.footer-name,#enter{font-family:'Palatino Linotype',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.07em}.brand{font-size:31px}.footer-name{font-size:31px}#enter{font-size:clamp(85px,15vw,160px);letter-spacing:-.075em}.entrance-resetting #site{animation:entrance-reset .5s cubic-bezier(.4,0,.2,1) both}.entrance-resetting .liquid-wallpaper{transition:opacity .5s;opacity:0}@keyframes entrance-reset{to{opacity:0;transform:scale(.98) translateY(12px);filter:blur(7px)}}:root[data-motion="reduced"] .entrance-resetting #site{animation:none;opacity:0}

.moving-wordmark{position:fixed;z-index:1001;pointer-events:none;display:block;white-space:nowrap;transform-origin:center;color:var(--text)}body[data-entrance=opening] .brand>span{visibility:hidden}body[data-entrance=opening] .nav{animation:construct-header .9s ease both}body[data-entrance=opening] main>.page-view>section{animation:construct-section 1.1s cubic-bezier(.2,.8,.2,1) both}body[data-entrance=opening] main>.page-view>section:nth-child(1){animation-delay:.12s}body[data-entrance=opening] main>.page-view>section:nth-child(2){animation-delay:.24s}body[data-entrance=opening] main>.page-view>section:nth-child(3){animation-delay:.36s}body[data-entrance=opening] main>.page-view>section:nth-child(n+4){animation-delay:.42s}body[data-entrance=opening] .glass-sheet{animation:construct-glass 1.2s ease both}body[data-entrance=opening] .sheet-middle{animation-delay:.12s}body[data-entrance=opening] .sheet-front{animation-delay:.24s}@keyframes construct-header{from{clip-path:inset(0 48% round 14px);opacity:0}to{clip-path:inset(0 0 round 14px);opacity:1}}@keyframes construct-section{from{opacity:0;clip-path:inset(0 0 100% 0);translate:0 24px}to{opacity:1;clip-path:inset(0);translate:0 0}}@keyframes construct-glass{from{opacity:0;translate:35px 35px;scale:.9}to{opacity:1;translate:0 0;scale:1}}:root[data-motion="reduced"] body[data-entrance=opening] .nav,:root[data-motion="reduced"] body[data-entrance=opening] main>.page-view>section,:root[data-motion="reduced"] body[data-entrance=opening] .glass-sheet{animation:none!important}:root[data-motion="reduced"] body[data-entrance=opening] .brand>span{visibility:visible}
#enter:disabled{opacity:1}

/* Matching glyph metrics prevent a jump at either end of the logo journey. */
#enter{padding:0;line-height:1;letter-spacing:-.07em;font-weight:400}.brand>span{line-height:1;letter-spacing:-.07em;font-weight:400}.moving-wordmark{font-kerning:normal;-webkit-font-smoothing:antialiased}#enter,.brand>span{font-kerning:normal;-webkit-font-smoothing:antialiased}

.glass-study{transform-style:flat}.sheet-back{z-index:1}.sheet-middle{z-index:2}.sheet-front{z-index:3}

.community>div:first-child .fine{max-width:680px;font-size:13px;line-height:1.9}.community-logos .credit-note{flex:0 0 100%;font-size:12px;line-height:1.85;color:var(--muted);margin:4px 0 0}.community-logos>.credit-card{align-content:flex-start;min-height:225px}.community-logos>.credit-card>span:last-of-type{margin-left:auto}.community-logos img{flex-shrink:0}@media(max-width:500px){.community-logos>.credit-card{min-height:190px}.community-logos .credit-note{font-size:12px}}

#enter{color:transparent!important}#enter:hover:not(:disabled){opacity:1}.moving-wordmark{width:max-content;height:auto;letter-spacing:-.07em;line-height:1;transform:translate(-50%,-50%);font-kerning:normal}body[data-entrance=opening] .brand>span{visibility:hidden}
/* Fluid page edges and inexpensive continuous wallpaper drift. */
main,footer{max-width:none;width:calc(100% - 48px);margin-left:auto;margin-right:auto}
.nav{max-width:none;width:calc(100% - 32px);margin:12px auto 0;padding-left:24px;padding-right:24px}
.liquid-wallpaper{inset:-18% -8%;contain:strict}
.liquid-wallpaper svg{animation:liquid-drift 20s ease-in-out infinite alternate;will-change:transform;transform-origin:center}
@keyframes liquid-drift{from{transform:translate3d(-2%,-2%,0) rotate(-2deg) scale(1.04)}to{transform:translate3d(2%,3%,0) rotate(2deg) scale(1.08)}}
.nav,.tool,.home-purpose,.offer-grid>a,.offer-grid>a:not(:first-child),.edit-placeholder,.about-layout,.community-logos,.community-logos>.credit-card,.tools-empty,.glass-sheet,:root[data-theme=light] .glass-sheet{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:600px){main,footer{width:calc(100% - 28px);margin-left:auto;margin-right:auto}.nav{width:calc(100% - 16px);margin:8px auto 0;padding-left:14px;padding-right:14px}}
:root[data-motion="reduced"] .liquid-wallpaper svg{animation:none;will-change:auto}
/* Balanced breathing room: wider than the original, without stretching the composition. */
main,footer{width:calc(100% - clamp(48px,10vw,192px));max-width:1520px;margin-left:auto;margin-right:auto}
.nav{width:calc(100% - clamp(32px,6vw,112px));max-width:1680px;margin:16px auto 0}
@media(max-width:850px){main,footer{width:calc(100% - 48px)}.nav{width:calc(100% - 32px)}}
@media(max-width:600px){main,footer{width:calc(100% - 32px)}.nav{width:calc(100% - 20px);margin-top:10px}}
.upload.drag-over{border-color:var(--text);background:var(--line);box-shadow:inset 0 0 0 1px var(--text);transform:translateY(-2px)}
.upload.drag-over{border-color:var(--text);background:var(--line);box-shadow:inset 0 0 0 1px var(--text)}
.source-stage{display:flex;justify-content:center;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:#00000016}.source-stage #source-preview{width:auto;height:auto;max-width:100%;max-height:280px;aspect-ratio:var(--source-aspect,16/9);border-radius:10px;object-fit:contain}.preview-controls{padding:14px 0}.preview-timeline{display:flex;align-items:center;gap:12px}.preview-timeline input{flex:1;min-width:0}.preview-timeline output{font:10px monospace;color:var(--muted);white-space:nowrap}.preview-actions{display:flex;align-items:center;gap:8px;margin-top:13px}.preview-actions button{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:9px 12px;font-size:11px;min-height:36px}.preview-actions input{width:90px;min-width:45px;margin-left:auto}.preview-controls input{accent-color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.source-stage #source-preview{max-height:240px}.preview-actions button{padding:9px}.preview-actions input{width:65px}}
/* The glass frame follows the source, rather than filling the workspace width. */
.source-stage{width:fit-content;max-width:100%;margin-inline:auto;padding:8px;display:block;line-height:0}.source-stage #source-preview{display:block;max-height:280px;max-width:100%;width:auto;height:auto}.source-preview .preview-controls{max-width:520px;margin-inline:auto}@media(max-width:600px){.source-stage #source-preview{max-height:240px}}
#change-video{width:fit-content;border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:10px 15px;font-size:11px;margin-bottom:15px}.has-source .tool-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,.85fr);column-gap:28px;align-content:start}.has-source .tool-controls>*{grid-column:1;min-width:0}.has-source #source-preview-wrap{grid-column:2;grid-row:2 / span 9;align-self:start;margin-top:0}.has-source .source-stage #source-preview{max-height:400px}.has-source.source-wide .tool-controls{display:block}.source-wide #source-preview-wrap{max-width:680px;margin:20px auto 28px}.source-wide .source-stage #source-preview{max-height:360px}.has-source .preview-actions{flex-wrap:wrap}.has-source .preview-actions input{flex:1;max-width:90px}.has-source .preview-timeline{flex-wrap:wrap}.has-source .preview-timeline output{margin-left:auto}@media(max-width:1100px){.has-source .tool-controls{grid-template-columns:minmax(180px,1fr) minmax(170px,.8fr);column-gap:20px}.has-source .source-stage #source-preview{max-height:350px}}@media(max-width:850px){.has-source .tool-controls{display:block}.has-source #source-preview-wrap{margin:20px auto 28px;max-width:520px}.has-source .source-stage #source-preview{max-height:350px}}@media(max-width:600px){.has-source .source-stage #source-preview{max-height:320px}}
/* Preview motion uses transforms and opacity, without shifting controls while playing. */
.has-source #source-preview-wrap{animation:source-arrive .65s cubic-bezier(.22,1,.36,1) both}.has-source #change-video{animation:source-controls-arrive .45s .1s ease both}.has-source #modes{animation:source-controls-arrive .5s .15s ease both}.source-stage{transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 1px 1px #ffffff24,0 14px 35px #00000012}.source-stage:hover{border-color:var(--muted);box-shadow:inset 0 1px 1px #ffffff35,0 18px 40px #00000020}.preview-actions button,#change-video{transition:background .2s,border-color .2s,transform .2s}.preview-actions button:hover,#change-video:hover{background:var(--line);border-color:var(--muted);transform:translateY(-1px)}.preview-actions button:active,#change-video:active{transform:scale(.96)}.source-preview[data-playing=true] .source-stage{border-color:var(--muted)}.preview-timeline input,.preview-actions input{cursor:pointer}.source-preview #preview-time{font-variant-numeric:tabular-nums}.source-preview .preview-controls{animation:source-controls-arrive .5s .1s both}@keyframes source-arrive{from{opacity:0;transform:translate3d(0,16px,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes source-controls-arrive{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:translate3d(0,0,0)}}:root[data-motion="reduced"] .has-source #source-preview-wrap,:root[data-motion="reduced"] .has-source #change-video,:root[data-motion="reduced"] .has-source #modes,:root[data-motion="reduced"] .source-preview .preview-controls{animation:none}:root[data-motion="reduced"] .preview-actions button:hover,:root[data-motion="reduced"] #change-video:hover,:root[data-motion="reduced"] .preview-actions button:active,:root[data-motion="reduced"] #change-video:active{transform:none}
/* Shared clear-glass material: bright rim, transparent center, directional reflection. */
.glass-surface{--glass-x:25%;--glass-y:0%;border:1px solid #ffffff38;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#ffffff0f,transparent 60%),linear-gradient(135deg,#ffffff09, #ffffff01 42%,#ffffff04 80%,#ffffff0a);box-shadow:inset 0 1px 1px #ffffff65,inset 1px 0 1px #ffffff24,inset 0 -1px 1px #ffffff16,0 12px 28px #00000012;border-radius:24px;transition:border-color .35s,box-shadow .35s,transform .35s}
.glass-surface:hover{border-color:#ffffff55;box-shadow:inset 0 1px 2px #ffffff80,inset 1px 0 1px #ffffff30,inset 0 -1px 1px #ffffff22,0 16px 32px #00000018}
:root[data-theme=light] .glass-surface{border-color:#ffffffb0;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#ffffff70,transparent 65%),linear-gradient(135deg,#ffffff35,#ffffff0a 50%,#ffffff25);box-shadow:inset 0 1px 2px #fff,inset 0 -1px 1px #00000010,0 10px 25px #00000008}
.nav.glass-surface{border-radius:22px}.glass-sheet.glass-surface{border-radius:26px}.source-stage.glass-surface{border-radius:18px}.preview-actions .glass-surface,.edit-categories .glass-surface{border-radius:14px}.upload.glass-surface{border-radius:22px}.download{border-radius:16px}
.about-layout{gap:55px;padding:45px}.about-layout>div:first-child{position:relative;padding:15px 15px 25px}.about-layout>div:first-child:before{content:'THE INTENTION';display:block;font:9px monospace;letter-spacing:2px;color:var(--muted);margin-bottom:28px}.about-layout h2{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-2px;max-width:400px}.about-principles{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.about-principles span{font-size:10px;padding:10px 14px;border:1px solid var(--line);border-radius:30px;background:#ffffff04}.about-layout>div:last-child h3{margin-top:28px}.about-layout>div:last-child h3:first-child{margin-top:0}.community{padding-top:65px}.community-logos{gap:20px}.community-logos>.credit-card.glass-surface{padding:28px;min-height:240px;border-radius:26px}.community-logos .credit-note{line-height:1.9}.community-logos>.credit-card.is-visible{animation:thank-you-arrive .65s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--credit-delay,0ms)}@keyframes thank-you-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.about-layout{padding:24px;gap:22px}.about-layout>div:first-child{padding:0}.community-logos>.credit-card.glass-surface{padding:24px;min-height:210px}}:root[data-motion="reduced"] .community-logos>.credit-card.is-visible{animation:none}:root[data-motion="reduced"] .glass-surface{transition:none}
/* Credit headers use explicit columns so text wrapping cannot move logos. */
.community-logos>.credit-card,.community-logos>.credit-card:last-child{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;grid-template-rows:auto 1fr;align-content:start;align-items:start;column-gap:17px;row-gap:22px}.community-logos>.credit-card>img{grid-column:1;grid-row:1;margin:0;align-self:start}.community-logos>.credit-card>span:nth-of-type(1){grid-column:2;grid-row:1;margin:0;align-self:center;min-width:0}.community-logos>.credit-card>span:last-of-type{grid-column:3;grid-row:1;margin:0;align-self:center;justify-self:end}.community-logos>.credit-card>.credit-note{grid-column:1 / -1;grid-row:2;margin:0;align-self:start}.community-logos>.credit-card small{line-height:1.5}.community-logos>.credit-card img{object-fit:cover}

.community-logos>.credit-card .credit-visit{grid-column:3;grid-row:1;align-self:center;justify-self:end;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:14px;transition:background .2s,transform .2s}.community-logos>.credit-card{grid-template-columns:44px minmax(0,1fr) 32px}.credit-visit:hover{background:var(--line);transform:translateY(-1px)}.credit-card{cursor:default}.community-logos>.credit-card:hover{text-decoration:none}
.community-logos>.credit-card>span:nth-of-type(1){grid-column:2;grid-row:1;margin:0;justify-self:start;align-self:center}.community-logos>.credit-card .credit-note{grid-column:1 / -1}
.downloader form{display:grid;grid-template-columns:1fr 180px;gap:12px;max-width:800px;margin:30px 0}.downloader form label{font-size:11px;color:var(--muted)}.downloader form label:first-child{grid-column:1}.downloader #media-link{grid-column:1;grid-row:2}.downloader form label[for=media-format]{grid-column:2;grid-row:1}.downloader select{grid-column:2;grid-row:2}.downloader input,.downloader select,.downloader button{font:inherit;font-size:13px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--text);min-width:0}.downloader button{cursor:pointer;transition:background .2s}.downloader button:hover{background:var(--line)}.downloader #media-status{font-size:12px;line-height:1.8}.downloader .download{max-width:800px}@media(max-width:600px){.downloader form{grid-template-columns:1fr}.downloader form label[for=media-format],.downloader select{grid-column:1;grid-row:auto}.downloader form label[for=media-format]{grid-row:3}}
.tools-workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:start;margin-bottom:70px}.tool-sidebar{grid-column:2;grid-row:1;position:sticky;top:24px;padding:25px;display:flex;flex-direction:column;gap:12px}.tool-sidebar .eyebrow{margin-bottom:15px}.tool-sidebar button{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:15px;text-align:left;font-size:11px;line-height:1.6;transition:background .25s}.tool-sidebar button[aria-pressed=true]{background:var(--line);border-color:var(--muted)}.tool-panels{grid-column:1;grid-row:1;min-width:0}.tool-panels .tools-empty{margin-bottom:0;padding:32px}.quality-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.quality-results>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.quality-results dt{font-size:10px;color:var(--muted);margin-bottom:10px}.quality-results dd{font-size:15px;margin:0;overflow-wrap:anywhere}#quality-check{grid-template-columns:1fr}#quality-check input{grid-row:2}#quality-check button{grid-column:1}@media(max-width:850px){.tools-workspace{grid-template-columns:1fr}.tool-sidebar{grid-row:1;grid-column:1;position:static}.tool-panels{grid-row:2;grid-column:1}.tool-panels .tools-empty{padding:25px}}@media(max-width:500px){.quality-results{grid-template-columns:1fr}}
.quality-preview{margin:25px auto;max-width:440px}.quality-preview video{display:block;aspect-ratio:var(--preview-ratio,1);width:auto;max-width:100%;max-height:340px;margin:auto;border:1px solid var(--line);border-radius:20px;background:#000}.quality-preview .preview-actions{max-width:440px;margin:14px auto}.quality-preview #quality-seek{max-width:none;flex:1;width:auto}.quality-results{gap:10px}.quality-results>div{padding:14px}.quality-results dd{font-size:16px}
.quality-display.preview-aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.9fr);gap:24px;align-items:start;margin-top:25px}.quality-display.preview-aside .quality-preview{grid-column:2;grid-row:1;width:100%;margin:0}.quality-display.preview-aside .quality-results{grid-column:1;grid-row:1;grid-template-columns:1fr;margin:0}.quality-display.preview-aside video{max-height:360px}.quality-display.preview-aside .preview-actions{flex-wrap:wrap}@media(max-width:700px){.quality-display.preview-aside{display:flex;flex-direction:column;gap:10px}.quality-display.preview-aside .quality-preview{align-self:center;max-width:400px}.quality-display.preview-aside .quality-results{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.quality-display.preview-aside .quality-results{grid-template-columns:1fr}}
.quality-preview #quality-volume{flex:0 1 90px;width:90px;max-width:90px;min-width:60px}.quality-preview .preview-actions{flex-wrap:wrap}.quality-preview #quality-seek{min-width:90px}
.checker-player-controls{width:100%;max-width:360px;margin:14px auto 0}.checker-player-controls #quality-seek{display:block;width:100%;max-width:none;margin:0;accent-color:var(--text);cursor:pointer}.checker-player-controls .preview-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 0;max-width:none}.checker-player-controls .preview-actions label{font-size:10px;color:var(--muted);margin-left:auto}.checker-player-controls #quality-volume{accent-color:var(--text);flex:1 1 60px;width:70px;max-width:90px;min-width:45px;cursor:pointer}.quality-preview video::-webkit-media-controls{display:none!important}.quality-preview video::-webkit-media-controls-panel{display:none!important}
/* Range inputs must not inherit the URL field's padding and border. */
.downloader input[type=range]{appearance:none;-webkit-appearance:none;padding:0;border:0;border-radius:0;background:transparent;height:22px;box-sizing:border-box;outline-offset:4px;touch-action:pan-y}.downloader input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--line);border-radius:4px;border:0}.downloader input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:0;border-radius:50%;background:var(--text);margin-top:-5px;box-shadow:none}.downloader input[type=range]::-moz-range-track{height:4px;background:var(--line);border-radius:4px;border:0}.downloader input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--text)}
#audio-convert input[type=file]{width:100%;font-size:11px}#audio-convert input::file-selector-button{border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--soft);color:var(--text);margin-right:10px}
/* Native select menus need explicit foreground/background contrast. */
.downloader select{color-scheme:dark}.downloader select option{color:#eee;background:#202020}:root[data-theme=light] .downloader select{color-scheme:light}:root[data-theme=light] .downloader select option{color:#191919;background:#fff}
.glass-select{position:relative;min-width:0;grid-column:2;grid-row:2}.downloader .glass-select-trigger{width:100%;text-align:left;display:block;border-radius:16px;background:linear-gradient(135deg,#ffffff12,#ffffff03);box-shadow:inset 0 1px 1px #ffffff38;min-height:49px}.glass-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;border:1px solid var(--line);border-radius:18px;padding:6px;background:#202020ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 1px #ffffff45,0 15px 35px #00000035;max-height:280px;overflow-y:auto;animation:none;transform-origin:top center;max-height:calc(100dvh - 16px);overflow-y:auto}.downloader .glass-select-menu button{display:block;width:100%;padding:10px 13px;border:0;border-radius:11px;text-align:left;background:transparent;color:var(--text);font-size:12px}.downloader .glass-select-menu button[aria-selected=true]{background:var(--line)}.downloader .glass-select-menu button:hover,.downloader .glass-select-menu button:focus-visible{background:var(--line);outline:1px solid var(--muted);outline-offset:-1px}:root[data-theme=light] .glass-select-menu{background:#f8f8f8ed;box-shadow:inset 0 1px 1px #fff,0 15px 35px #00000015}@media(max-width:600px){.glass-select{grid-column:1;grid-row:4}}
.glass-study .sheet-front>b,.glass-study .sheet-back>b{user-select:none;-webkit-user-select:none}
.home-copy{min-width:0}.home-copy .home-lead{max-width:530px;font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-actions .text-link{margin:0}.hero-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:630px;margin-top:36px;padding-top:22px;border-top:1px solid var(--line);position:relative}.hero-flow:before{content:'';position:absolute;top:-1px;left:0;height:1px;width:65px;background:linear-gradient(90deg,transparent,var(--text),transparent);animation:hero-current 8s ease-in-out infinite;pointer-events:none}.hero-flow span{display:block;font:9px monospace;letter-spacing:1px;color:var(--muted);margin-bottom:12px}.hero-flow strong{display:block;font-size:13px;font-weight:400}.hero-flow small{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:7px}@keyframes hero-current{0%,100%{transform:translateX(0);opacity:.25}50%{transform:translateX(180px);opacity:.6}}@media(min-width:1281px){.home-copy h1{font-size:clamp(80px,6.4vw,104px)}.home-hero{grid-template-columns:1.15fr 1fr;gap:48px}}@media(max-width:600px){.hero-actions{gap:18px}.hero-actions .primary-link{width:100%}.hero-flow{gap:12px;margin-top:28px}.hero-flow strong{font-size:11px}.hero-flow small{font-size:9px}}:root[data-motion="reduced"] .hero-flow:before{animation:none}
/* A connected glass composition instead of widely spaced floating cards. */
.glass-study{height:460px;max-width:500px;width:100%;justify-self:center;perspective:1100px}.glass-study .glass-sheet{width:215px;height:285px;border-radius:32px;transform:rotateX(calc(5deg + var(--tilt-x))) rotateY(calc(-9deg + var(--tilt-y)));box-shadow:inset 0 2px 2px #ffffff65,inset 1px 0 1px #ffffff30,inset 0 -1px 1px #ffffff20,8px 18px 35px #00000018}.glass-study .sheet-back{left:40px;top:70px;rotate:-9deg;opacity:.55}.glass-study .sheet-middle{left:115px;top:95px;rotate:-3deg;opacity:.75}.glass-study .sheet-front{left:190px;top:125px;rotate:5deg;background:linear-gradient(135deg,#ffffff14,#ffffff02 48%,#ffffff08)}.glass-study .sheet-front b{font-size:25px;line-height:1.15}.glass-study .study-label{top:15px;left:40px}.glass-study .study-bottom{bottom:0;left:40px}.glass-study .sheet-lines i{animation:glass-wave 3s ease-in-out infinite;transform-origin:center}.glass-study .sheet-lines i:nth-child(2){animation-delay:.2s}.glass-study .sheet-lines i:nth-child(3){animation-delay:.4s}.glass-study .sheet-lines i:nth-child(4){animation-delay:.6s}.glass-study .sheet-lines i:nth-child(5){animation-delay:.8s}@keyframes glass-wave{0%,100%{scale:1 .7;opacity:.35}50%{scale:1 1;opacity:.7}}@media(max-width:600px){.glass-study{max-width:330px;height:390px}.glass-study .glass-sheet{width:175px;height:245px}.glass-study .sheet-back{left:0;top:55px}.glass-study .sheet-middle{left:65px;top:75px}.glass-study .sheet-front{left:135px;top:105px}.glass-study .study-label,.glass-study .study-bottom{left:0}.glass-study .sheet-front b{font-size:22px}}:root[data-motion="reduced"] .glass-study .sheet-lines i{animation:none}
/* Fullscreen hero: let the artwork occupy its column and bring the next section into view. */
@media(min-width:1281px){.home-hero{grid-template-columns:1fr 1fr;gap:32px;padding:42px 0 48px;align-items:center}.home-copy h1{font-size:clamp(80px,5.8vw,96px);margin:25px 0}.home-copy .home-lead{margin:24px 0;max-width:580px}.glass-study{width:100%;max-width:650px;height:510px}.glass-study .glass-sheet{width:270px;height:355px}.glass-study .sheet-back{left:8%;top:60px}.glass-study .sheet-middle{left:25%;top:90px}.glass-study .sheet-front{left:42%;top:125px}.glass-study .sheet-front b{font-size:32px}.glass-study .sheet-back b{font-size:36px}.glass-study .study-label,.glass-study .study-bottom{left:8%}.glass-study .study-bottom{bottom:5px}.hero-actions .primary-link{min-width:220px}}
@media(min-width:1600px){.glass-study{height:535px}.glass-study .glass-sheet{width:290px;height:380px}.glass-study .sheet-front{left:44%;top:120px}.glass-study .sheet-middle{left:26%;top:85px}}
.site-music{position:fixed;right:24px;bottom:18px;z-index:30;display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:22px;border:1px solid #ffffff35;background:rgba(22,22,22,.88);color:#eee;box-shadow:0 8px 24px #0002;font-size:12px}.site-music button{padding:8px 12px;border-radius:14px;border:1px solid #ffffff40;background:transparent;color:inherit;cursor:pointer}.site-music button:disabled{opacity:.6;cursor:default}.site-music label{display:flex;align-items:center;gap:8px;font-size:0}.site-music input{width:70px;padding:0;accent-color:#aaa}.site-music span{white-space:nowrap}[data-theme=light] .site-music{background:rgba(245,245,245,.94);color:#222;border-color:#0002}[data-theme=light] .site-music button{border-color:#0003}@media(max-width:600px){.site-music{right:12px;bottom:12px;gap:8px;padding:8px 10px}.site-music input{width:55px}}footer{padding-bottom:90px}
/* Media morphs: the outline follows the source without moving the page below it. */
.edit-selection{max-width:1200px;grid-template-columns:minmax(180px,.7fr) minmax(0,1.4fr);gap:60px;min-height:610px}.edit-player{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;aspect-ratio:auto}.edit-frame{position:relative;flex:none;width:260px;height:460px;max-width:100%;overflow:hidden;border-radius:25px;padding:0;transition:width .85s cubic-bezier(.16,1,.3,1),height .85s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s}.edit-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:0;transition:opacity .4s ease; border-radius:inherit;background:#080808}.edit-frame video.is-ready{opacity:1}.edit-caption,.edit-controls{width:100%;max-width:490px}.edit-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px}.edit-caption p{font-size:14px;margin:0}.edit-controls{font-size:11px}.edit-timeline{display:flex;align-items:center;gap:12px}.edit-timeline input{flex:1;min-width:0}.edit-timeline output{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.edit-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.edit-actions button{border:1px solid var(--line);border-radius:13px;background:var(--soft);padding:10px 14px;transition:background .25s,transform .25s}.edit-actions button:hover{background:var(--line);transform:translateY(-1px)}.edit-actions button:active{transform:scale(.97)}.edit-actions label{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted)}.edit-actions input{width:70px}.edit-message{height:18px;margin:8px 0 0;color:var(--muted)}.edit-controls input[type=range],.site-music input[type=range]{appearance:none;-webkit-appearance:none;height:22px;background:transparent;border:0;padding:0;margin:0;cursor:pointer}.edit-controls input::-webkit-slider-runnable-track,.site-music input::-webkit-slider-runnable-track{height:4px;border-radius:5px;background:var(--line)}.edit-controls input::-webkit-slider-thumb,.site-music input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:var(--text)}.edit-controls input::-moz-range-track,.site-music input::-moz-range-track{height:4px;border-radius:5px;background:var(--line)}.edit-controls input::-moz-range-thumb,.site-music input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--text)}
.site-music{animation:source-controls-arrive .6s cubic-bezier(.16,1,.3,1) both}.site-music small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.site-music input:focus-visible,.edit-controls input:focus-visible{outline:2px solid var(--muted);outline-offset:3px}
/* Clear light surfaces and readable selected/hover states. */
:root[data-theme=light] .glass-surface:hover{border-color:#00000030;box-shadow:inset 0 1px 2px #fff,inset 0 -1px 1px #00000012,0 12px 26px #0000000d}:root[data-theme=light] .tool-sidebar button[aria-pressed=true],:root[data-theme=light] .edit-categories button[aria-selected=true]{background:#00000009;border-color:#0000003d}:root[data-theme=light] .glass-sheet{color:#222}:root[data-theme=light] .site-music{background:#f5f5f5f2;color:#222}:root[data-theme=light] .site-music input::-webkit-slider-runnable-track{background:#0003}
/* Smooth completed states: avoid blur repainting and colliding animations. */
.scroll-reveal{filter:none;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal.is-visible{filter:none}.offer-grid>a{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s}.offer-grid>a:hover{transform:translateY(-4px)}.home-questions details[open] p{animation:source-controls-arrive .4s ease-out}
@keyframes page-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes page-leave{to{opacity:0}}@keyframes workspace-reveal{from{opacity:0}to{opacity:1}}@keyframes workspace-out{to{opacity:0}}@keyframes entrance-reset{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98) translateY(12px)}}.entrance-resetting #entrance{background:transparent}.entrance-resetting #site{animation:entrance-reset .9s cubic-bezier(.22,1,.36,1) both}body[data-entrance=closing]{overflow:hidden}.entrance-hint{position:absolute;top:calc(50% + min(10vw,100px));margin:0;color:var(--muted);font-size:12px;letter-spacing:1.5px;pointer-events:none;opacity:0;transition:opacity .5s}body[data-entrance=closed] .entrance-hint{opacity:1}body[data-entrance=opening] .entrance-hint{opacity:0}
/* A slim scrollbar follows the active theme. */
html{scrollbar-width:thin;scrollbar-color:var(--muted) var(--bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:3px solid var(--bg);border-radius:20px;background:var(--muted)}::-webkit-scrollbar-thumb:hover{background:var(--text)}
@media(max-width:700px){.edit-selection{gap:25px;grid-template-columns:150px minmax(0,1fr);min-height:580px}.edit-actions{flex-wrap:wrap}.edit-actions label{font-size:10px}.edit-actions input{width:65px}}
@media(max-width:500px){.edit-selection{grid-template-columns:1fr;min-height:0;gap:25px}.edit-player{min-height:550px;justify-content:center}.edit-caption,.edit-controls{max-width:360px}.edit-caption{padding-inline:3px}.edit-actions button{padding:9px 12px}.edit-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
:root[data-motion="reduced"] .edit-frame,:root[data-motion="reduced"] .edit-frame video,:root[data-motion="reduced"] .entrance-hint{transition:none}:root[data-motion="reduced"] .site-music,:root[data-motion="reduced"] .home-questions details[open] p{animation:none}:root[data-motion="reduced"] .offer-grid>a:hover{transform:none}:root[data-motion="reduced"] .entrance-resetting #site{animation:none;opacity:0}
/* Keep panel separation eased: shared glass styles previously replaced the translate transition. */
.glass-study .glass-sheet{transition:translate .9s cubic-bezier(.22,1,.36,1),border-color .45s ease,box-shadow .45s ease;will-change:transform,translate}
@media(hover:none),(pointer:coarse){.glass-study:hover .sheet-back,.glass-study:hover .sheet-front{translate:0 0}.glass-study .glass-sheet{will-change:auto}}
:root[data-motion="reduced"] .glass-study .glass-sheet{transition:none;will-change:auto}:root[data-motion="reduced"] .glass-study:hover .sheet-back,:root[data-motion="reduced"] .glass-study:hover .sheet-front{translate:0 0}
/* The page scrollbar expands on its own layer, so content never shifts. */
html.has-custom-scrollbar{scrollbar-width:none}html.has-custom-scrollbar::-webkit-scrollbar{display:none}.site-scrollbar{position:fixed;right:2px;top:12px;bottom:12px;width:18px;z-index:50;cursor:pointer;touch-action:none;outline:none}.scrollbar-thumb{position:absolute;left:7px;width:4px;min-height:30px;border-radius:20px;background:var(--muted);border:1px solid var(--line);opacity:.45;transform:scaleX(1);transform-origin:center;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .45s ease,box-shadow .45s ease,background .45s ease;pointer-events:none}.site-scrollbar:hover .scrollbar-thumb,.site-scrollbar:focus-visible .scrollbar-thumb,.site-scrollbar.is-dragging .scrollbar-thumb{transform:scaleX(2);opacity:.95;background:var(--text);box-shadow:0 0 9px var(--line)}.site-scrollbar.is-active .scrollbar-thumb{opacity:.85}.site-scrollbar:focus-visible .scrollbar-thumb{outline:1px solid var(--muted);outline-offset:3px}body[data-entrance=closed] .site-scrollbar,body[data-entrance=opening] .site-scrollbar,body[data-entrance=closing] .site-scrollbar{display:none}@media(pointer:coarse){.site-scrollbar{width:20px;right:0}.scrollbar-thumb{left:9px;width:3px}}:root[data-motion="reduced"] .scrollbar-thumb{transition:none}
.site-music{gap:10px;max-width:calc(100vw - 40px)}.site-music .music-track{border:0;padding:2px 4px;box-shadow:none;min-width:0;max-width:165px;text-align:left;background:transparent}.music-track .music-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.site-music .music-track small{white-space:nowrap}.music-transport{display:flex;gap:5px;align-items:center}.site-music .music-previous,.site-music .music-next{padding:4px 8px;font-size:20px;line-height:1;width:28px;height:32px}.site-music .music-toggle{white-space:nowrap;font-size:11px;min-width:85px}.music-playlist{position:absolute;right:0;bottom:calc(100% + 10px);width:280px;max-width:calc(100vw - 30px);padding:7px;border:1px solid var(--line);border-radius:20px;background:#1c1c1cf5;box-shadow:inset 0 1px 1px #ffffff30,0 10px 30px #0003;animation:source-controls-arrive .3s cubic-bezier(.16,1,.3,1) both}.site-music .music-playlist button{width:100%;display:block;text-align:left;border:0;border-radius:12px;padding:12px;font-size:12px;background:none}.site-music .music-playlist button:hover,.site-music .music-playlist button:focus-visible,.site-music .music-playlist button[aria-checked=true]{background:var(--line)}:root[data-theme=light] .music-playlist{background:#fafafaf5;box-shadow:inset 0 1px 1px #fff,0 10px 30px #0002}@media(max-width:600px){.site-music{max-width:calc(100vw - 30px);gap:7px;flex-wrap:wrap;border-radius:20px}.site-music .music-track{max-width:125px;flex:1}.site-music>label{flex:1 0 100%;justify-content:flex-end}.site-music>label input{width:90px}.site-music .music-toggle{min-width:76px;padding:7px}.music-playlist{width:100%}}:root[data-motion="reduced"] .music-playlist{animation:none}

/* One persistent app: navigation moves only the active view. */
.page-view[hidden]{display:none!important}.page-view{transform-origin:50% 0}#top:focus{outline:none}
html[data-route=home] [data-view=home][hidden],html[data-route=patcher] [data-view=patcher][hidden],html[data-route=tools] [data-view=tools][hidden],html[data-route=about] [data-view=about][hidden]{display:block!important}
@view-transition{navigation:none}.nav,.primary-link,.tool{view-transition-name:none!important}

html[data-route=home] .page-view:not([data-view=home]),html[data-route=patcher] .page-view:not([data-view=patcher]),html[data-route=tools] .page-view:not([data-view=tools]),html[data-route=about] .page-view:not([data-view=about]){display:none!important}

/* The Home / Patcher surface is the only special route morph. */
.workspace-morph{position:fixed;z-index:80;pointer-events:none;overflow:hidden;border:1px solid var(--line);background:linear-gradient(130deg,#ffffff0c,#ffffff03);box-shadow:inset 0 1px 1px #ffffff66,0 15px 40px #00000020;contain:layout style}.workspace-morph-shine{position:absolute;inset:0;border-radius:inherit}.workspace-morph-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;font-size:12px;white-space:nowrap}:root[data-theme=light] .workspace-morph{background:linear-gradient(130deg,#ffffff70,#ffffff28)}
:root[data-motion="reduced"] .workspace-morph{display:none}

/* Leave the first Home screen to the hero; invite the next scroll. */
.home-hero{min-height:calc(100svh - 92px);padding-bottom:90px}.home-scroll-cue{position:fixed;z-index:30;left:50%;bottom:25px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:9px;padding:8px 14px;border:0;background:transparent;color:var(--muted);font:9px monospace;letter-spacing:1.5px;opacity:1;visibility:visible;transition:opacity .45s ease,translate .45s ease,visibility 0s}.home-scroll-cue.is-dismissed{opacity:0;translate:-50% 8px;visibility:hidden;pointer-events:none;transition:opacity .45s ease,translate .45s ease,visibility 0s .45s}.scroll-mouse{position:relative;width:21px;height:32px;border:1px solid currentColor;border-radius:14px}.scroll-wheel{position:absolute;top:6px;left:8px;width:3px;height:7px;border-radius:3px;background:currentColor;animation:scroll-invitation 1.8s ease-in-out infinite}.scroll-cue-arrow{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;rotate:45deg;animation:scroll-invitation 1.8s .15s ease-in-out infinite}@keyframes scroll-invitation{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(6px);opacity:1}}@media(max-width:600px){.home-hero{min-height:calc(100svh - 120px)}.home-scroll-cue{bottom:112px;padding:8px 12px;border-radius:20px;background:var(--bg)}}:root[data-motion="reduced"] .scroll-wheel,:root[data-motion="reduced"] .scroll-cue-arrow{animation:none}:root[data-motion="reduced"] .home-scroll-cue{transition:none}

.site-music .sound-toggle{font-size:9px;padding:8px 10px;white-space:nowrap;color:var(--muted);border-color:var(--line)}.site-music .sound-toggle[aria-pressed=false]{opacity:.65}@media(max-width:600px){.site-music .sound-toggle{margin-left:auto}}

/* Rotate only the arrow drawing, keeping its animated travel vertical. */
.scroll-cue-arrow{rotate:none;border:0;position:relative}.scroll-cue-arrow:before{content:"";position:absolute;inset:0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}@media(max-width:600px){.home-scroll-cue{bottom:calc(var(--music-panel-height,119px) + 24px)}}

.entrance-sound{position:absolute;top:calc(50% + min(10vw,100px) + 36px);padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);font-size:10px}body:not([data-entrance=closed]) .entrance-sound{display:none}

/* Persistent controls assemble alongside the wordmark, without a display handoff. */
.site-music,.site-scrollbar{opacity:1;visibility:visible;transform:none;animation:none;transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1),visibility 0s}
body[data-entrance=closed] .site-scrollbar,body[data-entrance=opening] .site-scrollbar,body[data-entrance=closing] .site-scrollbar{display:block}
body[data-entrance=closed] .site-music,body[data-entrance=closing] .site-music{opacity:0;transform:translateY(14px);visibility:hidden;pointer-events:none;transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1),visibility 0s .65s}
body[data-entrance=closed] .site-scrollbar,body[data-entrance=closing] .site-scrollbar{opacity:0;transform:translateX(8px);visibility:hidden;pointer-events:none;transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1),visibility 0s .65s}
body[data-entrance=opening] .site-music{animation:entrance-controls-rise .85s .4s cubic-bezier(.4,0,.2,1) both;pointer-events:none}
body[data-entrance=opening] .home-scroll-cue:not(.is-dismissed){animation:entrance-controls-rise .85s .5s cubic-bezier(.4,0,.2,1) both;pointer-events:none}
body[data-entrance=opening] .site-scrollbar{animation:entrance-scrollbar-arrive .85s .45s cubic-bezier(.4,0,.2,1) both;pointer-events:none}
@keyframes entrance-controls-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes entrance-scrollbar-arrive{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
:root[data-motion="reduced"] .site-music,:root[data-motion="reduced"] .site-scrollbar{transition:none}:root[data-motion="reduced"] body[data-entrance=opening] .site-music,:root[data-motion="reduced"] body[data-entrance=opening] .home-scroll-cue:not(.is-dismissed),:root[data-motion="reduced"] body[data-entrance=opening] .site-scrollbar{animation:none}

/* October only: amber reflections and violet glass, with the same clear surfaces. */
:root[data-season=halloween]{--bg:#100c14;--paper:#19111f;--text:#f7ece3;--muted:#c4acbc;--line:#d7a4ee30;--soft:#f7a35e08;--solid:#ffb369;--ink:#231120;--halloween-amber:#ffb369;--halloween-violet:#b692e3}
:root[data-season=halloween][data-theme=light]{--bg:#f5eee8;--paper:#fff7ef;--text:#301e38;--muted:#725467;--line:#73478135;--soft:#a26bdb08;--solid:#583265;--ink:#fff5ec;--halloween-amber:#ad4c16;--halloween-violet:#8051ad}
:root[data-season=halloween] .liquid-wallpaper{background:radial-gradient(ellipse at 82% 30%,#a266d51e,transparent 55%),radial-gradient(ellipse at 15% 75%,#f9983b13,transparent 60%)}
:root[data-season=halloween] #liquid-fill stop{stop-color:#f3aa68}
:root[data-season=halloween] #liquid-edge stop{stop-color:#bd95e9}
:root[data-season=halloween] .liquid-ribbons{filter:none;opacity:.8}
:root[data-season=halloween][data-theme=light] .liquid-ribbons{opacity:.55}
:root[data-season=halloween] .glass-surface{background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0%),#ffc37c0c,transparent 65%),linear-gradient(135deg,#bb93e309,#f8a65f03 55%,#bb93e30a);border-color:var(--line)}
:root[data-season=halloween] .glass-sheet{border-color:#daaae54a;box-shadow:inset 0 1px 1px #ffcc9259,inset 0 -1px 1px #b98bf52b,12px 20px 40px #0002}
:root[data-season=halloween][data-theme=light] .glass-sheet{color:var(--text);border-color:#9a68994d;box-shadow:inset 0 1px 2px #fff,0 12px 30px #64316b10}
:root[data-season=halloween] .home-copy h1 span,:root[data-season=halloween] .sheet-front>a{color:var(--halloween-amber)}
:root[data-season=halloween] .primary-link,:root[data-season=halloween] .download{background:var(--solid);color:var(--ink);border-color:var(--halloween-amber)}
:root[data-season=halloween] .site-music,:root[data-season=halloween] .music-playlist{background:#1d1426f2;color:var(--text);border-color:var(--line)}
:root[data-season=halloween][data-theme=light] .site-music,:root[data-season=halloween][data-theme=light] .music-playlist{background:#fff6edf5}
:root[data-season=halloween] .scrollbar-thumb{background:var(--halloween-violet)}
:root[data-season=halloween] .click-ripple{border-color:var(--halloween-amber)}
.season-caption{display:flex;align-items:center;gap:9px;color:var(--halloween-amber);font:9px monospace;letter-spacing:1px}
.season-caption svg{width:21px;height:21px;stroke-width:2.5}
.halloween-art{position:absolute;inset:0;pointer-events:none;user-select:none}
.halloween-moon{position:absolute;width:180px;height:180px;right:8%;top:9%;border-radius:50%;background:radial-gradient(circle at 38% 35%,#ffc87a30,#d8893820 45%,#ab68d410 72%);border:1px solid #ffbf7526;box-shadow:0 0 65px #ca7ee00a}
.halloween-bats{position:absolute;width:190px;height:95px;right:2%;top:9%;fill:var(--halloween-violet);stroke:none;opacity:.48;animation:october-drift 9s ease-in-out infinite}
.halloween-pumpkin{position:absolute;right:2%;bottom:8%;color:var(--halloween-amber);opacity:.65;animation:october-drift 8s -3s ease-in-out infinite}
.halloween-pumpkin svg{width:45px;height:45px;stroke-width:1.6;fill:#f8a35408}
@keyframes october-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
:root[data-motion="reduced"] .halloween-bats,:root[data-motion="reduced"] .halloween-pumpkin{animation:none}

/* The October story continues through every workspace and the entrance. */
.seasonal-decoration{pointer-events:none;user-select:none}
:root[data-season=halloween] .page-heading{position:relative;isolation:isolate}
:root[data-season=halloween] .page-heading h1{position:relative;z-index:1;max-width:75%}
:root[data-season=halloween] .page-heading h1 span{color:var(--halloween-amber)}
:root[data-season=halloween] .page-heading .eyebrow,:root[data-season=halloween] .section-index,:root[data-season=halloween] .workspace-bar{color:var(--halloween-violet)}
.seasonal-scene{position:absolute;right:10px;top:30px;width:230px;height:200px;color:var(--halloween-amber)}
.scene-orbit{position:absolute;width:142px;height:142px;top:10px;left:44px;border:1px solid #d299c234;border-radius:50%;background:radial-gradient(circle,#edb06010,transparent 70%);transform:rotate(-25deg) scaleY(.85)}
.scene-icon{position:absolute;left:77px;top:28px;animation:october-drift 8s ease-in-out infinite}
.scene-icon svg{width:78px;height:94px;stroke-width:1.3;fill:#f2ac6008}
.scene-icon .ghost-body{fill:#c8a1f116;stroke:var(--halloween-violet)}
.scene-icon .ghost-eye{fill:var(--halloween-violet);stroke:none}
.scene-star{position:absolute;font-style:normal;color:var(--halloween-violet);font-size:23px}
.star-one{left:32px;top:52px}.star-two{right:19px;top:22px;font-size:16px}
.scene-caption{position:absolute;bottom:15px;left:0;right:0;text-align:center;font:8px monospace;letter-spacing:1px;color:var(--muted)}
.seasonal-crescent{display:block;width:62px;height:62px;border-radius:50%;background:linear-gradient(130deg,#ffd298,var(--halloween-amber));mask:radial-gradient(circle at 70% 30%,transparent 53%,#000 54%);-webkit-mask:radial-gradient(circle at 70% 30%,transparent 53%,#000 54%)}
:root[data-season=halloween] .tool-panels>.tools-empty{position:relative;overflow:hidden}
.seasonal-corner{position:absolute;top:8px;right:8px;width:65px;height:65px;color:var(--halloween-violet);opacity:.26;transform:rotate(90deg)}
.seasonal-corner svg{width:100%;height:100%;stroke-width:1;fill:none}
.credit-card .seasonal-corner{top:auto;bottom:10px;width:52px;height:52px;transform:rotate(180deg);opacity:.17}
#upload .seasonal-corner{width:75px;height:75px;opacity:.32}
:root[data-season=halloween] .tool-info{background:linear-gradient(165deg,#c481e70a,transparent 70%)}
:root[data-season=halloween] .upload{border-color:#e7a65b60;background:radial-gradient(ellipse at 50% 100%,#f2a04b12,transparent 65%),#c290dd04}
:root[data-season=halloween] .upload-symbol{color:var(--halloween-amber)}
:root[data-season=halloween] .buttons button:hover:not(:disabled),:root[data-season=halloween] .tool-sidebar button[aria-pressed=true]{background:#d99a641c;border-color:var(--halloween-amber);color:var(--halloween-amber)}
:root[data-season=halloween] .route li>span{color:var(--halloween-amber);border:1px solid var(--line);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;padding:0;flex-shrink:0}
:root[data-season=halloween] progress::-webkit-progress-value{background:linear-gradient(90deg,var(--halloween-violet),var(--halloween-amber))}
:root[data-season=halloween] progress::-moz-progress-bar{background:var(--halloween-amber)}
:root[data-season=halloween] .processing-option input{accent-color:var(--halloween-amber)}
:root[data-season=halloween] .tool-panels button[type=submit]{background:var(--solid);color:var(--ink);border-color:var(--halloween-amber)}
:root[data-season=halloween] .tool-panels input:focus-visible,:root[data-season=halloween] .glass-select-trigger:focus-visible{outline:2px solid var(--halloween-amber);outline-offset:3px}
:root[data-season=halloween] .about-principles span{color:var(--halloween-amber);border-color:#d6956838;background:#e4a16408}
:root[data-season=halloween] .credit-card .credit-visit{color:var(--halloween-amber);border-color:#d695684a}
:root[data-season=halloween] .credit-card:hover{border-color:#db9d6570;box-shadow:inset 0 1px 1px #f4c68666,0 16px 32px #ad713214}
:root[data-season=halloween] .community h2{color:var(--halloween-amber)}
:root[data-season=halloween] .brand>span,:root[data-season=halloween] .moving-wordmark{color:var(--halloween-amber)}
:root[data-season=halloween] #entrance{background:#0c080f;--entrance-backdrop:#0c080f}
:root[data-season=halloween] body[data-entrance=opening] #entrance{background:transparent}
.seasonal-entrance{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .7s ease,transform 1s cubic-bezier(.4,0,.2,1);color:#ffb976}
body[data-entrance=closed] .seasonal-entrance{opacity:1}
body[data-entrance=opening] .seasonal-entrance{opacity:0;transform:scale(1.04)}
.entrance-moon{position:absolute;width:min(70vw,510px);aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid #e9a56524;background:radial-gradient(circle,#b5643823,transparent 65%);box-shadow:inset 0 0 80px #9c61c30a}
.entrance-orbit{position:absolute;width:min(85vw,650px);aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px dashed #b989cf21;transform:rotate(-20deg) scaleY(.8)}
.entrance-season-label{position:absolute;top:calc(50% - min(32vw,220px));width:100%;text-align:center;color:#ae88be;font:9px monospace;letter-spacing:3px}
.entrance-pumpkin{position:absolute;left:50%;top:calc(50% + min(37vw,235px));translate:-50% 0;opacity:.6;animation:october-drift 8s ease-in-out infinite}
.entrance-pumpkin svg{width:42px;height:42px;fill:#eaab5710}
.entrance-bat{position:absolute;font-size:50px;color:#af86cb;opacity:.45;animation:october-drift 9s ease-in-out infinite}
.entrance-bat-one{left:calc(50% - min(33vw,250px));top:38%;rotate:-20deg}.entrance-bat-two{right:calc(50% - min(33vw,250px));top:59%;rotate:15deg;animation-delay:-4s}
:root[data-season=halloween] body[data-entrance=closed] .moving-wordmark{color:#ffc487;text-shadow:0 0 36px #ff9e3820}
:root[data-season=halloween] body[data-entrance=closed] .entrance-hint{color:#c8adb7}
:root[data-season=halloween] .entrance-sound{color:#c8adb7;border-color:#bc87cf38}
@media(max-width:700px){:root[data-season=halloween] .page-heading h1{max-width:100%}.seasonal-scene{position:relative;right:auto;top:auto;width:100%;height:26px;margin-top:20px}.scene-orbit,.scene-icon,.scene-star{display:none}.scene-caption{bottom:0;text-align:left;color:var(--halloween-violet)}.entrance-pumpkin{top:calc(50% + 200px)}.entrance-season-label{top:calc(50% - 170px)}}
:root[data-motion="reduced"] .scene-icon,:root[data-motion="reduced"] .entrance-pumpkin,:root[data-motion="reduced"] .entrance-bat{animation:none}:root[data-motion="reduced"] .seasonal-entrance{transition:none}
.pumpkin-face{fill:currentColor;stroke:none;opacity:.75}.entrance-bat svg{width:58px;height:30px;fill:currentColor;stroke:none}
.brand .brand-halloween{display:none;object-fit:cover}
:root[data-season=halloween] .brand .brand-dark,:root[data-season=halloween] .brand .brand-light{display:none}
:root[data-season=halloween] .brand .brand-halloween{display:block;filter:saturate(.4) brightness(.9);box-shadow:inset 0 0 0 1px #d7a4ee24}
:root[data-season=halloween][data-theme=light] .brand .brand-halloween{filter:saturate(.4) brightness(.96)}

/* A warmer, dimmer light palette without bright white surface fills. */
:root{--entrance-ink:var(--text);--entrance-glow:none}
:root[data-season=halloween]{--entrance-ink:#ffc487;--entrance-glow:0 0 36px #ff9e3820}
:root[data-theme=light]{--bg:#c7c3be;--paper:#d2cec8;--text:#242322;--muted:#53504e;--line:#403c3838;--soft:#39352e06;--ink:#e5dfd8}
:root[data-season=halloween][data-theme=light]{--bg:#c9beba;--paper:#d3c7c1;--text:#302336;--muted:#604b5c;--line:#73478140;--soft:#a26bdb08;--solid:#583265;--ink:#eee2d6;--halloween-amber:#934414;--halloween-violet:#714295}
:root[data-theme=light] .glass-surface{border-color:#e5dedb90;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#dfd9d52b,transparent 65%),linear-gradient(135deg,#dad4cf20,#d5cec90a 50%,#ddd4cc18);box-shadow:inset 0 1px 2px #e5dedb90,inset 0 -1px 1px #00000014,0 10px 25px #00000008}
:root[data-season=halloween][data-theme=light] .glass-surface{border-color:var(--line);background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#e7c79712,transparent 65%),linear-gradient(135deg,#b795cd0c,#e2b58406 55%,#b795cd0c)}
:root[data-theme=light] .glass-surface:hover{box-shadow:inset 0 1px 2px #e5dedb90,inset 0 -1px 1px #00000018,0 12px 26px #0000000d}
:root[data-season=halloween][data-theme=light] .glass-sheet{box-shadow:inset 0 1px 2px #e5dedb90,0 12px 30px #64316b14}
:root[data-theme=light] .site-music,:root[data-theme=light] .music-playlist,:root[data-theme=light] .glass-select-menu{background:#d2cbc5f5;box-shadow:inset 0 1px 1px #e5dedb90,0 10px 30px #0002}
:root[data-season=halloween][data-theme=light] .site-music,:root[data-season=halloween][data-theme=light] .music-playlist,:root[data-season=halloween][data-theme=light] .glass-select-menu{background:#d3c7c1f5}

/* The music island stays centered beneath the header without covering the footer. */
.site-music{left:50%;right:auto;top:var(--music-top,104px);bottom:auto;translate:-50% 0;width:208px;height:44px;max-width:calc(100vw - 32px);display:block;padding:0;border-radius:24px;transition:width .75s cubic-bezier(.22,1,.36,1),height .75s cubic-bezier(.22,1,.36,1),border-radius .75s cubic-bezier(.22,1,.36,1),opacity .65s ease,transform .65s ease,visibility 0s;box-shadow:inset 0 1px 1px #ffffff25,0 8px 24px #0002}
.site-music.is-expanded{width:520px;height:106px;border-radius:26px}
.site-music .music-island-toggle{position:absolute;top:0;left:0;width:100%;height:43px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;padding:0 20px;border-radius:24px;background:transparent;font-size:12px}
.island-title{max-width:145px;overflow:hidden;text-overflow:ellipsis;transition:max-width .75s cubic-bezier(.22,1,.36,1)}
.is-expanded .island-title{max-width:340px}
.island-indicator{font-size:16px;color:var(--muted);transition:rotate .65s cubic-bezier(.22,1,.36,1)}
.is-expanded .island-indicator{rotate:45deg}
.island-wave{height:18px;display:flex;align-items:center;gap:3px;color:var(--muted)}
.island-wave i{width:2px;height:8px;background:currentColor;border-radius:2px;scale:1 .5;animation:island-wave 1.2s ease-in-out infinite;animation-play-state:paused}
.island-wave i:nth-child(2){height:16px;animation-delay:-.3s}.island-wave i:nth-child(3){height:12px;animation-delay:-.6s}.island-wave i:nth-child(4){height:9px;animation-delay:-.9s}
.site-music[data-playing=true] .island-wave i{animation-play-state:running}
@keyframes island-wave{0%,100%{scale:1 .5}50%{scale:1 1}}
.music-island-controls{position:absolute;top:43px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 14px;border-top:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;transition:opacity .25s ease,transform .55s cubic-bezier(.22,1,.36,1),visibility 0s .25s}
.is-expanded .music-island-controls{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .4s .15s ease,transform .65s .1s cubic-bezier(.22,1,.36,1),visibility 0s}
.site-music .music-track{max-width:140px;flex:1}
.site-music .music-toggle{min-width:80px;padding:8px}
.site-music .music-playlist{top:calc(100% + 18px);bottom:auto;left:-17px;right:auto;width:calc(100% + 34px);max-width:none;max-height:55svh;overflow:auto}
.site-music input{width:65px}
.site-music button:focus-visible{outline:2px solid var(--muted);outline-offset:3px}
@media(max-width:600px){.site-music{padding:0;max-width:calc(100vw - 32px)}.site-music.is-expanded{width:360px;height:144px}.music-island-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.site-music .music-track{max-width:150px}.site-music .music-island-controls>label{justify-content:flex-start;gap:12px;font-size:10px;color:var(--muted)}.site-music .music-island-controls>label input{width:95px}.site-music .sound-toggle{justify-self:end;margin:0}.home-scroll-cue{bottom:25px}}
:root[data-motion="reduced"] .site-music,:root[data-motion="reduced"] .music-island-controls,:root[data-motion="reduced"] .island-title,:root[data-motion="reduced"] .island-indicator{transition:none}:root[data-motion="reduced"] .island-wave i{animation:none}

/* Construction ends at each sheet's resting translucency, so removing the
   entrance animation cannot suddenly change the material's opacity. */
.glass-study .sheet-back{--sheet-opacity:.55}.glass-study .sheet-middle{--sheet-opacity:.75}.glass-study .sheet-front{--sheet-opacity:1}
@keyframes construct-glass{from{opacity:0;scale:.9}to{opacity:var(--sheet-opacity,1);scale:1}}

.brand img.brand-halloween-light{display:none}
:root[data-season=halloween][data-theme=light] .brand img.brand-halloween{display:none}
:root[data-season=halloween][data-theme=light] .brand img.brand-halloween-light{display:block;filter:saturate(.65);box-shadow:inset 0 0 0 1px #684e6320}

/* These five bars use measured soundtrack frequencies, never a canned loop. */
.glass-study .sheet-lines i{animation:none;scale:1 var(--music-scale,.28);opacity:var(--music-opacity,.3);transform-origin:center;transition:scale .08s linear,opacity .12s linear}
:root[data-motion="reduced"] .glass-study .sheet-lines i{scale:1 .55;opacity:.4;transition:none}
:root[data-theme=light] .downloader select option{background:var(--paper);color:var(--text)}

/* Compact layouts keep controls reachable without squeezing media or labels. */
@media(max-width:600px){
 main,footer{margin-left:16px;margin-right:16px}
 .nav{margin-left:12px;margin-right:12px;padding-left:16px;padding-right:16px}
 .nav nav{padding-top:8px;gap:4px}.nav nav a,.nav nav a:nth-child(2){min-height:44px;display:flex;align-items:center;justify-content:center;flex:1}
 .home-hero{padding-top:78px;gap:24px}.home-copy{min-width:0}.home-copy h1{font-size:clamp(40px,11.8vw,64px)}
 .glass-study{width:100%;max-width:305px;justify-self:center}
 .hero-actions{flex-wrap:wrap;gap:16px}.hero-actions a{min-height:44px;display:inline-flex;align-items:center}
 .page-heading{padding-top:82px}.page-heading h1,.page-heading.compact h1{font-size:clamp(34px,10vw,48px);overflow-wrap:anywhere}
 .tools-workspace{gap:16px}.tool-sidebar{padding:16px;gap:8px}.tool-sidebar .eyebrow{margin:0 0 8px}
 .tool-sidebar button{min-height:44px;padding:12px 14px}
 .tool-panels .tools-empty{padding:20px}.tool-panels h2{font-size:clamp(26px,8vw,36px);letter-spacing:-1px}
 .downloader form{grid-template-columns:minmax(0,1fr);width:100%}
 .downloader form>*{min-width:0;max-width:100%}
 .downloader input,.downloader select,.glass-select-trigger{font-size:16px;min-height:48px}
 .downloader .glass-select{grid-column:1;grid-row:auto;width:100%}
 .glass-select-menu{max-height:40svh;overflow-y:auto}.glass-select-option{min-height:44px}
 .tool-controls{padding:20px}.tool.has-source{grid-template-columns:minmax(0,1fr)}
 .tool.has-source .source-preview{grid-column:auto;grid-row:auto;max-width:100%}
 .source-stage{max-width:100%}.source-stage video{max-width:100%;max-height:52svh}
 .preview-actions{flex-wrap:wrap;gap:8px}.preview-actions button,.edit-actions button{min-height:44px}
 .preview-actions input[type=range]{min-width:70px;flex:1;height:36px}
 .preview-timeline{flex-wrap:wrap}.preview-timeline input{min-width:0}.preview-timeline output{font-size:11px}
 .edit-selection{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}
 .edit-categories{flex-direction:row;flex-wrap:wrap;gap:8px}.edit-categories button{flex:1 1 90px;padding:12px 8px;gap:5px;min-height:48px}
 .edit-categories button span{font-size:13px}.edit-categories .fine{width:100%;padding:0;margin:0}
 .edit-actions{flex-wrap:wrap}.edit-actions input[type=range]{width:100px;height:36px}
 .site-music.is-expanded{height:166px}.music-island-controls{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .site-music .music-track{max-width:none;grid-column:1}.music-transport{grid-column:1 / -1;grid-row:2;justify-content:center}
 .site-music .music-island-controls>label{grid-column:1;grid-row:3}.site-music .sound-toggle{grid-column:2;grid-row:3}
 .site-music .music-transport button{min-height:40px}.site-music .music-playlist{max-height:45svh}
 .community-logos{grid-template-columns:minmax(0,1fr)}.credit-card{min-width:0}.credit-note{overflow-wrap:anywhere}
 footer{flex-wrap:wrap;gap:18px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media(max-width:360px){.glass-study{scale:.88;transform-origin:center;max-width:280px}.home-copy h1{letter-spacing:-2px}.site-music .music-island-controls>label input{width:75px}}

/* Four visible audio formats; the remaining choices scroll inside the glass. */
#audio-format-menu{max-height:min(190px,40svh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;scroll-padding:6px}
#audio-format-menu button{height:44px;min-height:44px;display:flex;align-items:center}
#audio-format-menu::-webkit-scrollbar{width:6px}
#audio-format-menu::-webkit-scrollbar-thumb{background:var(--muted);border-radius:8px;border:1px solid transparent;background-clip:padding-box}

/* The island follows the real soundtrack, with quiet resting bars. */
.site-music:not(.is-expanded){width:var(--island-width,208px)}
.site-music{isolation:isolate;--music-energy:0}
.site-music:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 30% 0%,var(--text),transparent 75%);opacity:calc(.025 + var(--music-energy)*.08);transition:opacity .2s linear}
.site-music .island-wave i{animation:none!important;scale:1 var(--music-scale,.28);opacity:var(--music-opacity,.3);transform-origin:center;will-change:scale}
.island-wave{min-width:20px}.island-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-music button{transition:background .3s ease,transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease}
.site-music .music-transport button:active{transform:scale(.93)}
.site-music .island-indicator{transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .4s}
.site-music.is-expanded .island-indicator{transform:rotate(180deg)}
.music-credits{margin:40px 0 60px;padding-top:28px;border-top:1px solid var(--line)}.music-credits h2{font-size:28px;font-weight:400}.music-credits p{font-size:12px;line-height:1.8;color:var(--muted)}.music-credits a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

/* A quiet two-row island: song above, transport and volume below. */
.site-music.is-expanded{width:390px;height:156px;border-radius:28px}
.site-music .music-island-toggle{height:46px;gap:11px;padding:0 22px}
.is-expanded .island-title{max-width:280px}.site-music .island-indicator{font-size:14px;transform:none}
.music-island-controls{top:46px;left:22px;right:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;padding:12px 0 16px}
.site-music .music-track{grid-column:1;grid-row:1;max-width:none;min-width:0;padding:6px 0;border:0;background:none;text-align:left;border-radius:8px}
.site-music .music-title{display:none}.site-music .music-artist{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-transport{grid-column:2;grid-row:1;display:flex;align-items:center;gap:6px}
.site-music .music-transport button{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:50%;font-size:20px}
.site-music .music-transport .music-toggle{width:40px;height:40px;min-width:40px;border-color:var(--muted);font-size:17px;box-shadow:inset 0 1px 1px #ffffff20}
.site-music .music-island-controls>label{grid-column:1;grid-row:2;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}
.site-music .music-island-controls>label input{width:auto;min-width:70px;flex:1;height:28px}
.site-music .sound-toggle{grid-column:2;grid-row:2;justify-self:end;margin:0;padding:8px 12px;min-height:34px;border-radius:18px;font-size:10px}
.site-music .music-playlist{left:-23px;right:auto;width:calc(100% + 46px);top:calc(100% + 20px);max-height:280px;border-radius:22px;padding:8px}
.site-music .music-playlist button{min-height:40px;padding:10px 14px}
@media(max-width:600px){.site-music.is-expanded{width:350px;height:162px}.music-island-controls{left:18px;right:18px;gap:12px}.site-music .music-transport button{width:40px;height:40px;min-width:40px;min-height:40px}.site-music .music-transport .music-toggle{width:44px;height:44px;min-width:44px}.site-music .music-playlist{left:-19px;width:calc(100% + 38px);max-height:40svh}}
:root[data-motion="reduced"] .site-music .island-wave i{will-change:auto}:root[data-motion="reduced"] .site-music:before,:root[data-motion="reduced"] .site-music button,:root[data-motion="reduced"] .site-music .island-indicator{transition:none}

/* Audio pill two: a record capsule with a low, horizontal desktop profile. */
.music-pill-two{height:52px;border-radius:30px}
.music-pill-two.is-expanded{width:460px;height:116px;border-radius:32px}
.music-pill-two .music-island-toggle{height:51px;padding:0 16px;gap:12px;justify-content:flex-start}
.music-pill-two .island-wave{position:relative;flex:none;width:32px;height:32px;min-width:32px;justify-content:center;gap:2px;color:var(--text);border-radius:50%;background:radial-gradient(circle,#8b837a 0 3px,#242225 4px 7px,#454047 8px 9px,#242225 10px 12px,#48414a 13px 14px,#242225 15px);box-shadow:inset 0 0 0 1px #ffffff20,0 2px 6px #0003}
.music-pill-two .island-wave:before{content:"";position:absolute;inset:3px;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 25%,#ffffff20 27%,transparent 30% 75%,#ffffff20 77%,transparent 80%);animation:record-turn 12s linear infinite;animation-play-state:paused}
.music-pill-two[data-playing=true] .island-wave:before{animation-play-state:running}
.music-pill-two .island-wave i{width:2px;z-index:1;background:#e2d9cc;height:8px}.music-pill-two .island-wave i:nth-child(2){height:14px}.music-pill-two .island-wave i:nth-child(3){height:11px}
.music-pill-two .island-title{font-size:12px;max-width:165px}.music-pill-two .island-indicator{margin-left:auto;color:var(--muted)}
.music-pill-two.is-expanded .music-island-toggle{width:calc(100% - 150px);height:65px;align-items:flex-start;padding-top:16px;gap:14px}
.music-pill-two.is-expanded .island-title{padding-top:1px;max-width:195px}.music-pill-two.is-expanded .island-indicator{display:none}
.music-pill-two .music-island-controls{top:18px;left:18px;right:18px;border:0;padding:0;grid-template-columns:minmax(0,1fr) auto;gap:13px 18px}
.music-pill-two .music-track{margin-left:46px;padding:20px 0 0;align-self:start;font-size:10px;max-width:190px}
.music-pill-two .music-artist{font-size:10px}.music-pill-two .music-transport{height:44px}
.music-pill-two .music-island-controls>label{padding-left:2px;font-size:9px;opacity:.8}
.music-pill-two .sound-toggle{min-height:30px;padding:6px 11px;font-size:9px;background:transparent}
.music-pill-two .music-playlist{left:-19px;width:calc(100% + 38px);top:calc(100% + 25px)}
@keyframes record-turn{to{transform:rotate(360deg)}}
@media(max-width:600px){
 .music-pill-two.is-expanded{width:350px;height:158px;border-radius:30px}
 .music-pill-two.is-expanded .music-island-toggle{width:100%;height:54px;padding-top:10px;align-items:center;gap:12px}
 .music-pill-two.is-expanded .island-title{padding-top:0;max-width:calc(100% - 65px)}
 .music-pill-two.is-expanded .island-indicator{display:block}
 .music-pill-two .music-island-controls{top:58px;gap:10px 12px}
 .music-pill-two .music-track{margin:0;padding:8px 0;max-width:none;align-self:center}
 .music-pill-two .music-transport{height:44px}.music-pill-two .music-island-controls>label{padding-left:0}
 .music-pill-two .music-playlist{top:calc(100% + 22px)}
 .home-hero,.page-heading{transition:padding-top .7s cubic-bezier(.22,1,.36,1)}
 body:has(.music-pill-two.is-expanded) .home-hero{padding-top:184px}
 body:has(.music-pill-two.is-expanded) .page-heading{padding-top:188px}
}
:root[data-motion="reduced"] .music-pill-two .island-wave:before{animation:none}

/* Opening changes the surface, not the title's alignment or record position. */
.music-pill-two .music-island-toggle,.music-pill-two.is-expanded .music-island-toggle{height:52px;padding:0 16px;align-items:center;gap:12px;transition:width .75s cubic-bezier(.22,1,.36,1)}
.music-pill-two.is-expanded .island-title{padding-top:0}
.music-pill-two .island-indicator,.music-pill-two.is-expanded .island-indicator{display:block;transition:opacity .35s ease,rotate .65s cubic-bezier(.22,1,.36,1);transform:none}
.music-pill-two.is-expanded .island-indicator{opacity:0}
.music-pill-two .island-wave{background:none}
.music-pill-two .island-wave:before{inset:0;background:conic-gradient(from 30deg,transparent 0 24%,#ffffff35 27%,transparent 32% 73%,#ffffff35 77%,transparent 82%),radial-gradient(circle,#bca786 0 3px,#29262a 4px 7px,#514954 8px 9px,#29262a 10px 12px,#514954 13px 14px,#29262a 15px);box-shadow:inset 0 0 0 1px #ffffff25;animation-duration:8s}
.music-pill-two .music-track{padding-top:26px}
@media(max-width:600px){.music-pill-two.is-expanded .music-island-toggle{width:100%;padding:0 16px}.music-pill-two.is-expanded .island-indicator{opacity:1}.music-pill-two .music-track{padding:8px 0}}
:root[data-motion="reduced"] .music-pill-two .music-island-toggle,:root[data-motion="reduced"] .music-pill-two .island-indicator,:root[data-motion="reduced"] .home-hero,:root[data-motion="reduced"] .page-heading{transition:none}
.music-pill-two .island-wave:before{animation:none;transform:rotate(var(--record-angle,0deg));will-change:transform}
:root[data-motion="reduced"] .music-pill-two .island-wave:before{transform:none;will-change:auto}

/* A segmented volume rail with a quiet vertical marker. */
.music-pill-two .music-island-controls>label{opacity:1;gap:10px;--volume-accent:var(--text)}
:root[data-season=halloween] .music-pill-two .music-island-controls>label{--volume-accent:var(--halloween-amber)}
.music-volume-icon{width:16px;height:16px;flex:none;color:var(--muted);transition:opacity .3s}
.music-volume-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.is-silent .music-volume-icon{opacity:.45}
.music-pill-two input[type=range]{min-width:0!important;cursor:pointer;outline:none}
.music-pill-two input[type=range]::-webkit-slider-runnable-track{height:8px;border:0;border-radius:2px;box-shadow:none;background:linear-gradient(to right,var(--volume-accent) 0 var(--volume-fill,30%),var(--line) var(--volume-fill,30%) 100%);background:linear-gradient(to right,color-mix(in srgb,var(--volume-accent) 65%,var(--muted)) 0 var(--volume-fill,30%),var(--line) var(--volume-fill,30%) 100%);-webkit-mask-image:repeating-linear-gradient(to right,#000 0 3px,transparent 3px 6px);mask-image:repeating-linear-gradient(to right,#000 0 3px,transparent 3px 6px);}
.music-pill-two input[type=range]::-webkit-slider-thumb{width:5px;height:20px;margin-top:-6px;border-radius:2px;border:0;background:var(--text);box-shadow:none;transition:background .25s}
.music-pill-two input[type=range]::-moz-range-track{height:8px;border:0;border-radius:2px;box-shadow:none;background:linear-gradient(to right,var(--volume-accent) 0 var(--volume-fill,30%),var(--line) var(--volume-fill,30%) 100%);background:linear-gradient(to right,color-mix(in srgb,var(--volume-accent) 65%,var(--muted)) 0 var(--volume-fill,30%),var(--line) var(--volume-fill,30%) 100%);-webkit-mask-image:repeating-linear-gradient(to right,#000 0 3px,transparent 3px 6px);mask-image:repeating-linear-gradient(to right,#000 0 3px,transparent 3px 6px);}
.music-pill-two input[type=range]::-moz-range-progress{background:transparent}
.music-pill-two input[type=range]::-moz-range-thumb{width:5px;height:20px;border-radius:2px;border:0;background:var(--text);box-shadow:none;transition:background .25s}
.music-pill-two input[type=range]:focus-visible{outline:1px solid var(--volume-accent);outline-offset:3px;border-radius:12px}
.music-pill-two input[type=range]:hover::-webkit-slider-thumb,.music-pill-two input[type=range]:active::-webkit-slider-thumb{background:var(--volume-accent)}
.music-pill-two input[type=range]:hover::-moz-range-thumb,.music-pill-two input[type=range]:active::-moz-range-thumb{background:var(--volume-accent)}
.music-volume-rail{position:relative;flex:1;min-width:60px;height:28px}
.music-volume-rail:before{content:"";position:absolute;left:2px;right:2px;top:10px;height:8px;border-radius:2px;pointer-events:none;background:linear-gradient(to right,var(--volume-accent) 0 var(--volume-fill,30%),var(--line) var(--volume-fill,30%) 100%);background:linear-gradient(to right,color-mix(in srgb,var(--volume-accent) 65%,var(--muted)) 0 var(--volume-fill,30%),var(--line) var(--volume-fill,30%) 100%);-webkit-mask-image:repeating-linear-gradient(to right,#000 0 3px,transparent 3px 6px);mask-image:repeating-linear-gradient(to right,#000 0 3px,transparent 3px 6px);}
.music-pill-two .music-volume-rail input[type=range]{position:relative;display:block;width:100%;height:28px}
.music-pill-two input[type=range]::-webkit-slider-runnable-track{background:transparent;-webkit-mask-image:none;mask-image:none;}
.music-pill-two input[type=range]::-moz-range-track{background:transparent;-webkit-mask-image:none;mask-image:none;}
/* Replay dims the backdrop independently of the traveling wordmark. */
body[data-entrance=closing] #entrance{animation:entrance-backdrop-in 1.5s cubic-bezier(.42,0,.58,1) both;transition:none}
@keyframes entrance-backdrop-in{from{background-color:transparent}to{background-color:var(--entrance-backdrop,var(--bg))}}
:root[data-motion="reduced"] body[data-entrance=closing] #entrance{animation:none;background:var(--entrance-backdrop,var(--bg))}
/* Quiet idle motion keeps the entrance spare and the logo travel untouched. */
body[data-entrance=closed] .moving-wordmark{animation:entrance-ink-breathe 5s ease-in-out infinite}
body[data-entrance=closed] .entrance-hint{animation:entrance-hint-float 4s ease-in-out infinite}
.entrance-moon{animation:entrance-moon-breathe 10s ease-in-out infinite}
.entrance-orbit{animation:entrance-orbit-turn 60s linear infinite}
.seasonal-entrance{transition:opacity 1s ease,filter 1s ease}
body[data-entrance=closing] .seasonal-entrance{animation:entrance-details-arrive 1.5s ease both}
body[data-entrance=opening] .seasonal-entrance{filter:blur(3px)}
@keyframes entrance-ink-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}
@keyframes entrance-hint-float{0%,100%{translate:0 0}50%{translate:0 3px}}
@keyframes entrance-moon-breathe{0%,100%{scale:1;opacity:.7}50%{scale:1.025;opacity:1}}
@keyframes entrance-orbit-turn{from{transform:rotate(-20deg) scaleY(.8)}to{transform:rotate(340deg) scaleY(.8)}}
@keyframes entrance-details-arrive{from{opacity:0}to{opacity:1}}
body.entrance-pressed .entrance-hint{opacity:0;transition:opacity .35s ease}
body.entrance-pressed .entrance-moon{border-color:#e9a56545;transition:border-color .35s ease}
:root[data-motion="reduced"] body[data-entrance=closed] .moving-wordmark,:root[data-motion="reduced"] body[data-entrance=closed] .entrance-hint,:root[data-motion="reduced"] .entrance-moon,:root[data-motion="reduced"] .entrance-orbit,:root[data-motion="reduced"] body[data-entrance=closing] .seasonal-entrance{animation:none}:root[data-motion="reduced"] .seasonal-entrance{transition:none}

/* A quieter, consistent visual system. */
:root{font-family:Arial,Helvetica,sans-serif}
button,input,select,textarea,.mono,.eyebrow,.nav-caption,.section-index,.upload-bottom,#filename,.prompt,.progress-top label,.edit-categories button,.edit-categories button span{font-family:Arial,Helvetica,sans-serif}
h1,h2,h3,.home-copy h1,.page-heading h1,.home-purpose h2,.section-heading h2,.home-process h2,.home-questions h2,.home-closing h2,.tool-info h2,.about-layout h2{font-family:Arial,Helvetica,sans-serif;font-weight:500}
.brand,.footer-name,#enter,.moving-wordmark{font-family:Georgia,serif}
button:not(#enter):not(.music-track):not(.music-island-toggle),.primary-link,.download{border-radius:18px;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .4s cubic-bezier(.22,1,.36,1)}
button:not(:disabled):not(#enter):not(.music-track):not(.music-island-toggle):hover,.primary-link:hover,.download:hover{box-shadow:inset 0 1px 1px #ffffff28,0 5px 18px #00000012;transform:translateY(-2px)}
button:not(:disabled):not(#enter):active,.primary-link:active,.download:active{transform:translateY(0) scale(.97)}
button svg{width:19px;height:19px;vertical-align:middle;pointer-events:none}
.entrance-sound{left:50%;transform:translateX(-50%)!important;border-radius:999px!important;padding:11px 20px!important}
.nav-caption,.entrance-season-label,.scene-caption,.home-scroll-cue,.click-ripple{display:none!important}
.home-copy h1{text-align:center;max-width:none;margin-left:auto;margin-right:auto}
.home-copy .eyebrow,.home-copy .home-lead{text-align:center}.hero-actions{justify-content:center}
.home-purpose{padding:28px 34px;gap:30px;min-height:0;grid-template-columns:minmax(120px,.65fr) 2fr}
.home-purpose h2{font-size:clamp(26px,3vw,40px);margin-top:0;margin-bottom:16px}.home-purpose p{max-width:760px;line-height:1.7}
.edit-categories{display:none!important}.edit-selection{display:block;max-width:620px}.edit-player{width:100%;margin:auto}.edit-frame video{object-fit:contain!important;width:100%;height:100%;background:#090909}.edit-caption{justify-content:center}
.footer-tagline,footer .mono{color:var(--text);opacity:1}
#site{transition:filter 1.6s ease}body[data-entrance=closed] #site,body[data-entrance=closing] #site{filter:grayscale(1)}body[data-entrance=opening] #site,body[data-entrance=open] #site{filter:grayscale(0)}
html[data-route=patcher] [data-view]:not([data-view=patcher]),html[data-route=tools] [data-view]:not([data-view=tools]),html[data-route=about] [data-view]:not([data-view=about]),html[data-route=home] [data-view]:not([data-view=home]){display:none}
@media(max-width:600px){.home-purpose{display:block;padding:24px}.home-purpose>.eyebrow{margin-bottom:20px}.home-copy h1{font-size:clamp(40px,11vw,65px)}.edit-selection{max-width:100%}}
:root[data-motion="reduced"] #site,:root[data-motion="reduced"] button,:root[data-motion="reduced"] .primary-link,:root[data-motion="reduced"] .download{transition:none!important}:root[data-motion="reduced"] button:hover,:root[data-motion="reduced"] .primary-link:hover{transform:none!important}

#site *,.site-music *,.site-scrollbar *,#entrance *{font-family:Arial,Helvetica,sans-serif!important}.brand span,.footer-name,#enter,.moving-wordmark{font-family:Georgia,serif!important}
.section-heading h2,.community h2{color:var(--text);opacity:1;font-weight:500}
body[data-entrance=closed] .seasonal-entrance{filter:grayscale(1)}
.halloween-art,.seasonal-scene,.seasonal-corner{transition:opacity 1.8s ease;opacity:1}body[data-entrance=closed] .halloween-art,body[data-entrance=closed] .seasonal-scene,body[data-entrance=closed] .seasonal-corner{opacity:0}

#site .brand span,#site .footer-name{font-family:Georgia,serif!important}

.stats-panel .offer-grid{gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden}.stats-panel .offer-grid>a,.stats-panel .offer-grid>article{display:flex;flex-direction:column;align-items:flex-start;border:0;border-right:1px solid var(--line);border-radius:0;padding:30px;min-height:320px;background:transparent;transform:none}.stats-panel .offer-grid>:last-child{border-right:0}.stats-panel .stat-value{font-size:clamp(52px,7vw,108px);line-height:1;letter-spacing:-.075em;margin:55px 0 18px;font-weight:700;color:var(--text)}.stats-panel h3{font-size:11px;letter-spacing:1px;margin:0 0 16px;font-weight:700}.stats-panel p{font-size:12px;color:var(--muted);line-height:1.7;max-width:100%;margin:0 0 35px}.stat-line{display:block;width:100%;height:1px;background:var(--line);margin-top:auto}.stat-line:before{content:'';display:block;width:25%;height:1px;background:var(--solid)}@media(max-width:600px){.stats-panel .offer-grid{grid-template-columns:1fr}.stats-panel .offer-grid>a,.stats-panel .offer-grid>article{min-height:240px;border-right:0;border-bottom:1px solid var(--line)}.stats-panel .stat-value{margin-top:28px}.stats-panel .offer-grid>:last-child{border-bottom:0}}

/* Zair0 metric cards: independent glass surfaces and compact reading order. */
.stats-panel .offer-grid{border:0;border-radius:0;overflow:visible;gap:16px;align-items:stretch}
.stats-panel .offer-grid>a,.stats-panel .offer-grid>article{position:relative;border:1px solid var(--line);border-radius:26px;padding:28px;min-height:290px;background:linear-gradient(145deg,#ffffff08,#ffffff01);box-shadow:inset 0 1px 0 #ffffff12;overflow:hidden;transition:border-color .5s ease,background .5s ease,transform .5s ease}
.stats-panel .offer-grid>:last-child{border-right:1px solid var(--line)}
.stats-panel .offer-grid>a:hover{transform:translateY(-4px);border-color:var(--muted)}
.stats-panel .offer-grid>:before{content:'';position:absolute;right:-28px;top:-28px;width:104px;height:104px;border:1px solid var(--line);border-radius:50%;pointer-events:none}
.stats-panel .offer-grid>:after{content:'';position:absolute;right:-8px;top:-8px;width:64px;height:64px;border:1px solid var(--line);border-radius:50%;opacity:.45;pointer-events:none}
.stats-panel .stat-value{font-size:clamp(42px,5vw,74px);letter-spacing:-.06em;margin:32px 0 24px;line-height:1;display:inline-flex;padding:0;color:var(--text)}
.stats-panel h3{font-size:10px;letter-spacing:1.5px;margin:0 0 13px;color:var(--text)}
.stats-panel p{margin-bottom:25px;font-size:12px;max-width:260px}
.stats-panel .stat-line{height:3px;border-radius:999px;overflow:hidden;background:var(--soft);max-width:80px}
.stats-panel .stat-line:before{height:3px;width:35%;border-radius:999px;background:var(--muted)}
@media(max-width:600px){.stats-panel .offer-grid{gap:12px}.stats-panel .offer-grid>a,.stats-panel .offer-grid>article{min-height:245px;border:1px solid var(--line)}.stats-panel .stat-value{margin:25px 0 20px}}
:root[data-motion="reduced"] .stats-panel .offer-grid>a:hover{transform:none}

.stats-panel .offer-grid>:nth-child(2) .stat-value{font-size:clamp(36px,4.4vw,68px);white-space:nowrap}

.stats-panel .offer-grid>article:hover{transform:translateY(-4px);border-color:var(--muted);box-shadow:inset 0 1px 1px #ffffff55,0 18px 50px #00000018}:root[data-motion="reduced"] .stats-panel .offer-grid>article:hover{transform:none}

.motion-setting{border:1px solid var(--line);border-radius:18px;background:transparent;color:var(--muted);padding:8px 12px;font:11px Arial,sans-serif;cursor:pointer}.motion-setting:hover{color:var(--text)}

/* Keep every part of the centered hero on the same axis. */
.home-copy{display:flex;flex-direction:column;align-items:center}
.home-copy .eyebrow,.home-copy h1,.home-copy .home-lead,.home-copy .hero-actions{width:100%;box-sizing:border-box}
.home-copy .home-lead{margin:24px auto;max-width:580px;text-wrap:pretty}
.home-copy .hero-actions{justify-content:center;margin-inline:auto}
@media(max-width:600px){.home-copy .home-lead{margin:22px auto}.home-copy .hero-actions{max-width:420px}}

/* Keep native macOS form chrome from overriding the site controls. */
:root{color-scheme:dark}:root[data-theme=light]{color-scheme:light}
button{appearance:none;-webkit-appearance:none;color:inherit}
button svg,.media-icon{flex-shrink:0}

.posting-platform-label{display:block}.posting-platform{display:block;width:100%;box-sizing:border-box;margin:0 0 12px;padding:13px 16px;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--text);font:12px Arial,sans-serif;cursor:pointer}.posting-platform:focus-visible{outline:2px solid var(--muted);outline-offset:3px}

.device-select-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;margin-bottom:12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#ffffff09,#ffffff02);color:var(--text);text-align:left;font-size:12px}.device-select-trigger span{flex:1}.device-select-trigger svg,.device-select-menu svg,#modes .buttons svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.device-select-menu{position:fixed;z-index:950;box-sizing:border-box;padding:6px;border:1px solid var(--line);border-radius:20px;background:var(--bg);box-shadow:inset 0 1px 0 #ffffff18,0 16px 40px #00000035;animation:source-controls-arrive .2s ease-out}.device-select-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:14px;background:transparent;color:var(--text);text-align:left;font-size:12px}.device-select-menu button[aria-selected=true]{background:var(--soft)}.device-select-menu button:hover,.device-select-menu button:focus-visible{background:var(--line);outline:none}.device-select-trigger:focus-visible{outline:2px solid var(--muted);outline-offset:3px}

.zairable-import{margin:18px 0 22px}.zairable-import label{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.zairable-import>div{display:flex;gap:10px}.zairable-import input,#zairable-link{flex:1;min-width:0;border:1px solid var(--line);border-radius:18px;padding:13px 16px;background:var(--soft);color:var(--text);font:12px Arial,sans-serif}.zairable-import button,.zairable-actions button{border:1px solid var(--line);border-radius:18px;padding:12px 16px;background:var(--soft);color:var(--text);font-size:12px}.zairable-import p{font-size:11px;color:var(--muted)}.zairable-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.zairable-actions .primary-link{align-items:center}#zairable-preview{display:block;max-width:100%;max-height:430px;margin-top:20px;background:#090909;border-radius:18px}#zairable-preview[hidden]{display:none}@media(max-width:500px){.zairable-import>div{flex-direction:column}}
.downloader #zairable-result{margin-top:24px;padding-top:24px;border-top:1px solid var(--line);min-width:0}
.downloader #zairable-result>label{display:block;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.02em;color:var(--muted);margin:0 0 10px}
#zairable-result #zairable-link{display:block;box-sizing:border-box;width:100%;font-size:12px;line-height:1.6;border-radius:14px;padding:14px 16px;text-overflow:ellipsis}
#zairable-result .zairable-actions{gap:8px;margin:14px 0 20px;align-items:center}
#zairable-result .zairable-actions>*{min-height:44px;box-sizing:border-box;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;transition:background .25s ease,transform .3s ease,border-color .25s ease}
#zairable-result .zairable-actions>*:hover{transform:translateY(-2px)}
#zairable-result .zairable-actions>*:active{transform:translateY(0)}
.zairable-stage{display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at top,rgba(95,80,105,.16),transparent 70%),#0d0c10;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.zairable-stage[hidden]{display:none}
#zairable-result #zairable-preview{display:block;width:100%;height:420px;max-height:420px;object-fit:contain;margin:0;border-radius:12px;background:transparent}
@media(max-width:600px){.zairable-stage{padding:8px;border-radius:18px}#zairable-result #zairable-preview{height:360px;max-height:55vh}#zairable-result .zairable-actions{display:grid;grid-template-columns:1fr 1fr}#zairable-result .zairable-actions .primary-link{grid-column:1/-1;grid-row:1}}
.zairable-viewer [data-view=tools]>:not(.tools-workspace),.zairable-viewer .tool-sidebar,.zairable-viewer #zairable-upload,.zairable-viewer #streamable-panel>.fine,.zairable-viewer #streamable-panel>h2+p,.zairable-viewer #zairable-watch{display:none}
.zairable-viewer .tools-workspace{display:block;max-width:960px;margin:50px auto 70px}
.zairable-viewer .tool-panels #streamable-panel{padding:clamp(20px,4vw,42px);border-radius:28px;min-height:400px}
.zairable-viewer #streamable-panel h2{font-size:clamp(23px,3vw,36px);line-height:1.25;overflow-wrap:anywhere;color:var(--text);margin:16px 0}
.zairable-viewer #zairable-result{display:flex;flex-direction:column;border-top:0;padding-top:0;margin-top:18px}
.zairable-viewer .zairable-stage{order:-1;margin-bottom:24px;min-height:300px}
.zairable-viewer #zairable-result #zairable-preview{height:min(58vh,560px);max-height:560px}
.zairable-viewer footer{max-width:960px;margin:auto}
.zairable-stage.video-sized{box-sizing:border-box;width:min(100%,var(--video-width));min-height:0;margin-left:auto;margin-right:auto;padding:8px;transition:width .7s cubic-bezier(.16,1,.3,1),box-shadow .5s ease,border-color .5s ease;box-shadow:0 18px 55px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.05)}
.zairable-stage.video-sized:hover{border-color:var(--muted);box-shadow:0 22px 65px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.08)}
#zairable-result .video-sized #zairable-preview,.zairable-viewer #zairable-result .video-sized #zairable-preview{width:100%;height:auto;max-height:none;aspect-ratio:var(--video-ratio);object-fit:contain;border-radius:15px}
@media(max-width:600px){.zairable-stage.video-sized{width:min(100%,var(--video-width));padding:6px}}
@media(prefers-reduced-motion:reduce){.zairable-stage.video-sized{transition:none}}
.zairable-stage{flex-direction:column}
.zairable-controls{width:100%;box-sizing:border-box;padding:10px 10px 3px;color:#f6f1eb;font-size:11px}
.zairable-timeline{display:flex;align-items:center;height:18px}
#zairable-result .zairable-timeline input{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;height:4px;min-height:0;margin:0;padding:0;border:0;border-radius:10px;cursor:pointer;background:linear-gradient(to right,#ffba75 var(--played,0%),#ffffff26 var(--played,0%))}
#zairable-result .zairable-timeline input::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#ffcb96;box-shadow:0 0 0 3px #ffba7515;transition:box-shadow .25s,transform .25s}
#zairable-result .zairable-timeline input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#ffcb96}
#zairable-result .zairable-timeline input:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 5px #ffba7520}
.zairable-control-row{display:flex;align-items:center;gap:8px;margin-top:4px}
.zairable-controls .zairable-control-row button{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;min-height:0;padding:8px;border:0;border-radius:11px;background:transparent;color:inherit;cursor:pointer;transition:background .25s,transform .25s}
.zairable-controls .zairable-control-row button:hover{background:#ffffff12;transform:translateY(-1px)}
.zairable-controls svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zairable-controls .video-play svg{fill:currentColor;stroke-width:1.5}
.video-clock{flex:1;font-variant-numeric:tabular-nums;white-space:nowrap}.video-clock span{color:#ffffff65}
.zairable-controls button:focus-visible,.zairable-controls input:focus-visible{outline:2px solid #ffcb96;outline-offset:4px}
.zairable-stage:fullscreen{width:100vw!important;height:100vh;border:0;border-radius:0;background:#09090b;justify-content:center}
.zairable-stage:fullscreen #zairable-preview{width:100%;height:calc(100vh - 90px)!important;max-height:none;object-fit:contain}
.zairable-stage:fullscreen .zairable-controls{max-width:1000px}

#zairable-result .zairable-timeline input::-webkit-slider-runnable-track{height:4px;background:transparent;border:0;border-radius:10px}#zairable-result .zairable-timeline input::-moz-range-track{height:4px;background:transparent;border:0}#zairable-result .zairable-timeline input::-webkit-slider-thumb{margin-top:-3px;border:0}
.membership-glass{box-sizing:border-box;width:min(440px,calc(100% - 36px));padding:30px;border:1px solid var(--line);border-radius:32px;color:var(--text);background:var(--paper);background:linear-gradient(135deg,var(--soft),transparent),color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:inset 0 1px 0 var(--line),0 24px 90px #0005;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);font-family:inherit;animation:member-arrive .55s cubic-bezier(.16,1,.3,1)}
.membership-glass::backdrop{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.membership-symbol{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;margin-bottom:20px;background:var(--soft);font-size:23px;color:var(--text)}
.membership-glass h2{font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.8px;margin:12px 0}.membership-glass p{font-size:13px;line-height:1.6;color:var(--muted)}.membership-glass .eyebrow{font-size:10px;letter-spacing:.12em}
.membership-links{display:flex;gap:8px;margin:22px 0;flex-wrap:wrap}.membership-links a{flex:1;border:1px solid var(--line);background:var(--soft);padding:12px;border-radius:15px;color:var(--text);font-size:12px;text-align:center;text-decoration:none;transition:background .2s,border-color .2s}.membership-links a:hover{border-color:var(--text)}
.membership-glass label{display:block;font-size:12px;margin-bottom:9px}.membership-glass input{box-sizing:border-box;width:100%;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}.membership-glass input::placeholder{color:var(--muted);opacity:.8}.membership-glass button{width:100%;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--solid);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.membership-glass button:disabled{opacity:.6}.membership-glass small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:16px}.membership-glass :focus-visible{outline:2px solid var(--text);outline-offset:4px}
@keyframes member-arrive{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.membership-glass{animation:none}}

/* Compact square collection player. */
.edit-player{--edit-width:490px;isolation:isolate}
.edit-player .edit-frame{border-radius:22px 22px 0 0;box-shadow:none}
.edit-player .edit-frame video{border-radius:0}
.edit-player .edit-caption,.edit-player .edit-controls{box-sizing:border-box;width:var(--edit-width);max-width:100%;background:var(--soft);border:1px solid var(--line)}
.edit-player .edit-caption{justify-content:space-between;padding:18px 20px 12px;margin:0;border-top:0;border-bottom:0}
.edit-player .edit-caption .mono{color:var(--muted);font-size:10px}
.edit-player .edit-controls{padding:0 16px 14px;border-top:0;border-radius:0 0 22px 22px}
.edit-player .edit-actions{margin:0;gap:8px}
.edit-player .edit-actions button{width:38px;height:38px;padding:10px;display:grid;place-items:center;border-radius:50%}
.edit-player .edit-actions label{gap:10px}
.edit-player .edit-actions input{width:clamp(65px,16vw,110px)}
.edit-player .edit-message:empty{display:none}
.edit-player .edit-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.edit-player .edit-toggle svg{fill:currentColor;stroke-width:1.2}
.edit-player .edit-actions :focus-visible{outline:2px solid var(--text);outline-offset:3px}
@media(max-width:500px){.edit-player{min-height:0}.edit-player .edit-caption{padding:16px 16px 10px}}

.community-logos>.credit-card.credit-premium{border-color:#b89756;box-shadow:inset 0 1px 0 #ecd49b30,0 0 0 1px #d5b16b0b;transition:border-color .3s,box-shadow .3s}
.community-logos>.credit-card.credit-premium:hover{border-color:#e1c17c;box-shadow:inset 0 1px 0 #f0dba84a,0 8px 28px #b8975614}
:root[data-theme=light] .community-logos>.credit-card.credit-premium{border-color:#947332}

.edit-player .edit-frame video{object-fit:contain!important;object-position:center}

html[data-route=zairable] [data-view]:not([data-view=zairable]){display:none}
#zairable-workspace{max-width:920px;margin:0 auto 80px}#streamable-panel{min-height:0}#zairable-cover-preview{width:150px;max-height:110px;object-fit:cover;border-radius:14px;margin:12px 0}.zairable-upload-progress{margin:22px 0}.zairable-upload-progress>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.zairable-upload-progress progress{width:100%;height:6px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:var(--line)}.zairable-upload-progress progress::-webkit-progress-bar{background:var(--line)}.zairable-upload-progress progress::-webkit-progress-value{background:#ffba75;transition:width .3s}.zairable-upload-progress progress::-moz-progress-bar{background:#ffba75}.zairable-library{border-top:1px solid var(--line);margin-top:35px;padding-top:26px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-heading h3{font-size:23px;font-weight:500}.library-heading>span{font-size:11px;color:var(--muted)}.upload-list{display:grid;gap:10px}.upload-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:18px;text-decoration:none;transition:background .25s}.upload-item:hover{background:var(--soft)}.upload-item img{width:64px;height:64px;object-fit:cover;border-radius:10px}.upload-item strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.upload-item small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.upload-item.expired{opacity:.5}.zairable-viewer [data-view=zairable]>.page-heading,.zairable-viewer .zairable-library{display:none}.zairable-viewer #zairable-workspace{margin-top:60px}@media(max-width:600px){.nav nav{gap:12px}.nav nav a{font-size:10px}.library-heading{align-items:flex-start;flex-direction:column;gap:0}}

#zairable-upload{display:flex;flex-direction:column;align-items:stretch;gap:10px;max-width:620px;margin-top:28px}#zairable-upload label{margin-top:8px}#zairable-upload input{box-sizing:border-box;width:100%;min-width:0;min-height:48px}#zairable-upload button{align-self:flex-start;min-height:46px;padding:13px 22px;border-radius:16px}#zairable-upload input[type=file]::file-selector-button{border:0;border-radius:10px;padding:8px 12px;margin-right:12px;background:var(--soft);color:var(--text);cursor:pointer}#zairable-upload #zairable-cover-preview{width:150px;margin:4px 0 10px}#streamable-panel>h2{margin-top:14px}#zairable-upload-progress{max-width:620px}

.frame-cover-dialog{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:90vh;overflow:auto;padding:30px;border:1px solid var(--line);border-radius:28px;background:var(--bg);color:var(--text);box-shadow:0 25px 100px #0008}.frame-cover-dialog::backdrop{background:#09080caa;backdrop-filter:blur(10px)}.frame-cover-dialog h2{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:16px 0}.frame-cover-dialog p{font-size:13px;color:var(--muted);line-height:1.7}.frame-cover-dialog button{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:15px;padding:12px 16px;cursor:pointer}.frame-cover-dialog .cover-close{float:right;padding:5px 12px;font-size:20px}.cover-question{display:flex;gap:10px;margin-top:24px}.frame-cover-dialog .cover-yes,.frame-cover-dialog .cover-save{background:#ffba75;color:#211710;border-color:transparent}.cover-picker video{display:block;width:100%;max-height:360px;object-fit:contain;background:#080808;border-radius:16px;margin:20px 0}.cover-picker label{font-size:12px}.cover-picker input{display:block;width:100%;margin:16px 0;accent-color:#ffba75}.cover-frame-step{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.cover-frame-step output{font-size:12px;font-variant-numeric:tabular-nums}.cover-picker .cover-save{width:100%}.cover-save:disabled{opacity:.45}.frame-cover-dialog :focus-visible{outline:2px solid #ffba75;outline-offset:3px}

#patcher.has-source .zairable-import{display:none}

.zairable-storage{margin:20px 0 24px;padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:var(--soft)}.zairable-storage>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}.zairable-storage output{color:var(--muted);font-variant-numeric:tabular-nums}.zairable-storage meter{display:block;width:100%;height:8px;margin:12px 0;accent-color:#ffba75}.zairable-storage meter::-webkit-meter-bar{background:var(--line);border:0}.zairable-storage meter::-webkit-meter-optimum-value{background:#ffba75}.zairable-storage small{font-size:10px;color:var(--muted)}

.remix-workspace{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(24px,5vw,70px);padding:clamp(24px,4vw,54px);border-radius:30px;margin-bottom:60px}.remix-intro h2{font-size:clamp(32px,4vw,54px);margin:28px 0 16px}.remix-upload{display:block;margin-top:32px;padding:24px;border:1px dashed currentColor;border-radius:18px;cursor:pointer}.remix-upload input{display:block;width:100%;margin-top:18px;max-width:100%}.remix-editor{display:flex;flex-direction:column;gap:18px;min-width:0}.remix-editor label{display:flex;justify-content:space-between;margin-top:12px}.remix-editor output{font-variant-numeric:tabular-nums;color:var(--accent,#ffb368)}.remix-editor input[type=range]{width:100%;accent-color:var(--accent,#ffb368);cursor:pointer}.remix-presets,.remix-actions,.remix-downloads{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.remix-workspace button{padding:12px 18px;border-radius:999px;border:1px solid #8e768c;background:transparent;color:inherit;cursor:pointer}.remix-workspace button[aria-pressed=true]{border-color:#ffb368;background:#ffb36820}.remix-workspace button:disabled{opacity:.45;cursor:wait}.remix-workspace button:hover:not(:disabled){transform:translateY(-2px)}.remix-workspace audio{width:100%;margin:12px 0}.remix-editor .fine{margin:0}.remix-editor [hidden]{display:none!important}@media(max-width:700px){.remix-workspace{grid-template-columns:1fr}.remix-presets button{flex:1;padding:12px 10px}.nav nav{flex-wrap:wrap}}

/* Remix: live sound deck. */
.remix-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 20px;background:linear-gradient(135deg,#ffb36809,#9e7aa80b);border:1px dashed #a58b9d80;transition:border-color .2s,background .2s,transform .2s;text-align:center;overflow:hidden}.remix-upload:hover,.remix-upload.dragging{border-color:#ffb368;background:#ffb36812;transform:translateY(-2px)}.remix-upload input{position:absolute;inset:0;margin:0;opacity:0;width:100%;height:100%;cursor:pointer}.remix-upload:focus-within{outline:2px solid #ffb368;outline-offset:4px}.remix-upload-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a58b9d70;border-radius:14px;font-size:28px;color:#ffb368;margin-bottom:4px}.remix-upload strong{font-weight:500}.remix-upload>span:last-of-type{font-size:12px;opacity:.65}.remix-player-card{margin-top:24px;padding:20px;border:1px solid #a58b9d45;border-radius:22px;background:#88888807}.remix-player-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.remix-live{font-size:10px;opacity:.65}.remix-player-card canvas{display:block;width:100%;height:100px;margin:8px 0}.remix-transport{display:flex;align-items:center;gap:12px}.remix-transport #remix-play{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:10px;background:#ffb368;color:#201723;border:0}.remix-transport svg{width:22px;height:22px;fill:currentColor}.remix-transport input{min-width:30px;flex:1}.remix-transport output{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.7}.remix-volume{display:flex;gap:14px;align-items:center;margin-top:16px;font-size:11px;opacity:.65}.remix-volume input{width:90px;accent-color:#ffb368}.remix-control{padding:8px 0 14px;border-bottom:1px solid #a58b9d25}.remix-control label{margin:0 0 18px}.remix-control>span{display:block;margin-top:12px;font-size:11px;opacity:.55}.remix-control input[type=range]{appearance:none;-webkit-appearance:none;height:4px;border-radius:4px;background:linear-gradient(to right,#ffb368 var(--fill),#a58b9d45 var(--fill));outline-offset:8px}.remix-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;background:#ffb368;border:3px solid #f5dac3;border-radius:50%;box-shadow:0 0 0 5px #ffb3680a}.remix-control input::-moz-range-thumb{width:11px;height:11px;background:#ffb368;border:3px solid #f5dac3;border-radius:50%}.remix-downloads{margin-top:6px;gap:12px}.remix-downloads>button:not(#remix-cancel){flex:1;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-radius:16px;gap:8px;background:linear-gradient(130deg,#ffb36813,transparent)}.remix-downloads small{font-size:10px;opacity:.6}.remix-editor{gap:14px}.remix-editor #remix-status{font-size:12px;line-height:1.6;min-height:20px}.remix-intro #remix-name{overflow-wrap:anywhere}.remix-transport input{accent-color:#ffb368}.remix-player-card audio[hidden]{display:none!important}@media(max-width:700px){.remix-workspace{gap:30px}.remix-intro h2{margin:12px 0}.remix-downloads small{display:none}.remix-transport{gap:8px}.remix-transport output{font-size:9px}}
.remix-player-card[hidden]{display:none!important}.remix-upload.has-file{padding:18px 20px;flex-direction:row;flex-wrap:wrap;gap:12px;border-style:solid}.remix-upload.has-file .remix-upload-icon{width:32px;height:32px;margin:0;font-size:23px}.remix-upload.has-file>span:last-of-type{display:none}
.remix-seasonal-note{position:absolute;right:26px;top:32px;color:var(--halloween-violet);opacity:.7}.remix-seasonal-note svg{width:48px;height:60px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}@media(max-width:600px){.remix-seasonal-note{right:8px;top:22px}.remix-seasonal-note svg{width:34px;height:44px}}
.remix-note-scene .scene-icon{color:var(--halloween-violet)}.remix-note-scene .scene-icon svg{fill:#b692e312;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.remix-note-scene .scene-icon svg path:nth-last-child(-n+2){fill:none}

/* Keep the theme control centered inside its own balanced hit area. */
.nav #theme{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;gap:8px;min-height:40px;margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:10px;line-height:1;white-space:nowrap}
.nav #theme-icon{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1}
.nav #theme-label{line-height:1}
@media(max-width:600px){.nav #theme{justify-self:end;width:40px;height:40px;padding:10px;gap:0}}
.discord-community .primary-link{display:inline-flex;align-items:center;gap:28px;margin-top:10px}.nav nav .discord-nav{color:var(--accent,#ffb368)}
.nav nav{align-items:center}.nav nav a{display:inline-flex;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap}
@media(max-width:600px){.nav{height:auto;padding-bottom:12px}.nav nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;padding-top:12px}.nav nav a,.nav nav a:nth-child(2){display:flex;min-height:44px;padding:8px 4px;font-size:12px;line-height:1.2;flex:none;border-radius:12px}.nav nav a:hover{background:var(--soft)}}
.mobile-menu{display:none}
@media(max-width:600px){
 .nav{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;min-height:72px;height:72px;padding:12px 16px;overflow:visible;z-index:20}
 .nav .brand{grid-column:1;grid-row:1}
 .nav .mobile-menu{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:12px;line-height:1}
 .nav .mobile-menu span{font-size:18px}
 .nav #theme{grid-column:3;grid-row:1}
 .nav nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;width:auto;margin:0;padding:12px;grid-template-columns:1fr;gap:4px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 18px 50px #0005;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
 @supports(backdrop-filter:blur(24px)){.nav nav{background:color-mix(in srgb,var(--paper) 88%,transparent)}}
 .nav.menu-open nav{display:grid}
 .nav nav a,.nav nav a:nth-child(2){justify-content:flex-start;padding:12px 16px;min-height:48px;font-size:14px}
 .nav nav a[aria-current=page]{background:var(--soft)}
 .nav nav .discord-nav{margin-top:8px;border:1px solid var(--line);justify-content:center;background:var(--soft)}
}
@media(max-width:600px){.nav{z-index:40}.nav nav{grid-column:1/-1;grid-row:auto}}
@media(max-width:600px){body.mobile-menu-open .site-music{visibility:hidden}.nav nav{background:var(--paper)}}
@keyframes mobile-menu-reveal{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.nav.menu-open nav{transform-origin:top right;animation:mobile-menu-reveal .24s cubic-bezier(.2,.7,.2,1)}}@media(prefers-reduced-motion:reduce){.nav.menu-open nav{animation:none}}:root[data-motion=reduced] .nav.menu-open nav{animation:none}
/* The phone menu grows from a compact island before revealing its links. */
@keyframes island-menu-open{0%{opacity:0;clip-path:inset(0 8% 82% 55% round 32px);transform:translateY(-12px) scale(.96)}55%{opacity:1;clip-path:inset(0 0 0 0 round 32px);transform:translateY(3px) scale(1.015)}100%{opacity:1;clip-path:inset(0 0 0 0 round 32px);transform:translateY(0) scale(1)}}
@keyframes island-link-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
 .nav .mobile-menu{background:#0c0b10;color:#f5edf3;border-color:#ffffff20;box-shadow:inset 0 1px 0 #ffffff10;transition:background .2s,box-shadow .2s}
 .nav.menu-open .mobile-menu{background:#19151f;box-shadow:0 0 20px #b291c21a}
 .nav nav{top:calc(100% + 8px);left:4px;right:4px;padding:16px;border-radius:32px;background:#0c0b10;color:#f5edf3;border-color:#ffffff24;box-shadow:0 24px 60px #0008,inset 0 1px 0 #ffffff14;transform-origin:75% 0;overflow:hidden}
 .nav.menu-open nav{animation:island-menu-open .48s cubic-bezier(.22,.8,.25,1) both}
 .nav.menu-open nav a{animation:island-link-in .24s ease-out .16s both}
 .nav.menu-open nav a:nth-child(2){animation-delay:.19s}
 .nav.menu-open nav a:nth-child(3){animation-delay:.22s}
 .nav.menu-open nav a:nth-child(4){animation-delay:.25s}
 .nav.menu-open nav a:nth-child(5){animation-delay:.28s}
 .nav.menu-open nav a:nth-child(6){animation-delay:.31s}
 .nav.menu-open nav a:nth-child(7){animation-delay:.34s}
 .nav nav a,.nav nav a:nth-child(2){border-radius:18px;min-height:48px}
 .nav nav a:hover,.nav nav a[aria-current=page]{background:#ffffff0c}
 .nav nav .discord-nav{border-color:#ffffff20;background:#ffffff08;color:#ffb368;border-radius:999px;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.nav.menu-open nav,.nav.menu-open nav a{animation:none}}
:root[data-motion=reduced] .nav.menu-open nav,:root[data-motion=reduced] .nav.menu-open nav a{animation:none}
@keyframes island-menu-close{from{opacity:1;clip-path:inset(0 0 0 0 round 32px);transform:translateY(0) scale(1)}to{opacity:0;clip-path:inset(0 8% 82% 55% round 32px);transform:translateY(-12px) scale(.96)}}
@media(max-width:600px){
 .nav .mobile-menu,.nav.menu-open .mobile-menu{background:var(--soft);color:var(--text);border-color:var(--line)}
 .nav nav{background:var(--paper);color:var(--text);border-color:var(--line);box-shadow:0 24px 60px #0005,inset 0 1px 0 #ffffff10}
 @supports(backdrop-filter:blur(24px)){.nav nav{background:color-mix(in srgb,var(--paper) 94%,transparent)}}
 .nav.menu-closing nav{display:grid;pointer-events:none;animation:island-menu-close .3s cubic-bezier(.4,0,.6,1) both}
 .nav.menu-closing nav a{opacity:0;transition:opacity .1s}
 body.mobile-menu-closing .site-music{visibility:hidden}
 .nav nav a:hover,.nav nav a[aria-current=page]{background:var(--soft)}
 .nav nav .discord-nav{border-color:var(--line);background:var(--soft);color:var(--accent,#ffb368)}
}
@media(prefers-reduced-motion:reduce){.nav.menu-closing nav{animation:none}}
:root[data-motion=reduced] .nav.menu-closing nav{animation:none}
/* Keep the island content present throughout retraction instead of flashing blank. */
@keyframes island-links-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}
@media(max-width:600px){
 .nav .mobile-menu,.nav nav a{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
 .nav.menu-closing nav a{opacity:1;animation:island-links-out .18s ease-in both;transition:none}
 .nav.menu-closing nav{animation-duration:.34s}
 .site-music{transition:opacity .18s ease,transform .25s ease,visibility .18s}
 body.mobile-menu-open .site-music,body.mobile-menu-closing .site-music{visibility:hidden;opacity:0;transform:translateY(-5px);pointer-events:none}
}

.device-select-menu{background:linear-gradient(140deg,#3c2c3e,#2d2337);border-color:#b799bb66;box-shadow:inset 0 1px 0 #ffffff18,0 16px 40px #160f2440}.device-select-menu button{transition:background .18s ease,color .18s ease}.device-select-menu button[aria-selected=true]{background:#d1a2d51f}.device-select-menu button:hover,.device-select-menu button:focus-visible{background:#d1a2d533}.device-select-trigger>svg:last-child{transition:transform .24s ease}.device-select-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}:root[data-theme=light] .device-select-menu{background:linear-gradient(140deg,#f6e9f1,#e9deef);border-color:#9e79a466}:root[data-motion=reduced] .device-select-menu button,:root[data-motion=reduced] .device-select-trigger>svg:last-child{transition:none}

.device-select-menu button>span{flex:1;min-width:0}.variant-recommended{margin-left:auto;padding:4px 7px;border:1px solid #ffb66566;border-radius:20px;color:#ffd2a0;background:#ffb66516;font-size:9px;font-weight:600;white-space:nowrap}:root[data-theme=light] .variant-recommended{color:#805018;background:#ffb66526;border-color:#b27a3f55}

.downscale-choice{margin:12px 0 8px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--text);font-size:12px}.downscale-choice[aria-pressed=true]{border-color:#ffb66599;background:#ffb66518;color:#ffb665}
.rebuilt-preview{width:100%;max-height:330px;object-fit:contain;border-radius:18px;background:#211725;margin:12px 0}.rebuilt-variant{position:relative}.rebuilt-menu{position:absolute;top:100%;left:0;width:100%;z-index:30}.rebuilt-menu button span{flex:1;min-width:0}#patcher #progress{width:100%}
#patcher .workflow{padding:28px}#patcher .tool-controls{padding:28px}#patcher .downscale-choice{padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--text);font-size:12px}#patcher .downscale-choice[aria-pressed=true]{background:#ffb66518;border-color:#ffb66577;color:#ffb665}.rebuilt-preview{max-height:260px}
.rebuilt-patcher{overflow:visible!important;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);border-radius:28px!important;background:linear-gradient(140deg,#38252d77,#261e3377)!important}.rebuilt-patcher .workflow{padding:42px!important;border-right:1px solid var(--line)}.rebuilt-patcher .workflow h2{font-size:clamp(28px,3.3vw,46px);line-height:1.1;letter-spacing:-1.8px;margin:24px 0}.rebuilt-intro{font-size:13px!important;line-height:1.85;color:var(--muted)}.rebuilt-steps{display:grid;gap:20px;margin:34px 0 40px}.rebuilt-steps span{display:flex;gap:14px;font-size:12px;align-items:center;color:var(--muted)}.rebuilt-steps b{font-size:10px;color:#ffb665;font-weight:400}.rebuilt-patcher .workflow>.fine{line-height:1.8;font-size:11px;max-width:270px}.rebuilt-patcher .workflow>p:last-child{font-size:12px;margin-top:25px}.rebuilt-patcher .tool-controls{padding:34px!important;min-width:0}.rebuilt-patcher .upload{min-height:245px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;border:1px dashed #bba2c566!important;border-radius:22px!important;background:radial-gradient(ellipse at 50% 20%,#a980b41b,transparent 70%)!important;padding:26px;width:100%;transition:border-color .2s,background .2s}.rebuilt-patcher .upload:hover{border-color:#ffb665aa!important;background:#ffb6650a!important}.rebuilt-upload-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#ffffff08;border:1px solid var(--line);color:#ffb665}.rebuilt-upload-icon svg{width:23px;height:23px}.rebuilt-patcher .upload strong{font-size:20px;font-weight:500;letter-spacing:-.5px}.rebuilt-patcher .upload .hint{font-size:12px;color:var(--muted)}.rebuilt-upload-foot{width:100%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:var(--muted);margin-top:28px}.rebuilt-patcher #filename{font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;margin:18px 0}.rebuilt-patcher #status{font-size:12px;color:var(--muted);line-height:1.7;margin:22px 0}.rebuilt-patcher .rebuilt-preview{display:block;width:auto;max-width:100%;height:260px;margin:20px auto;object-fit:contain}.rebuilt-patcher .rebuilt-preview[hidden]{display:none}.rebuilt-patcher #change-video{padding:9px 14px;border:1px solid var(--line);background:var(--soft);border-radius:12px;font-size:11px;margin-bottom:22px}.rebuilt-patcher .prompt{font-size:11px;color:var(--muted);display:block;margin-bottom:10px}.rebuilt-patcher .device-select-trigger{min-height:50px;padding:14px 16px}.rebuilt-patcher #patch-settings>.fine{font-size:10px;line-height:1.7;max-width:420px;margin:10px 0 22px}.rebuilt-patcher #patch{width:100%;padding:16px;border-radius:16px;background:#ffb665;color:#241b17;border:1px solid #ffcb8d;font-size:12px}.rebuilt-patcher #progress-wrap{margin-top:20px}.rebuilt-patcher #cancel{margin-top:9px;border:0;background:transparent;font-size:11px;color:var(--muted)}.rebuilt-patcher .download{font-size:12px;padding:16px;border-radius:16px}.rebuilt-patcher .rebuilt-menu{box-shadow:0 16px 45px #170f254d}.rebuilt-patcher .rebuilt-menu button{min-height:44px}.rebuilt-patcher .rebuilt-menu button>span{font-size:11px}:root[data-theme=light] .rebuilt-patcher{background:linear-gradient(140deg,#f7ede6dd,#ece5f4dd)!important}@media(max-width:700px){.rebuilt-patcher{grid-template-columns:1fr!important}.rebuilt-patcher .workflow{padding:26px!important;border-right:0;border-bottom:1px solid var(--line)}.rebuilt-patcher .workflow h2{font-size:33px;margin:16px 0}.rebuilt-steps{gap:12px;margin:20px 0}.rebuilt-patcher .tool-controls{padding:24px!important}.rebuilt-patcher .workflow>.fine{max-width:none}.rebuilt-patcher .upload{min-height:210px}}
#patcher.rebuilt-patcher.has-source{display:block!important}#patcher.rebuilt-patcher.has-source .tool-controls{display:grid!important;grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);gap:0 32px;width:100%!important;max-width:none!important;padding:32px!important;align-items:start}.rebuilt-source-card{grid-column:1;grid-row:1/5;border:1px solid var(--line);border-radius:22px;padding:20px;background:linear-gradient(145deg,#ffffff07,#ffffff02);text-align:center;min-width:0}.rebuilt-source-card .eyebrow{font-size:9px;text-align:left;color:var(--muted);margin:0}.rebuilt-patcher .rebuilt-source-card #filename{text-align:left;font-size:11px;margin:10px 0 18px}.rebuilt-patcher .rebuilt-source-card .rebuilt-preview{height:330px;max-height:42vh;margin:0 auto 18px;border-radius:16px}.rebuilt-patcher #patch-settings{grid-column:2;padding-top:6px}.rebuilt-patcher #progress-wrap,.rebuilt-patcher #status,.rebuilt-patcher #download{grid-column:2}.rebuilt-patcher #patch-settings .buttons{display:block}.rebuilt-patcher #patch-settings .device-select-trigger{margin-bottom:22px}.rebuilt-patcher.has-source #status{margin:18px 0}.rebuilt-patcher .rebuilt-source-card #change-video{margin:0;width:100%;background:#ffffff05}.rebuilt-patcher.has-source .workflow{display:none!important}.rebuilt-source-card[hidden]{display:none!important}@media(max-width:700px){#patcher.rebuilt-patcher.has-source .tool-controls{grid-template-columns:1fr!important;padding:22px!important;gap:22px}.rebuilt-source-card{grid-column:1;grid-row:auto}.rebuilt-patcher #patch-settings,.rebuilt-patcher #progress-wrap,.rebuilt-patcher #status,.rebuilt-patcher #download{grid-column:1}.rebuilt-patcher .rebuilt-source-card .rebuilt-preview{height:260px}.rebuilt-patcher.has-source #status{margin:0}}
#patcher.rebuilt-patcher.has-source .tool-controls{grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:0 34px;padding:28px!important;align-content:start}.rebuilt-source-card{width:100%;padding:16px;border-radius:20px;grid-row:1/7}.rebuilt-patcher .rebuilt-source-card .rebuilt-preview{width:100%;height:auto;max-height:none;aspect-ratio:var(--source-ratio,9/16);object-fit:contain;background:transparent;border-radius:13px}.rebuilt-patcher .rebuilt-source-card #filename{font-size:10px;line-height:1.5;margin:9px 0 14px}.rebuilt-patcher #patch-settings{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#ffffff07,#ffffff02)}.rebuilt-patcher #patch-settings:before{content:"02 / YOUR METHOD";display:block;font-size:9px;letter-spacing:1.1px;color:var(--muted);margin-bottom:24px}.rebuilt-patcher #status{padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#ffffff03;font-size:11px}.rebuilt-patcher #patch-settings .device-select-trigger{margin-bottom:16px}.rebuilt-patcher #patch-settings>.fine{margin:10px 0 20px}.rebuilt-patcher #patch{min-height:48px}.rebuilt-patcher #progress-wrap{align-self:start}.rebuilt-patcher.source-landscape.has-source .tool-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:700px){#patcher.rebuilt-patcher.has-source .tool-controls{grid-template-columns:1fr!important;padding:20px!important;gap:18px}.rebuilt-source-card{max-width:290px;justify-self:center;grid-row:auto}.rebuilt-patcher.source-landscape .rebuilt-source-card{max-width:none}.rebuilt-patcher #patch-settings{padding:18px}.rebuilt-patcher #status{padding:12px 15px}}
.source-filename{color:var(--muted);font-size:12px;margin:0 0 16px 4px;overflow-wrap:anywhere}#patcher.rebuilt-patcher.has-source{background:linear-gradient(145deg,#30242a66,#251e3266)!important}#patcher.rebuilt-patcher.has-source .tool-controls{padding:30px!important;gap:0 40px;grid-template-columns:220px minmax(0,1fr)}.rebuilt-patcher .rebuilt-source-card{padding:0;border:0;border-radius:0;background:none;grid-row:1/7}.rebuilt-patcher .rebuilt-source-card>.eyebrow{display:none}.rebuilt-patcher .rebuilt-source-card .rebuilt-preview{margin:0 auto 14px;border:1px solid var(--line);border-radius:18px}.rebuilt-patcher #patch-settings{border:0;border-radius:0;background:none;padding:12px 0}.rebuilt-patcher #patch-settings:before{content:"YOUR METHOD";margin-bottom:28px}.rebuilt-patcher.has-source #status{border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:17px 0;color:var(--muted)}#downscale-toggle[hidden],#downscale-note[hidden]{display:none!important}.rebuilt-patcher #change-video{border-radius:12px!important;min-height:38px}.rebuilt-patcher #patch-settings .device-select-trigger{border-radius:14px}.rebuilt-patcher #patch{margin-top:6px}@media(max-width:700px){#patcher.rebuilt-patcher.has-source .tool-controls{grid-template-columns:1fr!important;gap:22px;padding:24px!important}.rebuilt-patcher #patch-settings{width:100%;padding:0}.rebuilt-patcher #patch-settings:before{margin-bottom:18px}}
.source-player{padding:12px 2px 14px;margin-top:-6px}.source-time{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums;margin-bottom:9px}.source-player-actions{display:flex;align-items:center;gap:10px;margin-top:13px}.source-player-actions button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:10px;background:#ffffff06;color:var(--text);padding:7px}.source-player-actions button:first-child{background:#ffb6651c;color:#ffb665;border-color:#ffb66555}.source-player-actions svg{width:16px;height:16px;stroke-width:1.7}.source-range{appearance:none;-webkit-appearance:none;display:block;width:100%;height:4px;border:0;border-radius:6px;background:linear-gradient(to right,#ffb665 var(--range-fill,0%),#bba1be33 var(--range-fill,0%));cursor:pointer;padding:0!important;min-height:0!important}.source-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;background:#ffe3bf;border-radius:50%;box-shadow:0 0 0 3px #ffb66513;transition:box-shadow .2s}.source-range::-moz-range-thumb{width:10px;height:10px;background:#ffe3bf;border:0;border-radius:50%}.source-range:hover::-webkit-slider-thumb,.source-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #ffb66522}#source-volume{flex:1;min-width:30px}.rebuilt-patcher .rebuilt-source-card .rebuilt-preview{margin-bottom:12px}
.patch-details{grid-column:2;align-self:start;margin-top:8px;padding:20px 0;border-top:1px solid var(--line)}.patch-detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.patch-detail-heading .eyebrow{font-size:9px;margin:0;letter-spacing:1px;color:var(--muted)}.patch-local-tag{font-size:9px;color:var(--muted);padding:5px 9px;border:1px solid var(--line);border-radius:20px;background:#ffffff03}.patch-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.patch-facts>div{display:flex;flex-direction:column;gap:9px}.patch-facts span{font-size:10px;color:var(--muted)}.patch-facts strong{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.patch-tips{margin-top:24px;display:grid;gap:12px}.patch-tips p{margin:0;font-size:11px;line-height:1.6;color:var(--muted);display:flex;gap:10px}.patch-tips p>span{color:#ffb665;width:14px;text-align:center;flex-shrink:0}.patch-credit{grid-column:2;align-self:end;display:flex;gap:20px;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:10px;color:var(--muted)}.patch-credit a{color:var(--text)}.patch-credit a:hover{color:#ffb665}.patch-details[hidden],.patch-credit[hidden]{display:none!important}@media(max-width:700px){.patch-details,.patch-credit{grid-column:1}.patch-facts{gap:10px}.patch-facts strong{font-size:11px}}
#patcher.rebuilt-patcher.has-source .patch-details,#patcher.rebuilt-patcher.has-source .patch-credit{grid-column:2;grid-row:auto}@media(max-width:700px){#patcher.rebuilt-patcher.has-source .patch-details,#patcher.rebuilt-patcher.has-source .patch-credit{grid-column:1}}
.rebuilt-menu{transform-origin:top center;will-change:transform,opacity}.rebuilt-menu button{transition:background .2s ease,color .2s ease}.rebuilt-variant .device-select-trigger{transition:border-color .25s ease,background .25s ease}.rebuilt-variant .device-select-trigger[aria-expanded=true]{border-color:#b799bb99;background:#b799bb0d}:root[data-motion=reduced] .rebuilt-menu{will-change:auto}

/* October workspace additions */
.batch-panel{border:1px solid var(--line);border-radius:22px;background:var(--soft);padding:22px;margin:24px 0 36px}.batch-panel summary{cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px}.batch-panel summary span{font-size:10px;color:var(--muted)}.batch-panel p{font-size:12px;color:var(--muted);line-height:1.8}.batch-add{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:20px 0;font-size:12px}.batch-add input{max-width:100%}.batch-list{list-style:none;padding:0;display:grid;gap:12px}.batch-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;border-bottom:1px solid var(--line);padding:12px 0}.batch-list strong{font-size:12px;overflow-wrap:anywhere}.batch-list span{grid-column:1;font-size:11px;color:var(--muted)}.batch-list progress{grid-column:1;width:100%;height:4px;accent-color:var(--solid)}.batch-row-actions{grid-column:2;grid-row:1/4;display:flex;align-items:center;gap:8px}.batch-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.batch-panel button,.admin-page button{border:1px solid var(--line);border-radius:13px;background:var(--soft);color:var(--text);padding:11px 15px;font-size:12px;cursor:pointer}.batch-actions [data-start],.admin-save button:first-child,#admin-signin{background:var(--solid);color:var(--ink)}.batch-panel button:disabled,.admin-page button:disabled{opacity:.4;cursor:default}#remix-wave{touch-action:none;cursor:crosshair}#remix-wave:focus-visible{outline:2px solid var(--solid);outline-offset:5px;border-radius:8px}.edit-categories{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 24px}.edit-categories button{width:auto!important;display:block!important;padding:10px 14px!important;border:1px solid var(--line)!important;border-radius:20px;font-size:11px!important;background:var(--soft)}.edit-categories button[aria-selected=true]{border-color:var(--solid)!important;color:var(--solid)}.site-announcement{border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-size:12px;color:var(--solid)}.site-announcement[hidden]{display:none}.admin-page{max-width:1000px;margin:0 auto;padding:36px 24px 80px}.admin-page h1{font-size:clamp(32px,5vw,56px);letter-spacing:-2px;margin:22px 0 32px}.admin-page h2{font-size:22px;font-weight:500}.admin-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--soft)}#admin-login{max-width:480px}.admin-card label{display:grid;gap:10px;margin:18px 0;font-size:12px;color:var(--muted)}.admin-card input:not([type=checkbox]),.admin-card textarea{width:100%;box-sizing:border-box;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);font:inherit}.admin-card .admin-check{display:flex;align-items:center;gap:10px}.admin-edit{border-top:1px solid var(--line);margin:24px 0;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.admin-edit label{margin:10px 0}.admin-edit label:has([data-field=src]){grid-column:1/-1}.admin-edit-actions,.admin-save,.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.admin-edit-actions{grid-column:1/-1;margin-top:12px}.admin-save{margin-top:28px}.admin-toolbar{justify-content:space-between;margin-bottom:20px}.admin-toolbar p,#admin-status,#admin-login-note{font-size:13px;line-height:1.8;color:var(--muted)}[hidden]{display:none!important}@media(max-width:600px){.batch-row-actions{grid-column:1;grid-row:auto}.batch-list{gap:8px}.batch-panel{padding:18px}.admin-card{padding:20px}.admin-edit{grid-template-columns:1fr}.edit-categories{gap:6px}.edit-categories button{font-size:10px!important}}@media(prefers-reduced-motion:reduce){.edit-frame,.edit-frame video{transition:none!important}}
.edit-player .edit-caption,.edit-player .edit-controls{transition:width .85s cubic-bezier(.16,1,.3,1)}:root[data-motion="reduced"] .edit-player .edit-caption,:root[data-motion="reduced"] .edit-player .edit-controls{transition:none}@media(prefers-reduced-motion:reduce){.edit-player .edit-caption,.edit-player .edit-controls{transition:none}}

/* Admin publishing desk */
.admin-page{max-width:1100px}.admin-lead{font-size:14px;color:var(--muted);margin:-16px 0 32px}.admin-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.admin-overview article{border:1px solid var(--line);background:var(--soft);border-radius:18px;padding:20px}.admin-overview span{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.admin-overview strong{font-size:24px;font-weight:500}.admin-sections{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.admin-sections a{font-size:12px;padding:12px 16px;border:1px solid var(--line);border-radius:30px;background:var(--soft)}.admin-sections a:last-child{margin-left:auto;color:var(--solid)}#admin-content{display:grid;gap:24px}#admin-content>.admin-card{scroll-margin-top:24px}.admin-card h2{margin:12px 0 20px}.admin-card .eyebrow{font-size:10px;margin-top:0}.admin-announcement-preview{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,#ffb3680a,#bb93e308)}.announcement-label{font-size:9px;letter-spacing:1.2px;color:var(--solid)}.admin-announcement-preview p{font-size:14px;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}.admin-card label:has(#admin-announcement){position:relative}#admin-announcement-count{position:absolute;right:0;top:0;font-size:10px}.admin-edit{display:block;border:1px solid var(--line);border-radius:16px;margin:12px 0;padding:0;background:var(--soft)}.admin-edit summary{display:flex;gap:14px;align-items:center;cursor:pointer;padding:18px;list-style:none}.admin-edit summary::-webkit-details-marker{display:none}.admin-edit-number{font-size:10px;color:var(--muted)}.admin-edit-title{font-size:13px;font-weight:500;overflow-wrap:anywhere}.admin-edit-category{margin-left:auto;font-size:10px;color:var(--solid)}.admin-edit-fields{padding:0 20px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.admin-ratio-presets{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.admin-ratio-presets button{font-size:10px;padding:8px 10px}.admin-edit-actions button:last-child{margin-left:auto;color:#e7a59e}.admin-save{position:sticky;bottom:18px;z-index:3;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:18px 22px;margin:0;box-shadow:0 12px 40px #0003}.admin-save>div{margin-right:auto}.admin-save strong,.admin-save small{display:block}.admin-save strong{font-size:12px;font-weight:500}.admin-save small{font-size:10px;color:var(--muted);margin-top:6px}.admin-save #admin-save-button{background:var(--solid);color:var(--ink)}.admin-save #admin-reload{background:var(--soft);color:var(--text)}body[data-dirty=true] #admin-draft-state{color:var(--solid)}#admin-status{min-height:24px}#admin-login{padding:32px}#admin-signin{width:100%;margin-top:10px}.site-announcement{display:flex;align-items:center;gap:18px;margin:14px 0 0;padding:16px 22px;background:linear-gradient(120deg,#ffb3680a,#bb93e308)}.site-announcement p{margin:0;color:var(--text);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.site-announcement .announcement-label{flex-shrink:0}@media(max-width:600px){.admin-overview{gap:8px}.admin-overview article{padding:14px}.admin-overview strong{font-size:18px}.admin-overview span{font-size:10px}.admin-sections a:last-child{margin-left:0}.admin-edit-fields{grid-template-columns:1fr;padding:0 16px 16px}.admin-edit summary{gap:10px;padding:16px}.admin-edit-category{max-width:90px}.admin-save{bottom:10px;padding:14px;gap:10px}.admin-save>div{width:100%}.admin-save button{flex:1}.site-announcement{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 18px}}
body[data-page=admin]{--bg:#1c1622;--soft:#ffffff06;--line:#b69ac02e;--text:#f5ece5;--muted:#c3b2c6;--solid:#ffb368;--ink:#24170e;background:radial-gradient(ellipse at 90% 0,#3a26443d,transparent 55%),linear-gradient(140deg,#171116,#21182a);color:var(--text);min-height:100vh}.admin-page .admin-card{background:linear-gradient(130deg,#ffffff05,#ffffff02);box-shadow:inset 0 1px 0 #ffffff06}.admin-page .admin-sections a:hover{border-color:var(--solid)}
/* Fast video uploads and the batch workspace */
.admin-video-drop,.batch-panel .batch-add{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:32px 20px;border:1px dashed #bca2c550;border-radius:20px;background:linear-gradient(130deg,#ffb36807,#b795cd06);cursor:pointer;transition:border-color .25s,background .25s}.admin-video-drop input,.batch-add input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.admin-video-drop strong,.batch-add strong{font-size:17px;font-weight:500;color:var(--text)}.admin-video-drop>span:not(.drop-icon),.batch-add>span:not(.drop-icon){font-size:12px;color:var(--muted)}.admin-video-drop small,.batch-add small{font-size:10px;color:var(--muted);line-height:1.6}.drop-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;color:var(--solid);font-size:25px;background:#ffb36808}.admin-video-drop:hover,.admin-video-drop.dragging,.batch-add:hover,.batch-add.dragging{border-color:var(--solid);background:#ffb3680a}.admin-video-drop:focus-within,.batch-add:focus-within{outline:2px solid var(--solid);outline-offset:3px}#admin-upload-status{font-size:12px;color:var(--solid);line-height:1.7}.admin-edit-fields{grid-template-columns:minmax(120px,.6fr) 1fr;align-items:start}.admin-edit-preview{grid-column:1;grid-row:1/4;width:100%;max-height:240px;object-fit:contain;background:#100c16;border:1px solid var(--line);border-radius:12px}.admin-edit-fields>label{grid-column:2}.admin-video-details{grid-column:2;padding:10px 0;color:var(--muted);font-size:11px}.admin-video-details>summary{font-size:11px;cursor:pointer}.admin-video-details .admin-ratio-presets button{font-size:9px}#admin-edits .admin-edit-actions{grid-column:2}.batch-panel{padding:26px 28px;background:linear-gradient(135deg,#b795cd08,#ffb36804);box-shadow:inset 0 1px 0 #ffffff08}.batch-panel summary>div{display:grid;gap:9px}.batch-panel summary .batch-eyebrow{font-size:9px;letter-spacing:1.1px;color:var(--muted)}.batch-panel summary strong{font-size:23px;font-weight:500;letter-spacing:-.5px}.batch-summary-count{align-self:center;border:1px solid var(--line);padding:9px 12px;border-radius:20px}.batch-panel .batch-intro{margin:18px 0 22px}.batch-panel .batch-add{margin:0 0 20px;min-height:170px;box-sizing:border-box}.batch-overview{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);padding:8px 0}.batch-method{color:var(--solid)}.batch-list li{position:relative;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft);grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.batch-list strong{padding-right:90px}.batch-state{position:absolute;top:16px;right:16px;font-size:9px;letter-spacing:.2px;border:1px solid var(--line);border-radius:12px;padding:5px 8px;color:var(--muted)}.batch-list li[data-state=ready] .batch-state{color:#b9d6ab;border-color:#b9d6ab40}.batch-list li[data-state=processing] .batch-state{color:var(--solid)}.batch-list li[data-state=failed] .batch-state{color:#efa7a0}.batch-panel .batch-row-actions{grid-row:2/4}.batch-actions{padding-top:20px;border-top:1px solid var(--line)}.batch-actions [data-zip]{margin-left:auto}.batch-panel button{font-size:11px;padding:12px 16px}.batch-actions [data-start]{min-width:140px}.batch-status:empty{display:none}@media(max-width:600px){.batch-panel{padding:20px}.batch-panel summary strong{font-size:20px}.batch-summary-count{font-size:9px!important;padding:8px!important}.batch-overview{flex-wrap:wrap}.batch-actions [data-zip]{margin-left:0}.batch-actions button{flex:1;white-space:nowrap}.batch-panel .batch-row-actions{grid-column:1;grid-row:auto}.admin-edit-fields{grid-template-columns:1fr}.admin-edit-preview{grid-row:auto;max-height:220px}.admin-edit-fields>label,.admin-video-details,#admin-edits .admin-edit-actions{grid-column:1}.batch-list strong{padding-right:70px}}
.edit-player .edit-actions{flex-wrap:wrap}.edit-player .edit-actions input{width:clamp(40px,7vw,80px)}.edit-player .edit-actions label{font-size:10px;gap:8px}
.batch-panel{box-sizing:border-box}.batch-body{display:flow-root}.batch-panel summary{user-select:none}.batch-panel summary:focus-visible{outline:2px solid var(--solid);outline-offset:8px;border-radius:8px}.batch-summary-count{transition:background .3s,border-color .3s}.batch-panel.is-expanded .batch-summary-count{border-color:#ffb36850;background:#ffb36808}.admin-card .admin-video-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:24px 0 18px}.admin-card .admin-video-drop>.drop-icon{align-self:center;flex-shrink:0}.admin-card .admin-video-drop>strong,.admin-card .admin-video-drop>span,.admin-card .admin-video-drop>small{align-self:center;text-align:center}
/* Announcements stay clear of navigation and music controls. */
body>.site-announcement{position:fixed;z-index:120;right:24px;bottom:24px;width:min(430px,calc(100vw - 48px));box-sizing:border-box;display:flex;align-items:flex-start;gap:14px;margin:0;padding:20px 44px 22px 20px;overflow:hidden;border:1px solid #bd9dc13d;border-radius:22px;background:linear-gradient(135deg,#302536f5,#211a2af5);color:#f5ece5;box-shadow:0 18px 60px #0005,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(24px)}.announcement-symbol{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #ffb36835;border-radius:11px;background:#ffb3680c;color:#ffb368;font-size:20px}.announcement-copy{min-width:0;flex:1}.site-announcement .announcement-label{display:block;font-size:9px;letter-spacing:1.15px;color:#ffb368;margin:2px 0 8px}.site-announcement .announcement-copy p{font-size:13px;line-height:1.65;color:#f5ece5;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.announcement-close{position:absolute;top:11px;right:10px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#c4b2ca;cursor:pointer}.announcement-close:hover{background:#ffffff0a;color:#fff}.announcement-close:focus-visible{outline:2px solid #ffb368;outline-offset:1px}.announcement-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.announcement-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#bd96e1,#ffb368);transform-origin:left}:root[data-theme=light] body>.site-announcement{background:linear-gradient(135deg,#fbf5eef5,#eee3f2f5);border-color:#a98fad50;box-shadow:0 18px 60px #3b204426}:root[data-theme=light] .site-announcement .announcement-copy p{color:#352839}:root[data-theme=light] .announcement-close{color:#66516b}@media(max-width:600px){body>.site-announcement{right:16px;bottom:88px;width:calc(100vw - 32px);flex-direction:row;gap:12px;padding:18px 40px 20px 16px;border-radius:20px}}:root[data-motion=reduced] .announcement-progress{display:none}
:root .patch-result-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
:root .patch-result-actions .download{margin:0;flex:1;text-align:center;min-width:180px}
.autopost-panel{margin-top:20px;padding:24px;border:1px solid var(--line, #625166);border-radius:24px;background:color-mix(in srgb,var(--surface,#291e2c) 92%,transparent)}
.autopost-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.autopost-heading h3{font-size:24px;margin:8px 0 16px}.autopost-heading button{font-size:24px;padding:4px 12px;border-radius:50%}
.autopost-panel label{display:grid;gap:8px;font-size:13px;margin:16px 0}.autopost-panel input,.autopost-panel select,.autopost-panel textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:14px;border:1px solid #66516d;background:transparent;color:inherit;font:inherit}.autopost-panel option{background:#302335;color:#f6ece6}.autopost-panel textarea{resize:vertical}.autopost-connect button{padding:10px 16px;margin-right:8px;border-radius:14px}.autopost-panel .autopost-check{display:flex;align-items:flex-start;line-height:1.6}.autopost-check input{width:18px;flex:none;margin-top:3px}.autopost-panel .patch-action{width:100%;padding:16px;border-radius:18px;background:#ffb663;color:#1e141b}.autopost-panel [role=status]{font-size:13px;line-height:1.6;margin-bottom:0}.autopost-panel a{text-decoration:underline}.autopost-panel[hidden],.patch-result-actions [hidden]{display:none!important}
#patcher.rebuilt-patcher.has-source .patch-result-actions,#patcher.rebuilt-patcher.has-source .autopost-panel{grid-column:2;align-self:start;min-width:0}
#patcher.rebuilt-patcher.has-source .tool-controls{grid-auto-rows:min-content;align-content:start}
#patcher .patch-result-actions{margin:0 0 24px;gap:12px;display:grid;grid-template-columns:1fr 1fr}
#patcher .patch-result-actions .download{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:56px;border-radius:16px;padding:14px 20px;font-size:13px;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}
#patcher .patch-result-actions #download{background:var(--soft);border:1px solid var(--line);color:var(--text);box-shadow:none}
#patcher.rebuilt-patcher.has-source .patch-result-actions>*{grid-column:auto!important;grid-row:auto!important;align-self:stretch}
#patcher .patch-result-actions #autopost-trigger{background:linear-gradient(120deg,#ffc17c,#ffad58);border:1px solid #ffc17c;color:#281b20;box-shadow:inset 0 1px #fff6}
#patcher .patch-result-actions .download:hover{transform:translateY(-2px);border-color:#ffb66599}
#patcher .patch-result-actions #autopost-trigger[aria-expanded=true]{background:#ffc58a}
#patcher .autopost-panel{margin:0 0 24px;padding:26px;border-radius:20px;background:linear-gradient(135deg,#ffb6650b,#b799bb10);box-shadow:inset 0 1px #ffffff0a;animation:autopost-arrive .3s ease-out}
#patcher .autopost-heading h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:8px 0 12px}
#patcher .autopost-heading button{width:32px;height:32px;font-size:20px;background:var(--soft);color:var(--muted);border:1px solid var(--line);padding:0}
#patcher .autopost-panel .fine{font-size:12px;line-height:1.8;margin:0 0 20px;color:var(--muted);max-width:560px}
#patcher .autopost-connect{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
#patcher .autopost-connect label{flex:1;min-width:180px;margin:0}
#patcher .autopost-connect button{margin:0;min-height:44px;border:1px solid var(--line);background:var(--soft);color:var(--text);font-size:12px}
#patcher .autopost-panel input,#patcher .autopost-panel textarea,#patcher .autopost-panel select{background:var(--soft);border-color:var(--line);font-size:12px;min-height:44px}
#patcher .autopost-panel input:focus,#patcher .autopost-panel textarea:focus,#patcher .autopost-panel select:focus{outline:2px solid #ffb66566;outline-offset:2px}
#patcher #autopost-status{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;color:var(--muted);font-size:11px}
@keyframes autopost-arrive{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.autopost-select{position:relative;min-width:0}.autopost-select-trigger{width:100%;min-height:46px;text-align:left;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--text);font:inherit;transition:background .2s,border-color .2s}.autopost-select-trigger[aria-expanded=true]{border-color:#ffb66577;background:#ffb6650b}.autopost-select-list{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:50;padding:7px;border:1px solid var(--line);border-radius:17px;background:var(--bg,#2d2331);box-shadow:0 16px 40px #0004;max-height:240px;overflow:auto;transform-origin:top}.autopost-select-list button{display:block;width:100%;text-align:left;padding:13px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;transition:background .15s}.autopost-select-list button:hover,.autopost-select-list button:focus-visible{background:#b799bb22;outline:none}.autopost-select-list [aria-selected=true]{background:#ffb66518;color:#ffb665}.autopost-select-list[hidden],#autopost-settings select[hidden]{display:none!important}
.caption-guide{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;color:var(--muted);line-height:1.7}.caption-guide b{color:#ffb665;font-size:14px}.caption-guide #caption-count{margin-left:auto;font-variant-numeric:tabular-nums}
.post-file{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--soft);margin:10px 0 24px}.post-file-icon{display:grid;place-items:center;width:40px;height:44px;border:1px solid #ffb66544;border-radius:11px;color:#ffb665;background:#ffb66512;font-size:23px;flex:none}.post-file>div{min-width:0;flex:1}.post-file strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-file div span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.post-ready{padding:5px 10px;border:1px solid #ffb66533;background:#ffb66512;border-radius:20px;font-size:10px;color:#ffb665}
.post-section{padding:22px 0;border-top:1px solid var(--line)}.post-section-heading{display:flex;gap:10px;align-items:center;margin-bottom:14px}.post-section-heading>span:first-child{font-size:10px;color:#ffb665}.post-section-heading h4{font-weight:500;font-size:15px;margin:0;flex:1}.post-section-heading a,.post-format{font-size:10px;color:var(--muted)}.post-key-note{display:block;margin-top:12px;font-size:10px;color:var(--muted)}
.post-options{border:1px solid var(--line);border-radius:16px;padding:0 16px;margin:4px 0 24px;background:var(--soft)}.post-options summary{padding:16px 0;cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between;gap:10px}.post-options summary span{font-size:10px;color:var(--muted)}.post-options[open]>div{padding:0 0 16px;animation:autopost-arrive .25s ease-out}.post-toggle-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#patcher .post-toggle-row label{margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:11px;border:1px solid var(--line);padding:12px 10px;border-radius:12px;cursor:pointer}#patcher .post-toggle-row label:has(input:checked){border-color:#ffb66555;background:#ffb6650c}#patcher .post-toggle-row input{min-height:0;width:14px;height:14px;padding:0;accent-color:#ffb665;flex:none}.post-submit small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.post-submit .fine{font-size:10px!important;line-height:1.8}
@media(max-width:500px){.post-toggle-row{grid-template-columns:1fr}.post-section-heading{flex-wrap:wrap}.post-file{padding:12px}.post-section-heading a{margin-left:auto}}
#patcher .autopost-check{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft);font-size:12px;cursor:pointer;gap:12px}#patcher .autopost-check input{appearance:none;min-height:0;width:20px;height:20px;border:1px solid var(--line);border-radius:6px;padding:0;margin:0;transition:background .2s,border-color .2s}#patcher .autopost-check input:checked{background:#ffb665;border-color:#ffb665}#patcher .autopost-check input:checked:after{content:'✓';display:block;text-align:center;color:#281b20;font-size:14px;line-height:18px}
@media(max-width:700px){#patcher.rebuilt-patcher.has-source .patch-result-actions,#patcher.rebuilt-patcher.has-source .autopost-panel{grid-column:1}#patcher .patch-result-actions{margin:0;gap:10px}#patcher .patch-result-actions .download{font-size:12px;padding:12px 10px}#patcher .autopost-panel{padding:20px}#patcher .autopost-connect{align-items:stretch}#patcher .autopost-connect label{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){#patcher .autopost-panel{animation:none}#patcher .patch-result-actions .download{transition:none}}
/* Patcher: use the site's neutral glass palette in both themes. */
#patcher.rebuilt-patcher,
#patcher.rebuilt-patcher.has-source,
:root[data-theme=light] #patcher.rebuilt-patcher{
 background:linear-gradient(145deg,var(--soft),transparent),var(--paper)!important;
 border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--line),0 24px 80px #00000014;
 border-radius:28px!important;min-height:0;isolation:isolate;
}
#patcher.rebuilt-patcher:not(.has-source){grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr)}
#patcher.rebuilt-patcher .workflow{padding:36px!important;background:var(--soft);border-right:1px solid var(--line)}
#patcher.rebuilt-patcher .workflow h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1.5px;line-height:1.12;margin:22px 0}
#patcher.rebuilt-patcher .workflow p{color:var(--muted)}
#patcher.rebuilt-patcher .rebuilt-steps{gap:16px;margin:28px 0}
#patcher.rebuilt-patcher .rebuilt-steps span,#patcher.rebuilt-patcher .rebuilt-steps b{color:var(--text)}
#patcher.rebuilt-patcher .tool-controls{padding:30px!important}
#patcher.rebuilt-patcher .upload{
 min-height:240px;background:linear-gradient(145deg,var(--soft),transparent)!important;
 border:1px dashed var(--line);border-radius:22px;box-shadow:inset 0 1px 0 var(--soft);
 transition:background .25s,border-color .25s,transform .25s;
}
#patcher.rebuilt-patcher .upload:hover,#patcher.rebuilt-patcher .upload.dragging{border-color:var(--text);background:var(--soft)!important;transform:translateY(-2px)}
#patcher.rebuilt-patcher .upload:focus-visible{outline:2px solid var(--text);outline-offset:5px}
#patcher.rebuilt-patcher .rebuilt-upload-icon{background:var(--soft);border:1px solid var(--line);color:var(--text);box-shadow:inset 0 1px 0 var(--line)}
#patcher.rebuilt-patcher #status{background:var(--soft);border-color:var(--line);color:var(--muted);margin-bottom:0}
#patcher.rebuilt-patcher .rebuilt-preview{background:var(--bg)}
#patcher.rebuilt-patcher #patch,#patcher.rebuilt-patcher .download{background:var(--solid);color:var(--ink);border:1px solid var(--line)}
#patcher.rebuilt-patcher .device-select-trigger,#patcher.rebuilt-patcher .rebuilt-menu{background:var(--paper);color:var(--text);border-color:var(--line)}
#patcher.rebuilt-patcher .rebuilt-menu button[aria-selected=true]{background:var(--soft);color:var(--text)}
#patcher.rebuilt-patcher .variant-recommended{color:var(--text);border-color:var(--line);background:var(--soft)}
#patcher.rebuilt-patcher .source-player-actions button:first-child{color:var(--text);border-color:var(--line);background:var(--soft)}
#patcher.rebuilt-patcher .source-range{background:linear-gradient(to right,var(--text) var(--range-fill,0%),var(--line) var(--range-fill,0%))}
#patcher.rebuilt-patcher .source-range::-webkit-slider-thumb{background:var(--text);box-shadow:none}
#patcher.rebuilt-patcher .source-range::-moz-range-thumb{background:var(--text)}
.batch-panel,.batch-panel .batch-add{background:var(--soft);border-color:var(--line)}
.batch-panel .drop-icon{background:var(--soft);color:var(--text);border-color:var(--line)}
@media(max-width:700px){#patcher.rebuilt-patcher:not(.has-source){grid-template-columns:1fr!important}#patcher.rebuilt-patcher .workflow{padding:24px!important;border-right:0;border-bottom:1px solid var(--line)}#patcher.rebuilt-patcher .workflow h2{margin:14px 0}#patcher.rebuilt-patcher .rebuilt-steps{display:flex;flex-wrap:wrap;gap:12px 20px;margin:20px 0}#patcher.rebuilt-patcher .tool-controls{padding:22px!important}#patcher.rebuilt-patcher .upload{min-height:220px}}
@media(prefers-reduced-motion:reduce){#patcher.rebuilt-patcher .upload{transition:none;transform:none!important}}

#patcher .downscale-choice{display:block;padding:12px 14px;margin:0 0 10px;font-size:11px;line-height:1.6;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);cursor:default}