@font-face{font-family:Body;src:url('/assets/fonts/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:Body,system-ui,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button{color:inherit}button svg,a svg,span svg{width:20px;height:20px;flex-shrink:0}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Display,Body,sans-serif;font-weight:650}h1{font-size:clamp(42px,4.6vw,69px);line-height:1.07;letter-spacing:-.062em}h2{font-size:clamp(30px,3.1vw,44px);line-height:1.14;letter-spacing:-.045em}h3{font-size:20px;letter-spacing:-.035em;line-height:1.25}p{color:var(--muted)}button{border:0}a,button{ -webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.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}.page-shell{max-width:1328px;padding:0 56px;margin:auto;overflow:clip}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--bg);z-index:99;padding:15px}.skip:focus{top:10px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:9px}.header{height:100px;display:flex;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent);gap:30px}.brand{font-family:Display,Body,sans-serif;display:flex;align-items:center;gap:11px;font-size:17px;letter-spacing:-.04em;font-weight:700;white-space:nowrap}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.header nav{display:flex;gap:30px;margin-left:auto;font-size:12px;font-weight:500}.header-actions{display:flex;gap:19px;align-items:center}.status-link{font-size:11px;display:flex;gap:7px;align-items:center}.status-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 40%,transparent)}.icon-button{display:grid;place-items:center;background:transparent;width:30px;height:32px}.icon-button svg{width:18px;height:18px}.menu-button{display:none}.hero{min-height:690px;display:grid;grid-template-columns:1.06fr 1fr;gap:45px;align-items:center;padding:70px 0 65px;position:relative}.hero-copy{position:relative;z-index:2}.hero .eyebrow{margin-bottom:25px}.line{display:block}.line-1{color:var(--accent)}.hero-sub{max-width:470px;font-size:15px;line-height:1.85;margin-top:23px}.hero-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:24px 0 28px}.hero-tags a{font-size:10px;line-height:1;letter-spacing:.055em;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);padding:8px 10px;border-radius:5px}.hero-tags>span{font-size:8px;font-weight:600;letter-spacing:.11em;margin-left:6px;color:var(--muted)}.tool-panel{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);padding:17px 19px 13px;border-radius:17px;box-shadow:0 16px 60px -40px color-mix(in srgb,var(--accent) 50%,transparent)}.tool-tabs{display:flex;gap:18px;padding-bottom:15px}.tool-tabs button{font-size:11px;display:flex;align-items:center;gap:6px;background:none;padding:0;color:var(--muted)}.tool-tabs button[aria-selected=true]{color:var(--text)}.tool-tabs svg{width:13px;height:13px}.tool-tabs span{border-radius:4px;background:color-mix(in srgb,var(--text) 6%,transparent);font-size:8px;padding:1px 4px}.input-wrap{display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid color-mix(in srgb,var(--text) 16%,transparent);border-radius:8px;padding:0 12px;height:53px;transition:border-color .2s}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.input-wrap>svg{width:16px;height:16px;flex-shrink:0;color:var(--muted)}input{min-width:0}input,textarea{color:var(--text);caret-color:var(--accent)}.input-wrap input{width:100%;font-size:11px;background:none;border:0;outline:none}.input-wrap input::placeholder{color:var(--muted);opacity:.8}.paste{font-size:10px;flex-shrink:0;background:color-mix(in srgb,var(--text) 8%,transparent);padding:5px 9px;border-radius:5px}.primary{background:var(--accent);color:var(--button);font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:8px;min-height:49px;transition:transform .18s,filter .18s;font-size:12px;padding:12px 20px}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary:active{transform:translateY(0)}.primary svg{width:17px;height:17px}.resolve-button{width:100%;margin-top:10px;justify-content:space-between;padding-inline:17px}.tool-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:9px;color:var(--muted)}.tool-bottom>span{display:flex;align-items:center;gap:5px}.tool-bottom svg{width:12px;height:12px}.text-button{background:none;padding:0;color:var(--accent);font-size:10px}.rights{font-size:8px;opacity:.8;margin-top:10px;text-align:center}.form-status:not(:empty){font-size:12px;padding-top:12px;color:var(--accent)}.form-status.error{color:#df646d}.tool-panel textarea{width:100%;padding:12px;border-radius:8px;resize:vertical;min-height:100px;background:var(--bg);border:1px solid color-mix(in srgb,var(--text) 20%,transparent);font-size:12px}.values-strip{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-block:1px solid color-mix(in srgb,var(--text) 10%,transparent);padding:25px 0}.values-strip>span{display:flex;gap:9px;align-items:center;font-size:10px;color:var(--muted)}.values-strip svg{width:14px;height:14px;color:var(--accent)}.section{padding:80px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.section-top{max-width:570px;margin-bottom:36px}.section-top h2{margin:14px 0}.section-top p{font-size:14px;max-width:420px}.feature{display:flex;align-items:center;gap:35px;padding:61px 0}.feature>div:nth-child(2){max-width:680px}.feature-symbol{width:104px;height:104px;flex-shrink:0;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:25px;background:radial-gradient(at 10% 10%,color-mix(in srgb,var(--accent) 13%,transparent),transparent);transform:rotate(-6deg);color:var(--accent)}.feature-symbol svg{width:36px;height:36px}.feature h2{font-size:31px;margin:10px 0}.feature p{font-size:13px;max-width:560px}.round-link{border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:23px;margin-left:auto;flex-shrink:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.steps article{position:relative}.step-index{font-family:Display,sans-serif;color:var(--muted);font-size:10px;position:absolute;top:13px;left:15px;z-index:1}.step-mock{height:160px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:21px;flex-direction:column;overflow:hidden}.step-mock>span{font-size:8px;letter-spacing:.16em;margin-bottom:10px;color:var(--muted)}.step-mock>b{font-size:34px;font-weight:400;color:var(--accent);line-height:1.4}.step-mock>small{font-size:9px;margin-top:8px}.step-link code{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding:9px 65px 9px 15px;border-radius:7px;font-size:12px;color:var(--muted)}.step-link b{position:absolute;top:78px;right:22% ;font-size:16px}.steps h3{font-size:16px;margin-bottom:10px}.steps p{font-size:12px;max-width:290px}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.format-card{position:relative;min-height:210px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 11%,transparent);padding:21px;border-radius:12px;transition:transform .2s,border-color .2s}.format-card:hover{transform:translateY(-4px);border-color:var(--accent)}.format-number{font-size:9px;color:var(--muted)}.format-card h3{font-size:28px;margin:17px 0 12px;color:var(--accent)}.format-card p{font-size:12px;max-width:160px}.format-arrow{position:absolute;right:20px;top:17px;color:var(--muted)}.editorial{display:grid;grid-template-columns:1fr 2fr;gap:70px}.editorial>.eyebrow{align-self:start;margin-top:10px}.editorial h2{font-size:40px;margin-bottom:25px}.editorial p{font-size:14px;max-width:550px;margin-bottom:15px}.editorial a{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:12px;margin-top:28px}.editorial a svg{transform:rotate(-45deg);width:15px;height:15px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq h2{margin:15px 0 23px}.faq>div>p{font-size:12px}.faq>div>p a{color:var(--accent)}details{border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}summary{cursor:pointer;list-style:none;display:flex;gap:24px;justify-content:space-between;padding:20px 0;font-size:13px;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;font-weight:400;line-height:1}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;padding:0 25px 22px 0}.more-tools h2{margin:15px 0 28px}.more-tools>div{display:flex;flex-wrap:wrap;gap:10px}.more-tools>div>a{border:1px solid color-mix(in srgb,var(--text) 13%,transparent);padding:14px 17px;display:flex;align-items:center;gap:24px;border-radius:9px;font-size:12px;background:var(--surface)}.more-tools small{color:var(--muted);font-size:9px}footer{padding:45px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top>.brand>svg{color:var(--accent);width:21px;height:21px}.footer-top>span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.footer-top>a:last-child{font-size:10px}.footer-links{display:flex;gap:19px;flex-wrap:wrap;margin:26px 0 18px;font-size:10px;text-transform:capitalize;color:var(--muted)}footer>p{font-size:10px;max-width:700px;line-height:1.8}.footer-end{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px;margin-top:28px}.document{max-width:790px;min-height:60vh;padding:80px 0;margin:auto}.document h1{font-size:56px;margin-bottom:30px}.document h2{font-size:26px;margin:35px 0 15px}.document p{font-size:15px;line-height:1.9;margin-bottom:20px}.document a{color:var(--accent)}pre{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);padding:24px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.report-form label{display:block;margin:20px 0;font-size:13px}.report-form input,.report-form textarea{display:block;width:100%;border:1px solid color-mix(in srgb,var(--text) 20%,transparent);background:var(--surface);padding:14px;border-radius:8px;margin-top:7px}.report-form p{font-size:12px}.status-card{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:14px;background:var(--surface);padding:30px}.status-card h2{margin:0 0 15px}.status-card p{font-size:13px;margin:8px 0}.results{padding:0 0 55px}.result-card{padding:26px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:18px;background:var(--surface);margin-top:20px;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.result-media{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--bg);border-radius:12px;overflow:hidden}.result-media video,.result-media img{width:100%;max-height:420px;object-fit:contain}.result-media audio{width:90%}.result-info h2{font-size:24px;overflow-wrap:anywhere}.result-info>p{font-size:12px;margin:12px 0}.result-source{color:var(--accent);font-size:11px;display:inline-block;margin:0 0 18px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.download-choice{border:1px solid color-mix(in srgb,var(--text) 18%,transparent);background:var(--bg);border-radius:8px;text-align:left;display:flex;flex-direction:column;padding:12px;font-size:12px}.download-choice:hover{border-color:var(--accent)}.download-choice small{font-size:9px;color:var(--muted);margin-top:4px}.result-metadata{grid-column:1/-1}.result-metadata pre{max-height:200px;overflow:auto;font-size:11px;white-space:pre-wrap}.result-metadata>button{background:none;color:var(--accent);font-size:11px}.result-error{display:block}.result-error p{font-size:13px}.result-progress{font-size:12px;color:var(--accent);grid-column:1/-1}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border:1px solid var(--accent);padding:12px 20px;background:var(--surface);border-radius:10px;box-shadow:0 10px 30px #0003;z-index:99;font-size:12px;max-width:90vw}.busy .resolve-button svg{animation:pulse 1s ease-in-out infinite}.art{position:relative;min-width:0;width:100%;height:520px;isolation:isolate}.art-caption{font-size:8px;letter-spacing:.18em;position:absolute;bottom:14px;left:10%;right:10%;text-align:center;color:var(--muted)}.float-label{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 12px 40px #0001;backdrop-filter:blur(12px);border-radius:9px;position:absolute;font-size:10px;font-weight:600}.float-label svg{width:15px;height:15px;color:var(--accent)}
/* Eight original compositions, each built from native vector and CSS shapes. */
.art-orbit{color:#d9cfff}.stars{position:absolute;inset:0;width:100%;height:100%}.planet{position:absolute;width:260px;height:260px;left:23%;top:25%;border-radius:50%;background:radial-gradient(at 28% 20%,#d4cefb 0%,#998bf8 17%,#565099 35%,#24223c 63%,#151222 72%);box-shadow:inset 8px 5px 25px #c8bdff80,inset -32px -27px 45px #080914,0 0 70px -5px #7b60cc33;overflow:hidden}.planet-grid{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(13deg,transparent 0 8px,#9a8fd218 9px,#1a142d50 11px);transform:rotate(-25deg)}.orbit{width:450px;height:150px;border:1px solid #a999d848;border-radius:50%;position:absolute;left:2%;top:39%;transform:rotate(-33deg)}.orbit-one:after{content:'';width:9px;height:9px;border-radius:50%;background:#c9bcff;box-shadow:0 0 17px #c9bcff;position:absolute;left:9%;top:67%}.orbit-two{width:355px;height:355px;left:13%;top:15%;transform:rotate(32deg) scaleX(.48);border-color:#a999d834}.orbit-label{position:absolute;font-family:monospace;font-size:8px;letter-spacing:.15em;color:#c6b4fb;padding:8px 11px;border:1px solid #a999d840;border-radius:4px;background:#13101bde}.label-one{top:19%;left:7%}.label-two{right:0;bottom:23%;font-size:11px}.label-two span{padding:0 25px}.coordinate{position:absolute;bottom:16%;left:3%;font-size:8px;letter-spacing:.09em;color:var(--muted);line-height:2}
.record-sleeve{width:280px;height:305px;position:absolute;left:0;top:74px;background:linear-gradient(140deg,#bd5629,#d4874b 65%,#efb473);border-radius:5px;transform:rotate(-7deg);box-shadow:0 20px 45px #0004;padding:26px;color:#2a140d;z-index:2;overflow:hidden}.record-sleeve>span{font-family:Display,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.025em;white-space:pre-line;line-height:1.2;display:block;max-width:200px}.record-sleeve>small{position:absolute;bottom:21px;font-size:8px;letter-spacing:.18em}.sleeve-sun{width:230px;height:230px;background:repeating-radial-gradient(circle at 50% 50%,#612d2400 0 3px,#743222 4px 5px),linear-gradient(#e7b991,#c9774c);border-radius:50%;position:absolute;top:93px;left:73px;box-shadow:-12px -3px 30px #71312d33}.vinyl{width:310px;height:310px;border-radius:50%;position:absolute;left:31%;top:69px;background:repeating-radial-gradient(circle,#151313 0 2px,#2c2927 3px,#161414 4px),conic-gradient(#222,#888,#222);box-shadow:10px 20px 35px #0005}.vinyl:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg,#ffffff15 55deg,transparent 90deg,transparent 190deg,#ffffff22 235deg,transparent 280deg)}.vinyl-label{position:absolute;inset:32%;border-radius:50%;background:#d9955c;color:#45251a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.vinyl-label svg{width:28px;height:28px}.vinyl-label small{font-size:5px;letter-spacing:.06em}.wave-card{position:absolute;z-index:3;left:6%;right:1%;top:330px;padding:19px 21px;background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:12px;backdrop-filter:blur(15px);transform:rotate(3deg);box-shadow:0 15px 40px #0002}.wave-label{font-size:11px}.wave{display:flex;gap:3px;align-items:center;height:60px;margin-top:6px}.wave i{width:3px;flex:1;background:var(--accent);border-radius:3px;height:15px;opacity:.7}.wave .w1,.wave .w11{height:25px}.wave .w2,.wave .w12{height:35px}.wave .w3,.wave .w8{height:43px}.wave .w4,.wave .w7{height:53px}.wave .w5,.wave .w10{height:24px}.wave .w6,.wave .w9{height:34px}.wave-footer{font-size:7px;letter-spacing:.1em;display:flex;justify-content:space-between;color:var(--muted)}.art-record .art-caption{bottom:0}
.ocean-orb{position:absolute;width:390px;height:390px;left:8%;top:8%;border-radius:50%;background:radial-gradient(at 30% 30%,#80e4e5,#2d7f9a 28%,#0d3047 56%,transparent 72%);filter:blur(2px);opacity:.8}.glass-card{border:1px solid #b7f3ff55;position:absolute;border-radius:25px;background:linear-gradient(150deg,#97eaff18,#18395245);backdrop-filter:blur(9px);box-shadow:inset 1px 1px 1px #efffff45,0 30px 70px #00182750;width:300px;height:350px}.glass-back{top:80px;left:20%;transform:rotate(12deg)}.glass-front{top:98px;left:9%;transform:rotate(-6deg);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:23px}.glass-front>span{font-size:9px;letter-spacing:.19em;color:#c8fdff}.glass-front>small{font-size:8px;letter-spacing:.1em;color:#c8fdff;display:flex;justify-content:space-between;position:relative}.ocean-waves{position:absolute;left:-40%;top:25%;width:180%;height:90%}.ocean-waves i{position:absolute;border-radius:42%;border:1px solid #75ddda77;width:100%;height:100%;background:linear-gradient(120deg,#0ea9b338,#14305e33);transform:rotate(-16deg)}.ocean-waves .wave-2{top:20px;transform:rotate(-24deg)}.ocean-waves .wave-3{top:42px;transform:rotate(-32deg)}.ocean-waves .wave-4{top:64px;transform:rotate(-41deg)}.ocean-waves .wave-5{top:86px;transform:rotate(-49deg)}.play-symbol{position:absolute;top:44%;left:41%;border-radius:50%;width:53px;height:53px;display:grid;place-items:center;border:1px solid #d0ffff77;background:#97eaff15;color:#e1ffff}.play-symbol svg{width:19px;height:19px}.art-ocean .float-label{bottom:36px;right:4%;transform:rotate(3deg)}
.motion-word{font-family:Display,sans-serif;font-size:112px;font-weight:800;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #ba74cb70;position:absolute;top:11px;left:6%;transform:rotate(-7deg)}.film-frame{position:absolute;width:205px;height:302px;padding:9px;background:#24112f;border:1px solid #d385bc44;border-radius:13px;box-shadow:0 20px 40px #10001d70;top:123px}.frame-1{left:-3%;transform:rotate(-14deg)}.frame-2{left:28%;top:83px;transform:rotate(5deg);z-index:2}.frame-3{left:53%;transform:rotate(17deg);z-index:3}.film-art{height:247px;border-radius:8px;background:radial-gradient(at 80% 15%,#fba8ef,#854193 20%,#2c163c 60%);overflow:hidden;position:relative}.frame-2 .film-art{background:radial-gradient(at 10% 20%,#74f9ea,#327683 30%,#193143 70%)}.frame-3 .film-art{background:radial-gradient(at 90% 10%,#fed08f,#d77476 35%,#421d47 70%)}.film-frame small{font-size:7px;letter-spacing:.08em;display:flex;justify-content:space-between;color:#ead1ef;padding:12px 4px}.motion-ring{position:absolute;width:210px;height:240px;border-radius:50%;border:22px solid #f587d8b3;left:-20px;top:90px;transform:rotate(-30deg);box-shadow:inset 8px 0 30px #f2a0e099,5px -12px 20px #fb8bf388}.frame-2 .motion-ring{border-color:#8de2d9a8}.frame-3 .motion-ring{border-color:#f1a585c4}.art-motion .float-label{bottom:6px;left:12%;z-index:5;font-size:8px;letter-spacing:.1em}
.polaroid{position:absolute;background:#fff;padding:14px 14px 20px;box-shadow:0 15px 35px #93476526;width:260px;top:52px;border:1px solid #f3e2ec;border-radius:5px}.polaroid>svg{width:100%;height:280px;object-fit:cover}.polaroid small{color:#795d73;font-size:11px;display:block;padding:13px 0 0;text-align:center;font-family:Display,sans-serif}.polaroid-back{transform:rotate(-13deg);left:0;top:95px}.polaroid-back>svg{filter:hue-rotate(30deg)}.polaroid-front{transform:rotate(9deg);right:0;top:58px}.doodle{position:absolute;font-size:48px;color:var(--accent)}.star-one{top:0;left:5%}.star-two{right:0;bottom:30px;font-size:74px;color:var(--accent2)}.art-polaroid .float-label{bottom:20px;left:10%;transform:rotate(-3deg)}
.aurora{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(40px);opacity:.22;top:5%;left:1%;background:#53ffbe}.a2{background:#438dff;left:30%;top:35%;width:240px;height:240px}.topography{position:absolute;inset:8% 0 6%;transform:rotate(-23deg);overflow:hidden}.topography i{border:1px solid #7fdab044;position:absolute;width:80%;height:80%;left:10%;top:10%;border-radius:44% 57% 41% 65%;}.topography .topo-1{transform:scale(.87)}.topography .topo-2{transform:scale(.73)}.topography .topo-3{transform:scale(.60)}.topography .topo-4{transform:scale(.47)}.topography .topo-5{transform:scale(.34)}.topography .topo-6{transform:scale(1.14)}.topography .topo-7{transform:scale(1.28)}.topography .topo-8{transform:scale(1.42)}.topography .topo-9{transform:scale(1.56)}.recipe-art{position:absolute;inset:22% 6% 17% 9%;background:#0b211ed9;border:1px solid #baf5dc33;backdrop-filter:blur(12px);border-radius:12px;padding:25px 28px;transform:rotate(4deg);box-shadow:0 30px 50px #00191370;color:#eafff7;font-family:monospace}.recipe-art>span{font-size:8px;letter-spacing:.15em;color:#62d5b6}.recipe-art>div{margin-top:22px}.recipe-art small{font-size:7px;letter-spacing:.07em;display:block;color:#719d8f}.recipe-art b{font-size:14px;font-weight:400;display:block;margin-top:4px}.recipe-line{display:flex;align-items:center;justify-content:space-between}.recipe-line b{font-size:28px;color:#74e6c5}.art-aurora .art-caption{bottom:20px}
.dream-orb{width:160px;height:160px;position:absolute;border-radius:50%;background:radial-gradient(at 25% 22%,#fff2de,#f7bdac 30%,#c882c0 70%);box-shadow:inset -10px -12px 22px #a6629d55,15px 20px 40px #be6ca822}.orb1{top:30px;left:0;transform:scale(.8)}.orb2{width:240px;height:240px;right:-10px;bottom:55px;background:radial-gradient(at 25% 22%,#e9e0ff,#cdb0e9 30%,#96afd5 70%)}.orb3{width:90px;height:90px;left:18%;bottom:10px;background:radial-gradient(at 25% 22%,#fff2de,#c6d7ef 45%,#b9a3d3 80%)}.dream-window{position:absolute;top:72px;left:19%;width:260px;border-radius:90px 90px 18px 18px;background:#ffffffb8;border:1px solid #fff;padding:24px 18px 18px;box-shadow:0 20px 50px #b99cac33;transform:rotate(-5deg);backdrop-filter:blur(14px);color:#695080}.dream-window>span{font-size:6px;letter-spacing:.17em;display:block;text-align:center;padding:12px 0 20px}.dream-arch{height:225px;background:linear-gradient(#c5b4e5,#edc3c6 65%,#feddbc);border-radius:80px 80px 8px 8px;overflow:hidden;position:relative}.dream-sun{width:80px;height:80px;background:#fff0d3;border-radius:50%;position:absolute;left:58%;top:17%;box-shadow:0 0 20px #fff0d333}.dream-hill{border-radius:50%;width:400px;height:200px;position:absolute;top:65%;left:-45%;background:linear-gradient(160deg,#bdace1,#e4a8a8);transform:rotate(-16deg)}.dream-hill:after{content:'';position:absolute;inset:20% 0 0 30%;border-radius:50%;background:linear-gradient(#ded2eb,#a68dbc)}.dream-window>small{font-size:6px;display:flex;justify-content:space-between;letter-spacing:.06em;padding:19px 5px 3px}.dream-spark{position:absolute;right:1%;top:40px;font-size:64px;color:#bd93dc;font-weight:200}.art-dream .float-label{bottom:34px;right:0;transform:rotate(4deg)}
[data-site=flowmusic] h1{font-size:clamp(52px,5.9vw,85px);font-weight:450;letter-spacing:-.045em;line-height:.98}[data-site=flowmusic] h2{font-weight:450;letter-spacing:-.025em}[data-site=flowmusic] .line-1{font-style:italic}[data-site=flowmusic] .hero{gap:70px}[data-site=flowmusic] .record-sleeve{background:#d7ddc5;color:#334339;left:0;top:62px;transform:rotate(-8deg);height:315px}[data-site=flowmusic] .record-sleeve>span{font-size:30px;line-height:.95;max-width:160px;font-weight:500}[data-site=flowmusic] .sleeve-sun{background:repeating-radial-gradient(circle,#a8b887 0 2px,#657957 3px 4px);top:145px;left:90px}[data-site=flowmusic] .vinyl-label{background:#c6d0b8;color:#334339}[data-site=flowmusic] .wave-card{top:355px;background:#fdfcf7}[data-site=flowmusic][data-theme=dark] .wave-card{background:#20222a}[data-site=flowmusic] .tool-panel{border-radius:6px}[data-site=mureka] .hero h1{font-size:clamp(40px,4.2vw,60px);letter-spacing:-.055em}[data-site=pixverse] .hero h1{font-weight:850;font-size:clamp(48px,5.5vw,78px);letter-spacing:-.06em}[data-site=pixverse] .tool-panel{border-radius:10px;box-shadow:0 0 60px -40px #ee6cde}[data-site=pixai] .hero h1{font-weight:780;font-size:clamp(42px,4.1vw,60px);letter-spacing:-.045em}[data-site=pixai] .tool-panel{border-radius:24px}[data-site=dreamina] .hero h1{font-size:clamp(45px,4.5vw,65px)}[data-site=seaart] .tool-panel{border-radius:10px}[data-site=seaart] .eyebrow,[data-site=grok] .eyebrow{font-family:monospace}[data-site=hailuo] .tool-panel{border-radius:22px;background:color-mix(in srgb,var(--surface) 80%,transparent)}
@keyframes pulse{50%{opacity:.35;transform:translateY(3px)}}
@media(min-width:1450px){.hero{min-height:760px}.art{height:550px}}
@media(max-width:1100px){.page-shell{padding:0 35px}.hero{gap:25px;grid-template-columns:1.1fr 1fr}.header nav{gap:20px}.header{gap:20px}.art{transform:scale(.9);transform-origin:center right}.hero-tags>span{display:none}.planet{left:15%}.orbit{left:-10%}.vinyl{left:22%;width:280px;height:280px}.record-sleeve{width:245px;height:285px}.frame-3{left:47%}.film-frame{width:175px}.polaroid{width:220px}.polaroid>svg{height:250px}.glass-card{width:265px}.dream-window{left:12%}.faq{gap:40px}.steps{gap:23px}.format-card{padding:18px}.hero-sub{font-size:14px}}
@media(max-width:850px){.page-shell{padding:0 27px}.header{height:80px}.header nav{display:none}.header-actions{margin-left:auto}.menu-button{display:grid}.header nav.open{display:flex;position:absolute;left:27px;right:27px;top:70px;z-index:20;padding:20px;background:var(--surface);border:1px solid var(--accent);border-radius:10px}.hero{grid-template-columns:1fr;gap:0;padding:50px 0 40px;min-height:0}.hero-copy{max-width:600px;margin:auto;width:100%}.hero h1,[data-site] .hero h1{font-size:clamp(44px,7.5vw,65px)}.hero-sub{max-width:500px}.hero-tags{margin:22px 0}.tool-panel{max-width:560px}.art{height:450px;width:450px;max-width:100%;margin:15px auto 0;transform:scale(.85);transform-origin:center}.hero .art{margin-bottom:-40px}.values-strip{display:grid;grid-template-columns:1fr 1fr;gap:17px}.feature{gap:22px}.feature-symbol{width:80px;height:80px}.feature h2{font-size:27px}.feature .round-link{display:none}.section{padding:55px 0}.format-grid{grid-template-columns:1fr 1fr}.format-card{min-height:185px}.format-card p{max-width:220px}.editorial{grid-template-columns:1fr;gap:20px}.faq{grid-template-columns:1fr;gap:25px}.footer-top>span{display:none}.hero-tags>span{display:inline}.steps{gap:15px}.steps h3{font-size:14px}.steps p{font-size:11px}.step-mock{height:140px}.step-mock>span{font-size:7px}.step-link code{padding-right:25px}.step-link b{right:21%;top:69px}.result-card{grid-template-columns:1fr}.result-media{max-height:420px}[data-site=flowmusic] .hero{gap:0}}
@media(max-width:520px){.page-shell{padding:0 20px}.header{height:72px;gap:9px}.brand{font-size:15px;gap:8px}.brand-mark{width:29px;height:29px;border-radius:8px}.brand-mark svg{width:17px;height:17px}.header-actions{gap:8px}.status-link{display:none}.header nav.open{left:20px;right:20px}.hero{padding:37px 0 20px}.hero .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:20px}.hero h1,[data-site] .hero h1{font-size:clamp(37px,10.5vw,51px);line-height:1.1;letter-spacing:-.055em}[data-site=flowmusic] .hero h1{font-size:57px;line-height:.98}.hero-sub{font-size:12px;line-height:1.8;margin-top:19px}.hero-tags{gap:6px;margin:20px 0}.hero-tags a{font-size:9px;padding:6px 8px}.hero-tags>span{display:none}.tool-panel{padding:14px 13px 12px;border-radius:14px}.tool-tabs{padding-bottom:12px;gap:16px}.tool-tabs button{font-size:10px}.input-wrap{height:49px;padding:0 9px;gap:6px}.input-wrap>svg{width:13px;height:13px}.input-wrap input{font-size:10px}.paste{font-size:9px;padding:4px 7px}.primary{min-height:48px}.tool-bottom{font-size:8px;gap:8px}.text-button{font-size:9px}.rights{font-size:7px}.art{margin-top:-15px!important;height:410px;transform:scale(.75);width:420px;max-width:none;left:50%;margin-left:-210px!important;margin-bottom:-60px!important}.values-strip{font-size:9px;padding:21px 0;gap:12px}.values-strip>span{font-size:8px;gap:5px}.values-strip svg{width:12px;height:12px}.section{padding:44px 0}.feature{gap:15px}.feature-symbol{width:57px;height:65px;border-radius:15px}.feature-symbol svg{width:26px;height:26px}.feature .eyebrow{font-size:7px;letter-spacing:.09em}.feature h2{font-size:23px}.feature p{font-size:11px}.section-top{margin-bottom:25px}.section-top p{font-size:12px}.section .eyebrow{font-size:8px}.section h2{font-size:30px}.steps{grid-template-columns:1fr;gap:29px}.steps article{display:grid;grid-template-columns:112px 1fr;column-gap:18px}.step-mock{grid-row:1/3;height:121px;margin:0}.step-mock>span{font-size:5px;margin-top:10px}.step-mock small{font-size:7px}.step-index{font-size:8px;top:8px;left:10px}.step-link code{font-size:10px;padding:5px 10px}.step-link b{display:none}.steps h3{font-size:16px;align-self:end;margin-bottom:8px}.steps p{font-size:11px;align-self:start}.format-grid{gap:10px}.format-card{padding:17px;min-height:190px}.format-card h3{font-size:24px}.format-card p{font-size:11px}.format-arrow{right:14px}.editorial h2{font-size:34px}.editorial p{font-size:12px}summary{font-size:12px;padding:18px 0}details p{font-size:11px}.more-tools>div{gap:8px}.more-tools>div>a{width:calc(50% - 4px);gap:8px;justify-content:space-between;padding:12px;font-size:10px}.more-tools small{font-size:8px}.footer-top .brand{font-size:13px}.footer-top>a:last-child{font-size:9px}.footer-links{gap:12px;font-size:9px}.footer-end{font-size:8px}.footer-end>span:last-child{display:none}footer>p{font-size:9px}.document{padding:47px 0}.document h1{font-size:42px}.document p{font-size:13px}.document h2{font-size:24px}.result-card{padding:16px;gap:20px}.result-info h2{font-size:22px}.download-choice{font-size:11px}.result-media{min-height:180px}.result-metadata pre{padding:14px}.hero-tags{max-width:100%}}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.guide-grid a{background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:25px;border-radius:14px}.guide-grid h2{font-size:22px;margin:0 0 20px}.guide-grid span{font-size:12px}.document>.eyebrow{margin-bottom:20px}.document>.tool-panel{margin:30px 0}.document .results{padding-bottom:0}@media(max-width:520px){.guide-grid{grid-template-columns:1fr}.guide-grid h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}