@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c0b14;--panel:#15141f;--line:#2b293c;--muted:#9691ad;--text:#f3f0ff;--purple:#9474ff;--mint:#7fe0c2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid #b6a2ff;outline-offset:4px}.wrap{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}.nav{height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #242131}.brand{display:flex;gap:11px;align-items:center;font-family:Manrope,sans-serif;font-weight:750;font-size:21px;letter-spacing:-.7px}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;font-weight:600;letter-spacing:2.5px;margin-top:5px;color:var(--muted)}.logo{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 5px 18px #9163ee25);border-radius:12px}.nav nav{display:flex;gap:29px;font-size:12px;color:#c5bed7}.nav nav a:hover{color:white}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:19px 25px;border-radius:10px;font-size:14px;font-weight:700;border:1px solid #b396ff40;white-space:nowrap;transition:transform .2s,filter .2s;background:linear-gradient(110deg,#8465ef,#a06df2);color:white;box-shadow:0 5px 24px #8b56e620}.button:hover{transform:translateY(-2px);filter:brightness(1.1)}.button span{font-size:21px;line-height:1}.small{padding:13px 18px;font-size:12px;gap:17px}.hero{position:relative;text-align:center;padding-top:58px;padding-bottom:38px}.hero-glow{position:absolute;width:850px;height:540px;left:50%;top:-20px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse,#67429b28,transparent 65%);z-index:-1;max-width:100vw}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.2px;display:flex;align-items:center;gap:10px}.hero .eyebrow{justify-content:center;color:#c4b5e2}.eyebrow>span{width:5px;height:5px;background:var(--purple);border-radius:50%;box-shadow:0 0 9px #9474ff80}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(46px,5.2vw,68px);line-height:1.13;letter-spacing:-3.2px;font-weight:650;margin:20px 0 17px}h1>span{color:#b699ff;background:linear-gradient(90deg,#cdb7ff,#9672ee);background-clip:text;-webkit-text-fill-color:transparent}.lead{font-size:15px;line-height:1.75;color:#aaa3ba}.link-box{position:relative;text-align:left;background:linear-gradient(135deg,#201b2d,#15131f);border:1px solid #584371;border-radius:18px;padding:0 26px 23px;max-width:850px;margin:30px auto 0;box-shadow:0 0 0 5px #9474ff06,0 22px 70px #0003,0 0 70px #8961d014}.input-tabs{display:flex;gap:29px;border-bottom:1px solid #3a304c;margin-bottom:20px}.input-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;padding:17px 0}.input-tabs [aria-selected=true]{color:var(--text);border-color:var(--purple);font-weight:650}label{display:block;font-size:11px;font-weight:500;color:#c1b5d4;margin-bottom:10px}.input-row{display:flex;gap:10px;position:relative}.input-row input{min-width:0;width:100%;border:1px solid #3b304c;background:#0d0b17;color:var(--text);padding:20px 18px;border-radius:10px;font-size:14px}.input-row input::placeholder{color:#756b88}.url-icon{position:absolute;left:18px;top:18px;font-size:22px;color:#b299d7}.url-icon+input{padding-left:49px}.input-row .button{min-width:194px;padding:19px 20px}.link-box p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:13px}.link-box p a,.text-link{color:#bfa4fa}.link-box p a{white-space:nowrap}.link-box h3{font-size:17px}.link-box .text-link{display:inline-block;margin-top:12px;font-size:12px}.hero-notes{display:flex;justify-content:center;gap:26px;margin-top:23px;font-size:10px;color:#aaa2bb}.hero-notes span:first-letter{color:var(--mint)}.hero-install{display:flex;gap:11px;justify-content:center;font-size:10px;margin-top:17px;color:#716a83}.hero-install a{color:#b3a1d1}.collection{position:relative;padding-top:28px;padding-bottom:54px}.collection-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.8px;color:#82758f;margin-bottom:20px}.collection-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:18px}.photo-card{position:relative;overflow:hidden;border:1px solid #393148;border-radius:14px;height:218px;background:#191825}.main-photo{height:283px;box-shadow:0 15px 50px #0005}.photo-card>img{width:100%;height:100%;object-fit:cover;display:block}.photo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#090611e8)}.photo-caption{position:absolute;left:17px;right:17px;bottom:17px;display:flex;align-items:center;gap:10px;z-index:1}.photo-caption h3{font-size:11px;letter-spacing:-.1px;font-weight:650}.photo-caption p{font-size:7px;margin-top:5px;color:#c0b8cc}.photo-play{display:grid;place-items:center;width:30px;height:30px;background:#ffffff20;border:1px solid #ffffff30;border-radius:50%;flex-shrink:0;font-size:16px;color:white;backdrop-filter:blur(8px)}.photo-format{margin-left:auto;background:#ffffff15;color:#ddd3ec;padding:5px 7px;border-radius:4px;font-size:7px}.photo-badge{position:absolute;right:14px;top:14px;color:white;background:#0a09105c;border:1px solid #ffffff25;border-radius:5px;font-size:7px;letter-spacing:1.1px;padding:7px 9px;z-index:1;backdrop-filter:blur(5px)}.save-chip{position:absolute;left:50%;bottom:35px;transform:translateX(-50%) rotate(-3deg);display:flex;align-items:center;gap:12px;background:#262034;border:1px solid #594673;border-radius:11px;padding:11px 17px;box-shadow:0 10px 30px #0005}.save-chip img{width:33px;height:33px}.save-chip>span{font-size:10px;white-space:nowrap}.save-chip small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.mint-check{color:var(--mint);padding-left:13px;font-size:17px!important}.format-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.format-strip strong{font-size:16px;letter-spacing:1.5px;color:#bfb0d7}.format-strip span:first-child{font-size:7px;letter-spacing:1.6px;color:var(--muted)}.format-strip span:last-child{font-size:9px;color:#746a83}.features{padding-top:82px;padding-bottom:88px}h2{font-size:42px;line-height:1.16;font-weight:600;letter-spacing:-1.8px}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-top p{font-size:12px;color:var(--muted);line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.feature-art{position:relative;height:211px;border-radius:13px;overflow:hidden;background:#181320;border:1px solid #34283f;margin-bottom:23px;display:flex;align-items:center;justify-content:center;flex-direction:column}.resolution>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.75)}.resolution>div{z-index:1;text-align:center}.resolution span{font-family:Manrope,sans-serif;font-size:65px;letter-spacing:-4px}.resolution span>span{font-size:39px;letter-spacing:-2px}.feature-art small{display:block;font-size:7px;letter-spacing:1.5px;color:#c4b7d6}.local{background:radial-gradient(ellipse,#67429545,transparent 68%),#171221}.app-icon{width:72px;height:72px;z-index:2;box-shadow:0 15px 45px #9c68e828;border-radius:22px;transform:rotate(-8deg)}.local-pill{margin-top:23px;font-size:7px;letter-spacing:1.4px;color:#b9a3d1;z-index:2}.orbit{position:absolute;border:1px solid #463155;border-radius:50%;width:160px;height:160px;top:10px;opacity:.6}.orbit-two{width:245px;height:245px;top:-32px;opacity:.3}.size{padding:25px;background:linear-gradient(130deg,#211a30,#16131f)}.size-row{width:100%;padding:16px;background:#15121f;border:1px solid #3a2e49;display:flex;justify-content:space-between;font-size:11px;border-radius:8px;margin-bottom:8px;color:#c7b8de}.size-row:first-child{border-color:#8060b1;background:#2b223c}.size-row:first-child strong{color:#c4a7ff}.size>small{margin-top:12px;font-size:6px;color:#81728f}.number{font-size:7px;letter-spacing:1.4px;color:#9b7cc4}article h3{font-size:20px;letter-spacing:-.5px;margin:12px 0}article p{font-size:12px;color:var(--muted);line-height:1.8;max-width:310px}.how{background:radial-gradient(ellipse at 10% 90%,#5a367526,transparent 65%),#15111f;border-top:1px solid #302439;border-bottom:1px solid #302439;padding:72px 0}.how-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px}.how .eyebrow{color:#ad8cd2}.how h2{font-size:45px;margin:24px 0 29px}.how ol{list-style:none;margin:0;padding:0}.how li{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #352841}.how li:first-child{padding-top:5px}.how li:last-child{border:0}.how li>span{font-size:11px;color:#b593eb;padding-top:5px}.how h3{font-size:18px;font-weight:500;letter-spacing:-.5px}.how p{font-size:12px;color:#9b8ba9;line-height:1.8;margin-top:9px;max-width:355px}.install{padding-top:88px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:75px}.install .eyebrow{color:#a28aba;font-size:8px}.install h2{margin:24px 0}.install p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:24px}.release{font-size:7px;letter-spacing:1.2px;display:block;margin-top:15px;color:#786a8c}.setup{background:#171320;border:1px solid #34283f;padding:28px;border-radius:14px}.setup h3{font-size:18px;margin-bottom:20px}.setup ol{padding-left:17px;color:#776782;font-size:11px;line-height:1.8}.setup li{padding-bottom:11px;padding-left:7px}code{font-size:10px;background:#282033;color:#c7aedf;padding:3px 5px;border-radius:3px}.setup form{padding-top:16px;border-top:1px solid #34283f}.setup .input-row input{font-size:10px;padding:12px}.setup .input-row .button{min-width:76px;font-size:10px;padding:12px}#connect-status{font-size:9px;color:var(--muted);margin-top:10px;margin-bottom:0}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-top:39px;padding-bottom:79px;border-top:1px solid var(--line)}.faq h2{font-size:34px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:5px}.faq summary{font-size:12px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;color:#d0c6df}.faq summary:after{content:'+';font-size:19px;font-weight:400;color:#967ab8}.faq details[open] summary:after{content:'−'}.faq p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:13px;max-width:480px}.faq p a{color:#bfa4fa;text-decoration:underline}.footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand{font-size:17px}.footer .logo{width:34px;height:34px}.footer .brand small{font-size:7px}.footer p{font-size:11px;color:var(--muted)}.footer>div{text-align:right}.footer a{font-size:11px;color:#c1aed9}.footer small{display:block;font-size:8px;color:#756981;margin-top:10px}dialog{max-width:440px;border:1px solid #4c3c60;border-radius:18px;padding:36px;background:#181321;color:var(--text)}dialog::backdrop{background:#090510c4;backdrop-filter:blur(6px)}dialog h2{font-size:28px;margin-top:22px}dialog p{font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0 24px}.close{position:absolute;right:15px;top:12px;font-size:25px;border:0;background:none;color:var(--text)}
@media(max-width:900px){.nav nav{display:none}.hero{padding-top:45px}h1{font-size:54px;letter-spacing:-2px}.collection-grid{gap:12px;grid-template-columns:1fr 1.4fr}.collection-grid article:last-child{display:none}.install,.faq{gap:35px}.format-strip span:first-child{display:none}.feature-grid{gap:18px}.feature-art{height:170px}.how-inner{gap:40px}.footer p{display:none}}@media(max-width:650px){.wrap{padding-left:22px;padding-right:22px}.nav{height:85px;gap:10px}.brand{font-size:15px}.brand small{font-size:7px}.logo{width:34px;height:34px}.nav .button{padding:12px;font-size:10px;gap:8px}.hero{padding-top:40px;padding-bottom:26px}.hero .eyebrow{font-size:7px;letter-spacing:1.6px}h1{font-size:39px;letter-spacing:-1.8px;margin:22px 0 15px}.lead{font-size:12px;line-height:1.8}.link-box{margin-top:25px;padding:0 16px 18px;border-radius:14px}.input-tabs{gap:21px;margin-bottom:18px}.input-tabs button{font-size:10px;padding:16px 0}.input-row{flex-wrap:wrap;gap:10px}.input-row input{font-size:12px;padding:18px 14px}.url-icon+input{padding-left:44px}.url-icon{top:15px;left:15px}.input-row .button{width:100%;padding:17px;font-size:13px;gap:22px}.link-box p{font-size:9px;line-height:1.8}.hero-notes{gap:12px;flex-wrap:wrap;font-size:8px;margin-top:20px}.hero-install{font-size:9px;margin-top:17px}.collection{padding-top:19px;padding-bottom:47px}.collection-label{font-size:6px;letter-spacing:1.1px}.collection-label span:last-child{display:none}.collection-grid{display:block}.collection-grid article:first-child{display:none}.main-photo{height:239px}.photo-caption h3{font-size:12px}.save-chip{bottom:28px}.format-strip{gap:22px;flex-wrap:wrap;justify-content:center;padding-top:23px;padding-bottom:23px}.format-strip span:last-child{width:100%;text-align:center;font-size:8px}.features{padding-top:49px;padding-bottom:54px}.section-top{align-items:center}.section-top h2{font-size:31px}.section-top p{font-size:9px}.feature-grid{grid-template-columns:1fr;gap:32px}.feature-art{height:221px;margin-bottom:18px}article p{max-width:none;font-size:12px}article h3{font-size:21px}.number{font-size:7px}.how{padding:45px 0}.how h2{font-size:38px}.how-inner,.install,.faq{grid-template-columns:1fr;gap:30px}.how-inner{gap:35px}.install{padding-top:52px;padding-bottom:48px}.install h2{font-size:34px}.setup{padding:24px 19px}.setup .input-row{flex-wrap:nowrap}.setup .input-row .button{width:auto}.faq{padding-top:34px;padding-bottom:45px}.faq h2{font-size:32px}.faq summary{font-size:12px}.footer{flex-wrap:wrap;gap:25px}.footer>div{text-align:left}.footer small{font-size:9px}dialog{width:calc(100% - 32px);padding:30px}h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* A brighter violet palette, with light surfaces and the extension's purple accents. */
:root{color-scheme:light;--bg:#f3f0fa;--panel:#ffffff;--line:#ded5e9;--muted:#736682;--text:#30243f;--purple:#8058da;--mint:#328268}
.nav{border-color:#ded5e9}.nav nav{color:#766283}.nav nav a:hover{color:#543b71}.hero-glow{background:radial-gradient(ellipse,#bca1eb40,transparent 65%)}.hero .eyebrow{color:#8b64b3}h1>span{background:linear-gradient(90deg,#9b72db,#7650c0);background-clip:text;-webkit-text-fill-color:transparent}.lead{color:#7b6c89}.link-box{background:linear-gradient(135deg,#fff,#f8f4ff);border-color:#c9b5e3;box-shadow:0 0 0 5px #9474ff08,0 22px 70px #50316a0b}.input-tabs{border-color:#e5daed}.input-tabs button{color:#8e799d}.input-tabs [aria-selected=true]{color:#49305e}.input-row input{background:#fff;border-color:#d8c9e4;color:#3d2952}.input-row input::placeholder{color:#9e8eac}.url-icon{color:#9e7abc}label{color:#766182}.link-box p{color:#8b7899}.link-box p a,.text-link{color:#8052b4}.hero-notes{color:#897396}.hero-install{color:#7b638c}.hero-install a{color:#865fa8}.collection-label{color:#a28bae}.photo-card{border-color:#d4c4e1}.main-photo{box-shadow:0 15px 50px #55357619}.photo-caption h3{color:#fff}.save-chip{background:#fff;border-color:#dfcdec;box-shadow:0 10px 30px #563a7417}.mint-check{color:#4b9c80}.format-strip strong{color:#8d73a5}.format-strip span:last-child{color:#7f6a8c}.number{color:#a181bc}.feature-art{border-color:#e3d4ee}.local{background:radial-gradient(ellipse,#b89bd94a,transparent 68%),#eee4f7}.local-pill{color:#8c6aa6}.orbit{border-color:#cdb6df}.size{background:linear-gradient(130deg,#f0e8f9,#faf7ff)}.size-row{background:#fff;border-color:#e5d8ef;color:#745686}.size-row:first-child{background:#e8d9fa;border-color:#c5a6e3}.size-row:first-child strong{color:#9b75c0}.size>small{color:#a38bb8}.feature-art.resolution small{color:#eee1fa}.how{background:radial-gradient(ellipse at 10% 90%,#e2d4f045,transparent 65%),#eae2f3;border-color:#e3d4ef}.how .eyebrow{color:#9d7cbb}.how li{border-color:#ded0e9}.how li>span{color:#ab86ca}.how p{color:#776184}.install .eyebrow{color:#a68eb8}.release{color:#a48eb8}.setup{background:#faf7ff;border-color:#e4d7ef}.setup ol{color:#73617f}code{background:#eee4f7;color:#a084b8}.setup form{border-color:#e5d6ee}.faq summary{color:#624b78}.faq summary:after{color:#ba9bd0}.faq p a{color:#b18fce}.footer a{color:#795d91}.footer small{color:#8b7698}dialog{background:#fcf9ff;border-color:#ddcbea;color:var(--text)}.button{color:#fff}.resolution>div>span{color:white}.download-type{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}.download-type button{background:#ece4f6;color:#76518e;border:1px solid transparent;padding:9px 16px;border-radius:8px;font-size:12px}.download-type button[aria-pressed=true]{background:#ded0f2;color:#70438d;border-color:#c3a5dd;font-weight:700}.download-type select{margin-left:auto;background:#fff;color:#795297;border:1px solid #ddc9eb;padding:9px 12px;border-radius:8px;max-width:190px;font-size:12px}.download-type label{margin:0 0 0 auto;font-size:10px}.download-type label+select{margin-left:0}.input-row .button #action-label{font-size:14px;line-height:1.3}#audio-help{font-size:10px;color:#7b5f90;line-height:1.7}@media(max-width:650px){.download-type{gap:6px}.download-type button{padding:9px 12px;font-size:11px}.download-type label{display:none}.download-type select{margin-left:auto!important;width:140px;font-size:10px;padding:9px 7px}.hero{padding-top:30px}h1{font-size:34px}.link-box{margin-top:21px}.input-tabs{margin-bottom:13px}.download-type{margin-bottom:13px}}
@media(max-width:650px){.nav .brand{font-size:13px;gap:8px}.nav .brand .logo{width:32px;height:32px}}
.youtube-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:0;padding-bottom:80px}.youtube-copy .eyebrow{color:#86639f;font-size:8px}.youtube-copy h2{margin:20px 0}.youtube-copy p{font-size:12px;line-height:1.9;color:var(--muted);max-width:460px;margin-bottom:16px}.youtube-copy .button{margin-top:7px}.youtube-options{padding:24px 27px;background:#faf7ff;border:1px solid #e4d7ef;border-radius:15px}.youtube-options article{padding:0 0 22px}.youtube-options article+article{padding-top:22px;border-top:1px solid #e4d7ef}.youtube-format{display:inline-block;padding:6px 10px;border-radius:6px;background:#e9def7;color:#8056a0;font-size:10px;font-weight:700}.youtube-options h3{font-size:18px}.youtube-options article p{max-width:none;font-size:11px;margin:11px 0 14px}.youtube-options .text-link{font-size:11px;font-weight:600}.youtube-note{font-size:10px;color:#8a749b;line-height:1.8;border-top:1px solid #e4d7ef;padding-top:18px}@media(max-width:650px){.youtube-section{grid-template-columns:1fr;gap:28px;padding-bottom:47px}.youtube-copy h2{font-size:33px}.youtube-options{padding:24px 21px}.youtube-copy .eyebrow{font-size:7px}}