:root{--paper:#f6f3ed;--ink:#24251f;--muted:#595950;--purple:#5630a5;--line:#d6d1c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--purple);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:7px;padding:11px 16px;color:var(--ink);font-weight:650}button:disabled{cursor:not-allowed;background:#e4dfd4;color:#55554c}button:hover:enabled{border-color:var(--purple)}:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.primary{background:var(--purple);color:white;border-color:var(--purple)}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:10;background:white;padding:12px}header{border-bottom:1px solid var(--line)}.nav{max-width:1280px;margin:auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:700 24px Georgia,serif;color:var(--ink);text-decoration:none}.brand span{color:var(--purple)}nav{display:flex;gap:25px;align-items:center}nav a{color:var(--ink);font-size:14px}main{max-width:1280px;margin:auto;padding:0 28px}.hero{padding:40px 0 26px;display:flex;align-items:end;justify-content:space-between;gap:24px}.eyebrow{font:650 11px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:2px;color:var(--purple)}h1{font:500 clamp(35px,4vw,56px)/1.08 Georgia,serif;margin:13px 0}h1 em{font-style:italic;color:var(--purple)}.intro{color:var(--muted);max-width:680px;margin:12px 0 0}.stamp{font:13px ui-monospace,monospace;border-left:1px solid var(--line);padding:12px 0 12px 25px;white-space:nowrap}.studio{display:grid;grid-template-columns:310px 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;box-shadow:0 12px 36px #24251f08}.settings{padding:23px;border-right:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;align-items:center;font:650 12px ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase}.small-button{font-size:12px;padding:5px 10px}.upload{display:block;background:var(--paper);border:1px dashed #8a8378;border-radius:8px;text-align:center;padding:22px 12px;margin:16px 0 10px;cursor:pointer}.upload strong{display:block;font-size:15px}.upload small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.upload input{display:block;max-width:100%;font-size:11px;margin-top:14px}#sample{width:100%;font-size:13px;padding:8px}fieldset{padding:0;border:0;margin:24px 0 0}legend{font:650 12px ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}label.control{display:block;font-size:13px;margin:16px 0}label.control span{display:flex;justify-content:space-between}input[type=range]{width:100%;accent-color:var(--purple);margin:10px 0 0}select,input[type=number]{width:100%;border:1px solid #aaa499;border-radius:6px;padding:8px;background:white;color:var(--ink);margin-top:6px}input[type=checkbox]{accent-color:var(--purple)}.check{display:flex;gap:10px;align-items:center;font-size:13px}small,.hint{color:var(--muted);font-size:12px}.preview{background:#eae7df;display:flex;flex-direction:column}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:16px 22px;font-size:12px}.preview-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live{font-size:11px;color:#355121;white-space:nowrap}.canvases{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px;flex:1;background-image:radial-gradient(#ccc7bd .7px,transparent .7px);background-size:16px 16px}figure{margin:0;min-width:0;display:flex;flex-direction:column}figcaption{font:11px ui-monospace,monospace;letter-spacing:1.3px;margin-bottom:10px;color:#4a4a42}.sheet{background:white;box-shadow:0 3px 10px #0000000a;flex:1;display:flex;align-items:center;justify-content:center;min-height:320px;padding:12px}canvas{width:100%;height:auto;max-height:430px;object-fit:contain;display:block}.preview-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:17px 22px;background:#f8f6f0;font-size:12px}#status{max-width:430px;margin:0;color:var(--muted)}.exports{display:flex;gap:8px;flex-shrink:0}.exports button{font-size:13px}.under{display:flex;gap:16px;justify-content:space-between;padding:13px 0;font-size:12px;color:var(--muted)}.content{padding:50px 0;max-width:1100px;margin:auto;border-bottom:1px solid var(--line)}h2{font:500 32px/1.2 Georgia,serif;margin:8px 0 26px}h3{font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{border-top:1px solid var(--line);padding-top:18px}.step b{font:italic 25px Georgia,serif;color:var(--purple)}.step p{font-size:14px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}details{padding:18px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:650;font-size:14px}details p{font-size:14px;color:var(--muted)}footer{max-width:1280px;margin:auto;padding:28px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer a{margin-left:20px}.legal{max-width:800px;min-height:65vh;padding-top:40px;padding-bottom:50px}.legal h1{font-size:42px}.legal p{color:var(--muted)}.analytics{position:fixed;bottom:20px;left:20px;max-width:400px;background:white;border:1px solid var(--line);padding:20px;box-shadow:0 6px 30px #0002;border-radius:8px;font-size:13px}.analytics[hidden]{display:none}.analytics button{margin-right:8px}.noscript{padding:20px;background:white}@media(max-width:900px){.studio{grid-template-columns:270px 1fr}.canvases{gap:12px;padding:15px}.sheet{min-height:250px}.preview-foot{align-items:start;flex-direction:column}.stamp{display:none}}@media(max-width:680px){.nav{padding:16px 18px;gap:12px}.brand{font-size:21px}nav{gap:12px}nav a{font-size:12px}nav .nav-how{display:none}nav button{font-size:11px;padding:8px}main{padding:0 16px}.hero{padding:28px 0 22px}.intro{font-size:14px}.studio{display:flex;flex-direction:column}.settings{border-right:0;border-bottom:1px solid var(--line);padding:18px}fieldset{margin-top:18px}.canvases{gap:10px;padding:16px 12px}.sheet{padding:5px;min-height:230px}.preview-head{padding:12px}.preview-foot{padding:16px}.exports{width:100%}.exports button{flex:1}.under{flex-direction:column;gap:4px}.steps,.faq{grid-template-columns:1fr;gap:12px}.content{padding:32px 0}h2{font-size:28px}footer{padding:24px 16px;flex-direction:column}footer a{margin:0 20px 0 0}.legal h1{font-size:34px}}
input{color:var(--ink)}