.hero{padding-top:36px;text-align:center;max-width:880px}.mas{display:block;margin:0 auto 4px;overflow:visible}.bl1,.bl2{transform-origin:134px 60px;transform-box:view-box}.bl1{animation:sn1 1.1s .5s ease-in-out 1 both}.bl2{animation:sn2 1.1s .5s ease-in-out 1 both}@keyframes sn1{0%,to{transform:rotate(0)}25%,75%{transform:rotate(9deg)}50%{transform:rotate(0)}}@keyframes sn2{0%,to{transform:rotate(0)}25%,75%{transform:rotate(-9deg)}50%{transform:rotate(0)}}h1{margin:0}h1 .l1,h1 .l2{display:block}h1 .l1{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:clamp(50px,12vw,76px);line-height:1;letter-spacing:-.01em}h1 .l2{font-family:var(--hf);font-weight:600;font-size:clamp(24px,5.2vw,34px);line-height:1.2;letter-spacing:-.02em;margin-top:12px}.sub{font-size:19px;line-height:1.5;color:var(--m);margin:16px auto 0;max-width:30ch;text-wrap:balance}.dz{position:relative;margin:30px auto 0;max-width:760px;border:2px dashed var(--dash);border-radius:var(--r);background:var(--soft);padding:40px 20px 34px}.dz.over{background:var(--tint);border-color:var(--o)}body.open .dz{border-style:solid;border-color:var(--l);padding:20px 16px 22px;max-width:880px}.upb{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--a);color:var(--on-a);font-weight:700;font-size:18px;padding:15px 28px;border-radius:var(--br);cursor:pointer}.upb input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upb:focus-within{outline:2px solid var(--o);outline-offset:3px}.or{color:var(--m);font-size:16px;margin-top:14px}.try{margin-top:6px;background:none;border:0;padding:8px;font-size:16px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.try:hover,.again:hover{color:var(--o)}.msg{margin:12px auto 0;max-width:34ch;font-size:16px;color:var(--ink)}.tool{text-align:left}.fl{margin:0 0 14px;font-size:15px;color:var(--m);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.fl b{color:var(--ink);font-size:17px;overflow-wrap:anywhere}.stage{display:grid;gap:18px}@media(min-width:860px){.stage{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:32px;align-items:start}}.pv{position:relative;user-select:none;-webkit-user-select:none;touch-action:none;line-height:0;max-width:400px;margin:0 auto;width:100%}.pv canvas{width:100%;height:auto;display:block;outline:1px solid var(--l)}.sh{position:absolute;background:var(--shade)}.cb{position:absolute;outline:2px solid var(--o)}.hd{position:absolute;z-index:2;touch-action:none}.hd.e:before,.hd.k:before{content:"";position:absolute;background:var(--o)}.hd.l,.hd.r{top:0;bottom:0;width:30px;cursor:ew-resize}.hd.l{left:-15px}.hd.r{right:-15px}.hd.t,.hd.b{left:0;right:0;height:30px;cursor:ns-resize}.hd.t{top:-15px}.hd.b{bottom:-15px}.hd.l:before,.hd.r:before{left:11px;top:50%;width:8px;height:44px;margin-top:-22px;border-radius:4px}.hd.t:before,.hd.b:before{top:11px;left:50%;height:8px;width:44px;margin-left:-22px;border-radius:4px}.hd.k{width:34px;height:34px}.hd.tl{left:-17px;top:-17px;cursor:nwse-resize}.hd.br{right:-17px;bottom:-17px;cursor:nwse-resize}.hd.tr{right:-17px;top:-17px;cursor:nesw-resize}.hd.bl{left:-17px;bottom:-17px;cursor:nesw-resize}.hd.k:before{left:11px;top:11px;width:12px;height:12px;border-radius:50%}.side{min-width:0}.gain{margin:0;font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:30px;line-height:1.1;text-wrap:balance}.all{display:flex;gap:12px;align-items:center;margin:16px 0 0;font-size:18px;cursor:pointer;min-height:44px}.all input{width:22px;height:22px;accent-color:var(--o);margin:0;flex:none}.acts{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:18px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border:0;border-radius:var(--br);background:var(--a);color:var(--on-a);font-weight:700;font-size:18px;cursor:pointer}.btn:disabled{opacity:.6;cursor:progress}.btn:focus-visible,.hc:focus-visible{outline:2px solid var(--o);outline-offset:3px}.again{background:none;border:0;padding:8px 0;font-size:16px;color:var(--m);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.saved{margin:14px 0 0;font-size:16px;color:var(--m)}.ho{margin:20px 0 0;padding:18px;border:1.5px solid #111;background:#fff;border-radius:var(--r2)}.hk{margin:0;font-family:var(--hf);font-weight:600;letter-spacing:-.02em;font-size:19px;line-height:1.3;text-wrap:balance}.hb{margin:8px 0 14px;font-size:16px;line-height:1.5;text-wrap:pretty}.hc{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:var(--br);font-weight:700;font-size:16px;text-decoration:none;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.hc:hover{color:var(--o);box-shadow:inset 0 0 0 2px var(--o)}.how,.faq{max-width:760px;margin-top:64px}h2{font-family:var(--hf);font-weight:600;letter-spacing:-.02em;font-size:clamp(26px,5vw,32px);line-height:1.2;margin:0 0 18px}.how ol{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:18px}.how li{counter-increment:s;position:relative;padding-left:48px;text-wrap:pretty}.how li:before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--ink);display:grid;place-items:center;font-weight:700;font-size:16px;line-height:1}.faq details{border-bottom:1px solid var(--l)}.faq summary{list-style:none;cursor:pointer;padding:16px 36px 16px 0;font-weight:700;font-size:18px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:4px;top:11px;font-size:26px;font-weight:400}.faq details[open] summary:after{content:"–"}.faq details p{margin:0 0 18px;color:var(--m);text-wrap:pretty}
