html,body{min-height:100%;margin:0}body{background:linear-gradient(90deg,transparent 0 49.92%,rgba(33,27,34,.08) 50%,transparent 50.08%),var(--paper)}body:before,body:after{content:"";position:fixed;z-index:20;pointer-events:none;width:2rem;height:2rem;border-color:var(--ink);opacity:.8}body:before{inset:1rem auto auto 1rem;border-top:1px solid;border-left:1px solid}body:after{inset:auto 1rem 1rem auto;border-right:1px solid;border-bottom:1px solid}.cleaner{width:min(74rem,100%);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1.2rem,5vw,4rem) 4rem}.home{display:inline-grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center;color:var(--ink);text-decoration:none}.home-arrow{grid-row:span 2;transition:translate .18s ease}.home small{color:#211b2273;font:700 .42rem/1 Arial,sans-serif;letter-spacing:.22em}.home b{margin-top:.28rem;font-size:.68rem;letter-spacing:.1em;border-bottom:1px solid transparent}.home:hover .home-arrow,.home:focus-visible .home-arrow{translate:-.25rem}.home:hover b,.home:focus-visible b{border-color:var(--red)}.home:focus-visible{outline:2px solid var(--red);outline-offset:.3rem}.tool-code{display:flex;gap:.8rem;margin:clamp(2rem,6vh,4rem) 0 0;font:800 .5rem/1 Arial,sans-serif;letter-spacing:.24em}.tool-code b{color:var(--red)}.tool-code span{padding-left:.8rem;color:#211b2273;border-left:1px solid rgba(33,27,34,.25)}h1{display:flex;align-items:center;gap:.28em;margin:.45rem 0 0 -.04em;font:900 clamp(1.35rem,5.4vw,4.2rem)/1.05 "Yu Gothic",sans-serif;letter-spacing:-.06em;white-space:nowrap}.title-icon{flex:none;width:.92em;height:.92em;rotate:-8deg}h1 em{font-style:normal;color:transparent;background:radial-gradient(rgba(244,239,230,.75) .05em,transparent .06em) 0 0 / .28em .28em,var(--red);-webkit-background-clip:text;background-clip:text}.lead{margin:1.1rem 0 0;color:#211b229e;font-size:.72rem;font-weight:700;letter-spacing:.12em}.lead em{font-style:normal;color:var(--red)}.studio>input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.privacy{margin:.9rem 0 0;color:#211b228c;font-size:.58rem;font-weight:700;letter-spacing:.1em}.studio{margin-top:clamp(2rem,6vh,4rem)}.stage{position:relative;border:1px solid rgba(33,27,34,.42);background:repeating-conic-gradient(rgba(33,27,34,.06) 0 25%,transparent 0 50%) 50% / 1rem 1rem;cursor:ew-resize;touch-action:pan-y pinch-zoom;overflow:hidden;line-height:0}.stage canvas{width:100%;height:auto;max-height:72vh;object-fit:contain}.stage .after{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.divider{position:absolute;top:0;bottom:0;left:50%;width:0;cursor:ew-resize;touch-action:none}.divider i{position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--red)}.divider:after{content:"◂ ▸";position:absolute;top:50%;left:50%;translate:-50% -50%;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;color:var(--white);background:var(--ink);border:2px solid var(--red);font-size:.62rem;letter-spacing:-.05em;line-height:1}.divider:focus-visible{outline:none}.divider:focus-visible:after{outline:2px solid var(--red);outline-offset:2px}.tag{position:absolute;top:.7rem;padding:.32rem .55rem;font:800 .5rem/1 Arial,sans-serif;letter-spacing:.16em;pointer-events:none}.tag-before{left:.7rem;color:var(--ink);background:#f4efe6d9}.tag-after{right:.7rem;color:var(--white);background:#211b22d9;border-bottom:2px solid var(--red)}.stage.is-over{border-color:var(--red);outline:2px dashed var(--red);outline-offset:-3px}.working{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:1rem;background:#f4efe68c}.working[hidden]{display:none}.working b{padding:.5rem .9rem;color:var(--white);background:var(--ink);font-size:.62rem;letter-spacing:.2em}.polish{position:absolute;top:0;bottom:0;width:18%;background:linear-gradient(105deg,transparent,rgba(235,53,89,.28) 45% 55%,transparent);animation:polish 1.1s ease-in-out infinite alternate}@keyframes polish{0%{left:-18%}to{left:100%}}@media(prefers-reduced-motion:reduce){.polish{animation:none;left:41%}}.settings{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:1.6rem}.slider-row{display:grid;gap:.55rem}.slider-row label{display:flex;justify-content:space-between;font-size:.62rem;font-weight:800;letter-spacing:.12em}.slider-row output{color:var(--red);font-family:Arial,sans-serif}.track{display:flex;align-items:center;gap:.8rem}.track input{flex:1;appearance:none;height:2.6rem;margin:0;background:transparent;cursor:pointer}.track input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--red) var(--val, 50%),rgba(33,27,34,.25) 0)}.track input::-webkit-slider-thumb{appearance:none;width:1.2rem;height:1.2rem;margin-top:calc(1px - .6rem);border-radius:50%;background:var(--red);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--red)}.track input::-moz-range-track{height:2px;background:#211b2240}.track input::-moz-range-progress{height:2px;background:var(--red)}.track input::-moz-range-thumb{width:1.2rem;height:1.2rem;border-radius:50%;background:var(--red);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--red)}.track input:focus-visible{outline:none}.track input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ink);outline-offset:2px}.track input:focus-visible::-moz-range-thumb{outline:2px solid var(--ink);outline-offset:2px}.step{flex:none;display:grid;place-items:center;width:2.6rem;aspect-ratio:1;padding:0;border:1px solid rgba(33,27,34,.4);border-radius:50%;color:var(--red);background:#fffdf899;cursor:pointer;font-size:1.05rem;font-weight:300;line-height:1;transition:color .18s ease,background .18s ease,border-color .18s ease}.step:hover,.step:focus-visible{color:var(--white);background:var(--ink);border-color:var(--red);outline:none}.step:active{scale:.92}.status{min-height:1.5em;margin:1rem 0 0;color:#211b2294;font-size:.58rem;font-weight:700;line-height:1.5;letter-spacing:.05em}.status.is-error{color:#b01836}.actions{display:flex;gap:1rem;margin-top:1rem}.studio.is-demo .download,.studio.is-demo .reset{display:none}.studio:not(.is-demo) .pick{display:none}.pick,.download{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex:1;min-height:4rem;padding:0 1.2rem;color:var(--ink);background:var(--red);text-decoration:none;font-size:.72rem;font-weight:800;letter-spacing:.1em;cursor:pointer}.pick:hover,.pick:focus-within{color:var(--white);background:#c82346}.download:hover,.download:focus-visible{color:var(--white);background:#c82346;outline:2px solid var(--white);outline-offset:-3px}.download:not([href]),.download.is-stale{pointer-events:none;opacity:.35}.paste,.reset{flex:none;display:grid;place-items:center;padding:0 1.4rem;border:1px solid rgba(33,27,34,.4);color:var(--ink);background:transparent;cursor:pointer;font-size:.62rem;font-weight:800;letter-spacing:.14em;transition:color .18s ease,background .18s ease}.paste:hover,.paste:focus-visible,.reset:hover,.reset:focus-visible{color:var(--white);background:var(--ink);outline:none}.notes{margin-top:clamp(2.5rem,7vh,4rem)}.notes h2{margin:0;font-size:.78rem;letter-spacing:.12em}.notes dl{display:grid;gap:1.4rem;margin:1.4rem 0 0}.notes dt{font-size:.66rem;font-weight:800;letter-spacing:.08em}.notes dd{margin:.45rem 0 0;color:#211b22ad;font-size:.62rem;line-height:1.9;letter-spacing:.05em}.signature{margin-top:clamp(3rem,8vh,5rem);padding-top:1.2rem;border-top:1px solid rgba(33,27,34,.18)}.signature p{margin:0;color:#211b228c;font-size:.6rem;font-weight:700;letter-spacing:.08em}.signature a{color:var(--red)}@media(max-width:760px){body:before{inset:.6rem auto auto .6rem}body:after{inset:auto .6rem .6rem auto}.actions{flex-direction:column}.pick,.download{min-height:3.4rem}.reset{min-height:3rem}}