:root{--ground:#fdfcf8;--paper:#fff;--surface:#edf1f2;--surface-soft:#f4f5f1;--ink:#25324a;--muted:#5c687a;--accent:#304f8c;--accent-ink:#fff;--selected:#dfe8f0;--focus:#6b8baa;--margin:clamp(18px,2.3vw,36px);--gap:clamp(16px,1.8vw,28px);--small:13px;--body:16px;--title:clamp(30px,3.3vw,48px);--heading:clamp(24px,2.5vw,36px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;color-scheme:light}body{margin:0;background:var(--ground);color:var(--ink);font:var(--body)/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button{border:0;border-radius:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h1{font-size:var(--title);letter-spacing:-.045em;line-height:1.08;font-weight:600}h2{font-size:var(--heading);line-height:1.15;letter-spacing:-.035em;font-weight:550}h3{font-size:var(--body);font-weight:650;line-height:1.45}header,main,footer{max-width:1660px;margin-inline:auto;padding-inline:var(--margin)}header{display:flex;align-items:center;gap:28px;min-height:84px}.brand{font-weight:650;font-size:var(--body);letter-spacing:-.035em;white-space:nowrap}nav{display:flex;align-items:center;gap:24px;margin-left:auto}nav a{font-size:var(--small);text-decoration:none}nav a:hover{color:var(--accent)}#language{padding:8px 10px;background:var(--surface);border:0;color:var(--ink);font-size:var(--small);max-width:130px;min-height:40px}main{padding-top:20px}.hero-copy{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;column-gap:48px;row-gap:12px;margin-bottom:26px}.hero-copy h1{grid-row:1/3;align-self:center}.intro{max-width:58ch;color:var(--ink);font-size:var(--body);line-height:1.5}.promise{font-size:var(--small);color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:var(--gap);align-items:start}.stage{background:var(--surface);min-width:0;min-height:470px;display:flex;flex-direction:column;padding:18px 0 6px}.toolbar{font-size:var(--small);color:var(--muted);padding:0 22px 16px;min-width:0;overflow-wrap:anywhere}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 20px 18px;align-items:start}.compare-pane{min-width:0}.pane-label{font-size:var(--small);margin-bottom:12px;font-weight:600}.paper{background:var(--paper);padding:12px;display:flex;align-items:center;justify-content:center;min-height:0}.paper canvas{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.panel{background:var(--surface-soft);padding:20px;min-width:0;display:flex;flex-direction:column;gap:0}.upload{display:block;background:var(--ink);color:var(--accent-ink);width:100%;min-height:46px;padding:10px;font-size:var(--body);font-weight:550}.upload:hover{background:var(--accent)}.section{font-size:var(--small);font-weight:650;margin:18px 0 9px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);padding:3px;gap:3px}.mode-switch button{font-size:var(--small);line-height:1.35;min-height:44px;background:transparent;color:var(--ink);padding:8px 5px}.mode-switch button.active{background:var(--selected)}.mode-note{font-size:var(--small);color:var(--muted);line-height:1.45;margin:9px 0 8px}.control{display:block;font-size:var(--small);margin:12px 0 0}.control>span{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.control output{font-variant-numeric:tabular-nums;color:var(--muted)}input[type=range]{display:block;width:100%;margin:8px 0 0;accent-color:var(--accent);height:20px}.advanced{margin-top:17px;font-size:var(--small)}.advanced summary{min-height:36px;display:list-item;font-weight:600}.advanced[open]{padding-bottom:12px}.presets,.styles{display:grid;gap:5px}.presets{grid-template-columns:repeat(3,minmax(0,1fr))}.styles{grid-template-columns:repeat(2,minmax(0,1fr))}.presets button,.styles button{font-size:var(--small);min-height:40px;padding:7px 4px;background:var(--paper);color:var(--ink);overflow-wrap:anywhere}.styles button.active{background:var(--selected)}.colors{margin-top:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.colors label{display:flex;align-items:center;gap:5px;flex:1 0 100%}input[type=checkbox]{accent-color:var(--accent)}input[type=color]{width:44px;height:34px;padding:0;border:0;background:transparent;cursor:pointer}.download{display:block;background:var(--accent);color:var(--accent-ink);width:100%;min-height:46px;margin-top:16px;padding:10px;font-size:var(--body);font-weight:550}.download:hover{background:var(--ink)}.reset{background:transparent;color:var(--muted);font-size:var(--small);padding:12px 0 6px;min-height:36px}.hint{font-size:var(--small);line-height:1.45;color:var(--muted);margin-top:8px}.bottom{min-height:32px;padding-top:10px;font-size:var(--small);color:var(--muted)}.site-section{margin-top:104px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-bottom:30px}.section-heading p{max-width:55ch;font-size:var(--body)}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}figure{margin:0;min-width:0}.example-grid canvas{display:block;width:100%;height:auto;background:var(--paper)}figcaption{font-size:var(--small);margin-top:14px;color:var(--muted)}#how{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:var(--surface-soft);padding:36px}.steps{display:flex;flex-direction:column;gap:26px}.steps article{display:grid;grid-template-columns:1fr 1.6fr;gap:24px}.steps p{font-size:var(--body)}.artist-card{margin-top:104px;display:flex;justify-content:space-between;align-items:center;background:var(--surface);padding:40px;gap:48px}.artist-copy{max-width:70ch}.artist-copy>p{margin-top:18px}.artist-copy .artist-pending{font-size:var(--small);color:var(--muted)}.artist-link{display:inline-flex;margin-top:22px;min-height:46px;align-items:center;background:var(--accent);color:var(--accent-ink);padding:10px 18px;text-decoration:none}.artist-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1}.artist-gallery img{width:100%;height:auto;object-fit:contain}#faq{display:grid;grid-template-columns:1fr 2fr;gap:48px}.faq-list{columns:2;column-gap:40px}.faq-list article{break-inside:avoid;margin-bottom:28px}.faq-list p{margin-top:10px;font-size:var(--body)}.site-footer{margin-top:96px;padding-block:36px 50px;display:grid;grid-template-columns:1fr 1fr auto;align-items:start;gap:36px;font-size:var(--small)}footer strong{font-size:24px;letter-spacing:-.04em;font-weight:550}footer p{margin-top:8px;max-width:46ch}footer>a{align-self:end}noscript img{width:100%;height:auto}noscript p{padding:20px}body.drag .stage{outline:3px dashed var(--accent);outline-offset:4px}button,a,summary{transition:background-color .16s,color .16s,transform .16s}button:active{transform:translateY(1px)}
@media(min-width:1450px){.paper{padding:18px}.stage{min-height:510px}.layout{grid-template-columns:minmax(0,1fr) 304px}}
@media(max-width:1100px){header{gap:20px}nav{gap:14px}.layout{grid-template-columns:minmax(0,1fr) 266px}.panel{padding:16px}.compare-grid{padding-inline:14px;gap:12px}.paper{padding:8px}.hero-copy{gap:20px}.stage{min-height:420px}.steps article{grid-template-columns:1fr;gap:6px}#faq{grid-template-columns:1fr 2fr}}
@media(max-width:780px){header{min-height:68px;gap:16px;flex-wrap:wrap;padding-block:14px}nav{order:3;flex:1 0 100%;justify-content:space-between;margin:0;gap:8px}nav a{font-size:var(--small)}#language{margin-left:auto;min-height:40px}main{padding-top:18px}.hero-copy{display:block;margin-bottom:22px}.hero-copy h1{margin-bottom:14px}.intro{max-width:50ch}.promise{margin-top:10px}.layout{grid-template-columns:1fr;gap:18px}.stage{min-height:0;padding-top:14px}.toolbar{padding-inline:14px;padding-bottom:12px}.compare-grid{gap:10px;padding:0 12px 14px}.paper{padding:6px}.pane-label{margin-bottom:8px}.panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:18px}.upload,.mode-block,.advanced,.download,.reset,.hint{grid-column:1/-1}.control{grid-column:1/-1}.mode-switch button{min-height:46px}.mode-note{min-height:0}.section-heading{display:block;margin-bottom:24px}.section-heading p{margin-top:14px}.site-section{margin-top:64px}.example-grid{grid-template-columns:1fr;gap:28px}.example-grid figure:first-child{display:none}.example-grid canvas{max-height:none}figcaption{margin-top:10px}#how{display:block;padding:24px}#how h2{margin-bottom:28px}.steps{gap:24px}.steps article{display:block}.steps p{margin-top:8px}.artist-card{margin-top:64px;display:block;padding:24px}.artist-gallery{margin-top:24px}#faq{display:block}.faq-list{columns:auto;margin-top:26px}.faq-list article{margin-bottom:26px}.site-footer{margin-top:64px;grid-template-columns:1fr;gap:20px;padding-block:24px 36px}footer strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.seo-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px}.seo-intro p,.guide-copy p{max-width:72ch}.seo-links,.language-links{grid-column:1/-1;margin:0;display:flex;flex-wrap:wrap;gap:14px 22px}.seo-links strong{font-size:var(--small);letter-spacing:0}.language-links{margin-top:4px}.guide-copy{max-width:900px;margin-top:48px}.guide-copy h2{margin-bottom:18px}.guide-link{display:inline-block;margin:36px 22px 0 0}.guide-page{max-width:1100px}.guide-page>.intro{margin-top:22px}.language-suggestion{font-size:var(--small);grid-column:2;color:var(--muted)}@media(max-width:780px){.seo-intro{display:block}.seo-intro p{margin-top:18px}.guide-copy{margin-top:36px}.language-suggestion{margin-top:10px}}