:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#171717;background:#f7f7f5;font-synthesis:none;font-weight:400;--muted:#828282;--page:#f7f7f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #929292;outline-offset:6px}::selection{background:#c9c9c9;color:#111}.skip{position:fixed;top:-80px;left:20px;z-index:99;padding:14px;background:#fff}.skip:focus{top:10px}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;z-index:20;background:#f7f7f5db;backdrop-filter:blur(24px);border-bottom:1px solid #0000000b}.brand{display:inline-flex;align-items:center;font-size:21px;font-weight:650;letter-spacing:-.9px;gap:10px}.brand img{object-fit:contain}.brand-dot{height:4px;width:4px;background:#333;border-radius:50%;align-self:flex-end;margin:0 0 9px -5px}.nav nav{display:flex;gap:34px;font-size:12px;color:#5b5b5b}.nav nav a:hover{color:#000}.nav-download{font-size:12px;background:#181818;color:#fff;padding:10px 16px;border-radius:30px;display:flex;gap:20px;align-items:center}.small-plus{font-size:16px}.light{background:var(--page)}.hero{padding:79px 5vw 0;overflow:hidden}.hero-copy{text-align:center;position:relative;z-index:1}.eyebrow{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;font-size:10px;letter-spacing:2.2px;line-height:1.6;font-weight:400}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 24px;color:#666}.status-dot{width:5px;height:5px;border-radius:50%;background:#5c5c5c;box-shadow:0 0 0 4px #00000006}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,7vw,104px);line-height:1.02;letter-spacing:-6px;font-weight:580;margin-bottom:25px}h1>span{color:#8a8a88}.hero-description{font-size:17px;line-height:1.55;letter-spacing:-.2px;color:#666;margin-bottom:25px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 24px;border-radius:32px;font-size:13px;font-weight:550;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.dark-button{background:#181818;color:#fff}.dark-button>span{font-size:18px;font-weight:300}.text-link{font-size:13px;color:#515151;display:inline-flex;gap:10px;align-items:center}.circle-play{height:19px;width:19px;display:inline-grid;place-items:center;font-size:7px;border:1px solid #777;border-radius:50%}.availability{font-size:10px;color:#959595;display:flex;gap:12px;align-items:center;justify-content:center;margin:19px 0 38px}.availability i{height:3px;width:3px;background:#bbb;border-radius:50%}.hero-scene{position:relative;height:570px;max-width:1280px;margin:0 auto;border-radius:18px 18px 0 0;background:radial-gradient(ellipse at 50% 85%,#d8d8d4 0,transparent 54%),radial-gradient(ellipse at 22% 26%,#fff8,transparent 35%),linear-gradient(125deg,#b8b8b2,#f0efeb 50%,#9e9e99);overflow:hidden;isolation:isolate}.hero-scene:before{content:'';position:absolute;width:900px;height:900px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-25deg);border-radius:42%;border:1px solid #fff4;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff08;z-index:-1}.scene-grain{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.scene-caption{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:1.7px;color:#454542}.wheel-wrap{position:absolute;width:330px;left:50%;top:51%;transform:translate(-50%,-50%)}.wheel-label{margin:0 auto 17px;width:202px;padding:10px 15px;display:flex;align-items:center;gap:8px;background:#ffffff40;border:1px solid #ffffff9c;border-radius:30px;font-size:11px;font-weight:600;box-shadow:0 4px 16px #00000006;backdrop-filter:blur(15px)}.tiny-logo{font-size:13px;color:#555}.wheel-label kbd{margin-left:auto;font:10px inherit;opacity:.55}.wheel{position:relative;width:330px;height:330px;filter:drop-shadow(0 24px 28px #00000014);border-radius:50%;background:#ffffff0e;border:1px solid #ffffffad;backdrop-filter:blur(16px);box-shadow:inset 0 2px 2px #fff9,inset 0 -2px 5px #0000000e}.wheel svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wheel path{fill:#ffffff29;stroke:#ffffff91;stroke-width:1;transition:fill .3s,filter .3s}.wheel path.active{fill:#ffffffa6;filter:drop-shadow(0 4px 6px #00000010)}.wheel-core{position:absolute;inset:33%;border-radius:50%;background:linear-gradient(130deg,#ffffff8f,#ffffff20);border:1px solid #fffa;box-shadow:inset 0 2px 3px #fff7;display:flex;align-items:center;justify-content:center;flex-direction:column}.wheel-core img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 3px #0001)}.wheel-core strong{font-size:13px;margin-top:5px}.wheel-core small{font-size:7px;color:#666;margin-top:3px}.wheel-format{position:absolute;transform:translate(-50%,-50%);background:none;border:0;padding:17px;color:#333;font-size:11px;font-weight:600;letter-spacing:.2px;transition:font-size .2s}.wheel-format[aria-pressed=true]{font-size:14px;color:#111}.floating-file{position:absolute;width:150px;text-align:center;animation:float 7s ease-in-out infinite}.input-file{left:16%;top:43%;transform:rotate(-9deg)}.output-file{right:15%;top:40%;transform:rotate(9deg);animation-delay:-3s}.file-art{height:157px;width:116px;margin:0 auto 19px;background:linear-gradient(135deg,#fffffff2,#ffffff90);border:1px solid #fff;border-radius:13px 30px 13px 13px;box-shadow:0 18px 32px #00000010,inset 0 1px 2px #fff;position:relative;padding:30px 16px}.file-art:after{content:'';position:absolute;top:0;right:0;width:28px;height:28px;border-radius:0 24px 0 6px;background:#dfdfdd;box-shadow:-1px 1px 2px #0001}.file-art span{height:4px;display:block;background:#afafab3b;margin:12px 0;border-radius:3px}.file-art span:last-child{width:65%}.file-art.converted{background:linear-gradient(145deg,#53534e,#292927);border-color:#777;color:white;box-shadow:0 25px 40px #0002}.file-art.converted:after{background:#77776f}.file-art.converted span{background:#ffffff24}.floating-file>span{font-size:11px;font-weight:500;display:block;color:#333;white-space:nowrap}.floating-file>small{font:7px ui-monospace,monospace;letter-spacing:1.4px;color:#666;display:block;margin-top:8px}.scene-bottom{position:absolute;bottom:24px;left:30px;right:30px;display:flex;align-items:center;gap:8px;font-size:10px;color:#555}.demo-dot{width:4px;height:4px;background:#333;border-radius:50%}.demo-label{margin-left:auto;font:8px ui-monospace,monospace;letter-spacing:1.5px}.format-ribbon{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 0 32px;border-bottom:1px solid #0001}.format-ribbon>span{font:8px ui-monospace,monospace;letter-spacing:1.1px;color:#888}.format-ribbon>div{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.3px;color:#555}.format-ribbon i{width:3px;height:3px;background:#b8b8b8;border-radius:50%}.dark-section{background:#0d0e0e;color:#f1f1ee}.studio-section{padding:125px 7vw 100px}.section-top{display:grid;grid-template-columns:1.4fr 1fr;max-width:1180px;margin:0 auto 60px;align-items:end}.section-top>.eyebrow{grid-column:1/-1;color:#777;margin-bottom:27px}h2{font-size:clamp(40px,5vw,72px);font-weight:530;line-height:1.05;letter-spacing:-3px;margin-bottom:0}h2>span{color:#777}.section-top>p:last-child{font-size:15px;line-height:1.8;color:#a2a29e;margin:0 0 2px 35px;max-width:300px}.studio-stage{max-width:1180px;margin:auto;border:1px solid #ffffff17;border-radius:15px 15px 6px 6px;overflow:hidden;box-shadow:0 35px 90px #0009}.studio-stage-top{height:48px;background:#191a1a;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#9a9a96;font:8px ui-monospace,monospace;letter-spacing:1.4px}.studio-stage-top>span{display:flex;align-items:center;gap:7px}.studio-stage-top i{width:4px;height:4px;border-radius:50%;background:#aaa}.preview-themes{display:flex;gap:3px;padding:3px;background:#0005;border:1px solid #fff1;border-radius:7px}.preview-themes button{background:transparent;border:0;color:#888;font-size:9px;padding:5px 10px;border-radius:4px}.preview-themes button[aria-pressed=true]{background:#fff2;color:#fff}.studio-stage>img{display:block;width:100%;height:auto}.studio-features{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;max-width:1180px;margin:56px auto 0}.studio-features article{border-top:1px solid #ffffff20;padding-top:18px}.feature-number{font:9px ui-monospace,monospace;color:#6b6b68}h3{font-size:17px;letter-spacing:-.4px;font-weight:500;margin:18px 0 12px}.studio-features p{font-size:12px;line-height:1.9;color:#8c8d88;margin:0;max-width:280px}.ai-section{padding:122px 8vw 80px}.ai-heading{text-align:center}.ai-heading>.eyebrow{color:#888;margin-bottom:25px}.ai-heading h2{font-size:clamp(40px,5vw,67px)}.ai-heading>p:last-child{font-size:15px;line-height:1.7;color:#777;margin:26px 0 0}.bundle-story{max-width:970px;margin:80px auto 55px;display:grid;grid-template-columns:1fr 120px 1.1fr;align-items:center}.book-cover{height:390px;max-width:300px;width:100%;margin:auto;background:#deded6;padding:27px 25px;box-shadow:inset 7px 0 5px #0000000c,10px 17px 30px #00000012;transform:rotate(-5deg);border:1px solid #0000000a;display:flex;flex-direction:column}.book-top{font:6px ui-monospace,monospace;letter-spacing:1px;display:flex;justify-content:space-between;border-bottom:1px solid #0003;padding-bottom:14px;color:#616158}.book-cover h3{font-size:43px;font-weight:500;letter-spacing:-1.9px;line-height:1.05;margin:30px 0}.solar-drawing{height:115px;position:relative;margin-top:auto}.sun{height:30px;width:30px;border:1px solid #555;border-radius:50%;position:absolute;top:0;left:28px;box-shadow:0 0 0 8px #55555509,0 0 0 16px #55555506}.panel{position:absolute;width:90px;height:53px;transform:skew(-13deg);border:1px solid #555;left:28px;top:51px;background:repeating-linear-gradient(90deg,transparent 0 20px,#6666 20px 21px),repeating-linear-gradient(0deg,transparent 0 16px,#6666 16px 17px)}.battery{width:30px;height:48px;position:absolute;right:22px;bottom:12px;border:1px solid #555}.battery:before{content:'';width:10px;height:5px;position:absolute;left:9px;top:-6px;border:1px solid #555}.battery:after{content:'+';position:absolute;left:10px;top:3px;font-size:12px}.connection{position:absolute;right:52px;width:64px;height:25px;bottom:21px;border-bottom:1px solid #555;border-right:1px solid #555}.book-bottom{margin-top:21px;border-top:1px solid #0003;padding-top:13px;font-size:8px;color:#555;display:flex;justify-content:space-between;line-height:1.5}.bundle-connector{display:flex;align-items:center;color:#888}.bundle-connector>span{height:1px;background:#0002;flex:1}.bundle-connector>div{margin:10px;height:30px;width:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #0002;font-size:22px}.bundle-files{border:1px solid #dededb;border-radius:16px;background:#fff9;padding:22px 25px;box-shadow:0 16px 32px #00000003}.bundle-title{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:-.2px;border-bottom:1px solid #0001;padding-bottom:19px}.folder-icon{height:12px;width:16px;border:1px solid #777;border-radius:2px;position:relative}.folder-icon:before{content:'';width:7px;height:3px;position:absolute;top:-4px;left:-1px;border:1px solid #777;border-bottom:0;border-radius:2px 2px 0 0}.zip-badge{font:7px ui-monospace,monospace;padding:4px 5px;border:1px solid #0002;border-radius:4px;margin-left:auto;color:#888}.bundle-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #0000000a}.bundle-row:last-child{border:0;padding-bottom:0}.file-type{width:33px;height:40px;border:1px solid #ccc;border-radius:4px;font:8px ui-monospace,monospace;display:grid;place-items:center;color:#777}.bundle-row b{font-size:11px;font-weight:550;display:block}.bundle-row small{font-size:9px;color:#888;display:block;margin-top:5px}.bundle-row>span:last-child{margin-left:auto;font:8px ui-monospace,monospace;color:#bbb}.ai-footnote{text-align:center;border-top:1px solid #0001;padding-top:23px;max-width:970px;margin:auto}.ai-footnote>span{display:block;font-size:12px;color:#666}.ai-footnote small{display:block;font-size:9px;color:#999;margin-top:10px}.privacy-section{padding:115px 9vw;display:flex;gap:7vw;align-items:center;justify-content:center;overflow:hidden;position:relative}.privacy-copy{max-width:570px}.privacy-copy .eyebrow{color:#777;margin-bottom:25px}.privacy-copy h2{font-size:clamp(42px,4.5vw,65px)}.privacy-copy>p:not(.eyebrow){margin:25px 0 30px;font-size:14px;line-height:1.9;color:#999}.privacy-notes{display:flex;gap:22px;font:7px ui-monospace,monospace;letter-spacing:.8px;color:#777}.privacy-orbit{width:280px;height:280px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,#ffffff09,transparent 65%)}.privacy-orbit .orbit-one,.privacy-orbit .orbit-two{position:absolute;border-radius:50%;border:1px solid #ffffff0e;inset:0}.privacy-orbit .orbit-two{inset:34px;border-color:#ffffff17}.privacy-orbit:after{content:'';position:absolute;inset:65px;border:1px solid #fff2;border-radius:50%;background:linear-gradient(145deg,#fff1,#fff0);box-shadow:inset 0 1px 1px #fff2}.privacy-orbit svg{width:55px;height:55px;fill:none;stroke:#bfbfb9;stroke-width:1.2;z-index:1}.download-section{padding:110px 8vw 70px}.download-heading{text-align:center}.download-heading>img{display:block;margin:0 auto 22px;filter:drop-shadow(0 9px 13px #0001)}.download-heading .eyebrow{font-size:8px;color:#999;margin:0 0 22px}.download-heading h2{font-size:clamp(46px,5vw,76px);letter-spacing:-3.6px}.download-heading>p:last-child{font-size:14px;color:#888;margin:24px 0 35px}.download-options{max-width:880px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.download-option{border:1px solid #00000016;border-radius:12px;padding:22px 18px;display:flex;gap:13px;align-items:center;background:#fff6;transition:background .2s,transform .2s,box-shadow .2s}.download-option:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #00000006}.download-option svg{height:23px;width:23px;stroke:currentColor;fill:none;stroke-width:1.1}.download-option b{font-size:13px;font-weight:550;display:block}.download-option small{font-size:8px;color:#999;display:block;margin-top:6px}.download-plus{font-size:20px;font-weight:200;margin-left:auto;color:#888}.download-note{text-align:center;font-size:9px;line-height:1.8;color:#999;margin:21px 0 70px}.faq{max-width:880px;margin:auto}.faq details{border-top:1px solid #0002}.faq details:last-child{border-bottom:1px solid #0002}.faq summary{padding:21px 0;display:flex;justify-content:space-between;font-size:12px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:#999;font-size:14px;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{max-width:680px;font-size:12px;color:#777;line-height:1.9;padding:0 25px 22px 0;margin:0}.faq a{text-decoration:underline;text-underline-offset:3px}footer{background:var(--page);border-top:1px solid #0001;margin:0 5vw;display:flex;align-items:center;gap:30px;padding:30px 0;font-size:9px;color:#888}footer .brand{font-size:17px;color:#333}footer>span{margin-left:25px}footer>span>a{color:#444}footer>div{margin-left:auto;display:flex;gap:24px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}.wheel.bounce{animation:wheel-change .4s ease-out}@keyframes wheel-change{0%{transform:scale(.97)}60%{transform:scale(1.015)}100%{transform:scale(1)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@media(min-width:1600px){.hero{padding-top:100px}.hero-scene{height:620px}.wheel-wrap{scale:1.1}}@media(max-width:950px){h1{letter-spacing:-4px}.input-file{left:8%}.output-file{right:8%}.section-top{grid-template-columns:1fr 1fr}.section-top>p:last-child{margin-left:20px;font-size:13px}.studio-features{gap:25px}.studio-features h3{font-size:15px}.bundle-story{grid-template-columns:1fr 60px 1fr}.bundle-files{padding:20px 18px}.bundle-title{font-size:10px}.privacy-section{padding-left:5vw;padding-right:5vw;gap:4vw}.privacy-orbit{width:220px;height:220px}.privacy-orbit:after{inset:42px}.privacy-notes{gap:12px;font-size:6px}.download-options{gap:8px}.download-option{padding:18px 13px;gap:10px}footer>span{margin-left:0}footer>div{gap:13px}}@media(max-width:680px){html{scroll-padding-top:75px}.nav{height:64px;padding:0 20px}.nav .brand{font-size:19px}.nav nav{display:none}.nav-download{padding:9px 13px;font-size:10px;gap:10px}.hero{padding:58px 18px 0}h1{font-size:clamp(42px,10vw,66px);letter-spacing:-2.5px}.hero .eyebrow{font-size:7px;letter-spacing:1.6px}.hero-description{font-size:14px}.hero-actions{gap:20px}.button{font-size:11px;gap:18px;padding:13px 18px}.text-link{font-size:10px;gap:6px}.availability{font-size:8px;margin:20px 0 32px;gap:9px}.hero-scene{height:470px;border-radius:12px 12px 0 0}.scene-caption{left:16px;right:16px;top:20px;font-size:6px;letter-spacing:1px}.scene-caption>span:last-child{display:none}.wheel-wrap{width:260px;top:48%}.wheel{width:260px;height:260px}.wheel-label{width:175px;padding:8px 12px;font-size:10px;margin-bottom:14px}.wheel-core img{height:30px;width:30px}.wheel-core strong{font-size:11px}.wheel-core small{font-size:6px}.wheel-format{font-size:9px;padding:10px}.wheel-format[aria-pressed=true]{font-size:11px}.floating-file{width:95px;animation:none;top:auto;bottom:44px;z-index:2}.input-file{left:19px;transform:rotate(-9deg) scale(.7);transform-origin:bottom left}.output-file{right:19px;transform:rotate(9deg) scale(.7);transform-origin:bottom right}.file-art{width:85px;height:105px;padding:20px 12px;margin-bottom:12px}.file-art span{margin:7px 0;height:3px}.file-art:after{height:20px;width:20px}.floating-file>span{font-size:10px}.floating-file>small{font-size:6px}.scene-bottom{bottom:18px;left:16px;right:16px;font-size:8px}.demo-label{font-size:6px;letter-spacing:.5px}.format-ribbon{display:block;padding:23px 0}.format-ribbon>span{font-size:6px;letter-spacing:1px}.format-ribbon>div{gap:9px;font-size:8px;margin-top:13px;flex-wrap:wrap}.format-ribbon i{height:2px;width:2px}.studio-section{padding:75px 20px 65px}.section-top{display:block;margin-bottom:34px}h2{font-size:42px;letter-spacing:-2px}.section-top>.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:22px}.section-top>p:last-child{margin:25px 0 0;font-size:13px;line-height:1.7}.studio-stage{border-radius:8px}.studio-stage-top{height:39px;padding:0 11px;font-size:6px;letter-spacing:.6px}.preview-themes button{padding:4px 7px;font-size:8px}.studio-features{grid-template-columns:1fr;gap:25px;margin-top:33px}.studio-features article{position:relative;padding-left:32px;padding-top:15px}.feature-number{position:absolute;left:0;top:19px}.studio-features h3{margin:0 0 8px;font-size:16px}.studio-features p{font-size:12px;max-width:100%}.ai-section{padding:75px 22px 55px}.ai-heading>.eyebrow{font-size:7px;letter-spacing:1.3px}.ai-heading h2{font-size:39px}.ai-heading>p:last-child{font-size:12px;margin-top:21px}.bundle-story{grid-template-columns:1fr;margin-top:45px;gap:30px;margin-bottom:35px}.book-cover{max-width:245px;height:330px}.book-cover h3{font-size:36px;margin-top:25px}.solar-drawing{height:95px;scale:.9;transform-origin:left bottom}.bundle-connector{display:none}.bundle-files{max-width:340px;width:100%;margin:auto}.bundle-title{font-size:12px}.bundle-row small{font-size:10px}.ai-footnote>span{font-size:11px;line-height:1.7}.ai-footnote small{font-size:8px;line-height:1.7}.privacy-section{padding:65px 24px 75px;flex-direction:column;gap:25px}.privacy-orbit{height:185px;width:185px}.privacy-orbit:after{inset:35px}.privacy-orbit svg{width:45px;height:45px}.privacy-copy{text-align:center}.privacy-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.privacy-copy h2{font-size:40px}.privacy-copy>p:not(.eyebrow){font-size:12px;line-height:1.8}.privacy-notes{justify-content:center;font-size:6px;gap:12px}.download-section{padding:70px 22px 50px}.download-heading>img{width:70px;height:70px}.download-heading .eyebrow{font-size:6px;letter-spacing:1.5px}.download-heading h2{font-size:48px;letter-spacing:-2.6px}.download-heading>p:last-child{font-size:12px}.download-options{grid-template-columns:1fr;gap:10px}.download-option{padding:18px 20px;gap:17px}.download-option small{font-size:10px}.download-option b{font-size:14px}.download-note{font-size:8px;margin:20px 0 45px}.faq summary{font-size:11px;padding:19px 0;gap:15px}.faq details>p{font-size:11px}footer{flex-wrap:wrap;gap:17px;padding:24px 0;margin:0 22px;justify-content:space-between}footer>span{font-size:8px}footer>div{flex-basis:100%;margin:0;justify-content:space-between;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* A hands-on catalogue: real supported formats and tools, with two responsive wheels. */
.tool-explorer{max-width:1280px;margin:0 auto 0;padding:0 0 24px;scroll-margin-top:96px}.explorer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 8px 25px}.explorer-categories{display:flex;gap:8px;flex-wrap:wrap}.explorer-categories button{display:flex;align-items:center;gap:9px;background:transparent;color:#858582;border:1px solid transparent;border-radius:12px;padding:13px 17px;font-size:12px;transition:background .2s,box-shadow .2s,color .2s}.explorer-categories button[aria-pressed=true]{background:#fff;color:#242424;box-shadow:0 3px 10px #00000006;border-color:#00000004}.explorer-categories svg,#demo-sound svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#demo-sound{display:flex;align-items:center;gap:7px;flex-shrink:0;border:1px solid #ddd;background:transparent;padding:9px 12px;border-radius:30px;font-size:10px;color:#888}#demo-sound svg{height:15px;width:15px}#demo-sound[aria-pressed=true]{background:#222;color:#fff;border-color:#222}.explorer-panel{border:1px solid #e1e1de;background:linear-gradient(160deg,#fff,#fdfdfc);border-radius:24px;padding:39px 36px 28px;box-shadow:0 4px 20px #00000002}.explorer-heading{text-align:center}.explorer-heading>.eyebrow{font-size:7px;color:#aaa;letter-spacing:1.7px;margin:0 0 13px}.explorer-heading h2{font-size:38px;letter-spacing:-1.8px;font-weight:500}.explorer-heading>p:last-child{font-size:12px;color:#999;margin:14px 0 0}.explorer-wheels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:35px 0 14px}.wheel-column{min-width:0;padding:0 30px;text-align:center}.wheel-column+.wheel-column{border-left:1px solid #e5e5e3}.wheel-column-heading{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:25px}.keycap{display:grid;place-items:center;border:1px solid #d9d9d5;background:linear-gradient(#f8f8f6,#ededeb);height:46px;width:46px;border-radius:10px;font-size:25px;color:#4e4e4b;box-shadow:0 2px 0 #d8d8d4}.wheel-column-heading>div{text-align:left}.wheel-column-heading h3{font-size:13px;margin:0 0 5px;font-weight:500;letter-spacing:-.1px}.wheel-column-heading p{font-size:9px;color:#999;margin:0}.demo-wheel{position:relative;width:min(100%,360px);aspect-ratio:1;margin:0 auto;border-radius:50%;isolation:isolate;background:radial-gradient(circle,#fff 25%,#f2f3f1 56%,#f8f9f7);border:1px solid #eeeeeb;box-shadow:inset 0 2px 8px #ffffffd9,0 10px 30px #00000004;touch-action:pan-y}.demo-wheel>svg{position:absolute;inset:0;height:100%;width:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 2px #00000005)}.demo-wheel>svg>path{fill:#e9ecec70;stroke:#d1d6d6;stroke-width:1.1;stroke-linejoin:round;transform-origin:200px 200px;transition:fill .2s,stroke .2s,transform .28s cubic-bezier(.2,.8,.3,1),filter .25s}.demo-wheel>svg>path.selected{fill:#252626;stroke:#252626;transform:translate(var(--segment-x),var(--segment-y));filter:drop-shadow(0 3px 3px #00000012)}.demo-wheel-core{position:absolute;inset:32.5%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:linear-gradient(135deg,#fff,#fafaf8);box-shadow:0 4px 18px #00000005,inset 0 1px 1px #fff;pointer-events:none}.core-kicker{font:5px ui-monospace,monospace;letter-spacing:1px;color:#aaa}.demo-wheel-core strong{font-size:17px;font-weight:550;letter-spacing:-.5px}.core-detail{font-size:7px;color:#999}.demo-wheel-option{position:absolute;transform:translate(-50%,-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:9px;min-width:50px;color:#363838;font-size:12px;font-weight:550;letter-spacing:-.1px;transition:color .15s,scale .25s}.demo-wheel-option[aria-pressed=true]{color:white;scale:1.1}.demo-wheel-option:focus-visible{outline:1px solid #999;outline-offset:4px;border-radius:8px}.demo-wheel-option svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.demo-wheel-option.is-tool{font-size:8px;letter-spacing:.5px;padding:6px;min-width:45px}.demo-wheel-option.is-tool>span{max-width:70px}.wheel-selection{font-size:10px;line-height:1.8;color:#8f918d;margin:24px auto 0;min-height:36px;max-width:330px}.demo-result{display:flex;align-items:center;gap:13px;background:#f7f7f5;border:1px solid #e9e9e6;border-radius:12px;max-width:630px;margin:18px auto 21px;padding:17px 20px;text-align:left}.demo-file-icon{width:23px;height:29px;border:1px solid #c0c0ba;border-radius:3px;background:#fff;position:relative;flex-shrink:0}.demo-file-icon:after{content:'';position:absolute;inset:8px 5px;background:repeating-linear-gradient(0deg,#bbb 0 1px,transparent 1px 5px)}.demo-result>div>span{font-size:11px;color:#999;display:block}.demo-result strong{font-size:11px;font-weight:500;display:block}.demo-result small{font:6px ui-monospace,monospace;letter-spacing:.5px;color:#999;display:block;margin-top:6px}.demo-result-divider{height:25px;width:1px;background:#d8d8d4;margin:0 7px}.demo-result-badge{font:6px ui-monospace,monospace;letter-spacing:1px;border:1px solid #ccc;border-radius:4px;padding:5px 6px;color:#aaa;margin-left:auto;flex-shrink:0}.explorer-instructions{font-size:10px;color:#92948f;text-align:center;line-height:1.8;margin:0}.explorer-disclaimer{font-size:8px;color:#aaa;text-align:center;line-height:1.8;margin:10px 0 0}.explorer-disclaimer a{text-decoration:underline;text-underline-offset:3px}.wheel-open>svg>path{animation:segment-open .5s cubic-bezier(.16,.8,.3,1) both;animation-delay:calc(var(--segment-index)*22ms)}.wheel-open .demo-wheel-core{animation:core-open .55s cubic-bezier(.16,.8,.3,1) both}.wheel-confirm{animation:wheel-confirm .32s ease-out}.result-flash{animation:result-flash .45s ease-out}@keyframes segment-open{from{opacity:0;transform:scale(.72)}to{opacity:1}}@keyframes core-open{from{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes wheel-confirm{0%{scale:1}45%{scale:.975}100%{scale:1}}@keyframes result-flash{0%{opacity:.3;translate:0 3px}100%{opacity:1;translate:0 0}}@media(max-width:950px){.explorer-panel{padding:30px 22px 25px}.wheel-column{padding:0 16px}.demo-wheel-option{font-size:10px}.demo-wheel-option.is-tool{font-size:6px}.demo-wheel-option svg{width:18px;height:18px}.demo-wheel-core strong{font-size:14px}.demo-wheel-core{gap:6px}.core-kicker{font-size:4px}.core-detail{font-size:6px}.explorer-categories button{padding:11px 12px;font-size:11px;gap:7px}.explorer-categories svg{width:18px;height:18px}.wheel-column-heading{gap:9px}.wheel-column-heading h3{font-size:12px}.wheel-column-heading p{font-size:8px}.keycap{width:40px;height:40px;font-size:22px}}@media(max-width:680px){.tool-explorer{scroll-margin-top:80px}.explorer-top{padding:0 0 16px;align-items:flex-start;gap:8px}.explorer-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.explorer-categories button{padding:10px 11px;font-size:10px;border-radius:8px}.explorer-categories svg{width:16px;height:16px}#demo-sound{font-size:8px;padding:9px;gap:5px;margin-top:3px}#demo-sound svg{width:13px;height:13px}.explorer-panel{padding:27px 12px 22px;border-radius:17px}.explorer-heading>.eyebrow{font-size:5px;letter-spacing:1.2px}.explorer-heading h2{font-size:30px;letter-spacing:-1.1px}.explorer-heading>p:last-child{font-size:10px;max-width:230px;margin:12px auto 0;line-height:1.6}.explorer-wheels{grid-template-columns:1fr;margin-top:27px;gap:30px}.wheel-column{padding:0 4px}.wheel-column+.wheel-column{border-left:0;border-top:1px solid #e7e7e4;padding-top:27px}.wheel-column-heading{margin-bottom:21px}.keycap{width:39px;height:39px;font-size:21px}.wheel-column-heading h3{font-size:12px}.wheel-column-heading p{font-size:8px}.demo-wheel{width:min(100%,310px)}.demo-wheel-option{font-size:11px;padding:8px;min-width:40px}.demo-wheel-option.is-tool{font-size:7px}.demo-wheel-option svg{width:19px;height:19px}.demo-wheel-core strong{font-size:15px}.core-kicker{font-size:4px;letter-spacing:.8px}.core-detail{font-size:6px}.wheel-selection{font-size:9px;margin-top:18px;min-height:28px;max-width:260px}.demo-result{padding:14px 11px;gap:9px;margin-top:14px}.demo-result>div>span,.demo-result strong{font-size:9px}.demo-result small{font-size:5px;letter-spacing:0;line-height:1.6;max-width:140px}.demo-result-badge{display:none}.demo-result-divider{margin:0 2px}.demo-file-icon{width:18px;height:24px}.explorer-instructions{font-size:8px;padding:0 7px}.explorer-disclaimer{font-size:7px;padding:0 7px}.demo-wheel-option.is-tool>span{max-width:54px}}@media(prefers-reduced-motion:reduce){.demo-wheel>svg>path,.demo-wheel-option{transition:none}.wheel-open>svg>path,.wheel-open .demo-wheel-core,.wheel-confirm,.result-flash{animation:none}}

.demo-wheel{touch-action:none}