:root{color:#201f1a;font-synthesis:none;--ink:#201f1a;--paper:#e8e0cf;--acid:#d8ff62;--green:#123c34;--warm-white:#faf7ee;background:#e8e0cf;font-family:Inter,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 18%, #ffffff70, transparent 22rem), radial-gradient(circle at 91% 42%, #617e691f, transparent 30rem), var(--paper);min-width:320px;margin:0;overflow-x:hidden}button,input{font:inherit}button,label{-webkit-tap-highlight-color:transparent}a{text-underline-offset:.17em}.skip-link{z-index:30;color:#fff;background:var(--green);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid #201f1a4d;justify-content:space-between;align-items:center;min-height:78px;padding:0 4vw;display:flex}.brand{color:inherit;letter-spacing:.11em;align-items:center;gap:.65rem;font-size:.875rem;font-weight:900;text-decoration:none;display:inline-flex}.brand small{opacity:.55;font-weight:500}.brand-mark{border:2px solid;border-radius:50% 50% 48% 18%;width:19px;height:19px;transform:rotate(-18deg)}.privacy-note{letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:.875rem;display:flex}.privacy-note span{color:#3a745e;font-size:.875rem}main{padding:clamp(2.6rem,6vw,6rem) 4vw 3rem}.intro{grid-template-columns:minmax(0,1.7fr) minmax(16rem,.55fr);align-items:end;gap:3rem;max-width:1600px;margin:0 auto clamp(2.4rem,5vw,5rem);display:grid}.eyebrow{letter-spacing:.18em;grid-column:1/-1;margin:0 0 -1.7rem;font-size:.875rem;font-weight:800}h1{letter-spacing:-.075em;margin:0;font-size:clamp(3.2rem,8.6vw,9.5rem);font-weight:800;line-height:.88}h1 em{color:var(--green);font-family:Iowan Old Style,Times New Roman,serif;font-weight:500}.lede{word-break:keep-all;max-width:25rem;margin:0;padding-bottom:.75rem;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.65}.workbench{border:1px solid var(--ink);max-width:1600px;box-shadow:12px 12px 0 var(--green);background:#faf7eec7;grid-template-columns:minmax(0,1.7fr) minmax(288px,.5fr);margin:0 auto;display:grid}.canvas-panel{border-right:1px solid var(--ink);min-width:0}.canvas-toolbar{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;min-height:50px;padding:.7rem 1rem;font-size:.875rem;font-weight:700;display:flex}.canvas-toolbar>div{align-items:baseline;gap:.75rem;min-width:0;display:flex}.canvas-toolbar strong{text-overflow:ellipsis;white-space:nowrap;max-width:30vw;overflow:hidden}.canvas-toolbar>span{opacity:.62;flex:none}.canvas-label{text-transform:uppercase;letter-spacing:.12em}.artboard{background-color:#b7ad9a;background-image:linear-gradient(45deg,#ffffff1f 25%,#0000 25%),linear-gradient(-45deg,#ffffff1f 25%,#0000 25%);background-size:32px 32px;place-items:center;min-height:34rem;padding:clamp(1rem,4vw,4rem);transition:background-color .16s;display:grid;position:relative;overflow:hidden}.artboard.is-dragging{outline:8px solid var(--acid);outline-offset:-8px;background-color:#778f77}.compare-stage{--split:38%;background:#fff;width:min(100%,1080px);max-height:67vh;position:relative;overflow:hidden;box-shadow:0 24px 70px #231c1247}.compare-stage canvas{object-fit:contain;width:100%;height:100%;display:block}.original-layer{width:100%;clip-path:inset(0 calc(100% - var(--split)) 0 0);position:absolute;inset:0;overflow:hidden}.original-layer canvas{width:100%}.compare-label{z-index:3;color:#fff;letter-spacing:.09em;pointer-events:none;background:#191814b3;padding:.35rem .48rem;font-size:.875rem;font-weight:800;position:absolute;top:.7rem}.compare-label-before{left:.7rem}.compare-label-after{right:.7rem}.compare-line{z-index:4;top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:2px;position:absolute;box-shadow:0 0 0 1px #1818146b}.compare-line:after{width:28px;height:28px;box-shadow:inset 5px 0 0 var(--green), inset -5px 0 0 #ce684e;content:"";background:#fff;border:1px solid #18181473;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-input{z-index:5;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-input:focus-visible{opacity:1;height:2.5rem;accent-color:var(--acid);top:auto}.drop-hint{color:#fff;pointer-events:none;background:#123c34eb;flex-direction:column;gap:.35rem;padding:.8rem 1rem;display:flex;position:absolute;bottom:1rem;right:1rem}.drop-hint strong{font-size:.875rem}.drop-hint span{opacity:.72;font-size:.875rem}.artboard.has-user-image .drop-hint{display:none}.status-bar{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;min-height:44px;padding:.6rem 1rem;font-size:.875rem;display:flex}#status:before{color:#3c725f;content:"●";margin-right:.45rem}#status[data-state=busy]:before{color:#d69c31;animation:.7s steps(2,end) infinite blink}#status[data-state=error]:before{color:#b33b2d}.status-bar button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;text-decoration:underline}@keyframes blink{50%{opacity:.25}}.controls{flex-direction:column;min-width:0;display:flex}.control-heading{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;min-height:50px;padding:1rem;font-size:.875rem;display:flex}.style-grid{grid-template-columns:1fr 1fr;display:grid}.style-card{border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:50px 1fr;align-items:center;gap:.7rem;padding:.68rem;display:grid}.style-card:nth-child(2n){border-right:0}.style-card:hover,.style-card:focus-visible{background:#ffffff8a}.style-card.is-active{background:var(--acid)}.style-card>span:last-child{gap:.2rem;min-width:0;display:grid}.style-card strong{font-size:.875rem}.style-card small{opacity:.65;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.swatch{border:1px solid #201f1a4d;height:44px;display:block}.swatch-croquis{background:repeating-linear-gradient(165deg,#eee8da 0 6px,#31342f 7px 8px,#eee8da 9px 13px)}.swatch-pencil{background:radial-gradient(at 62% 42%,#565652 0 6%,#0000 7%),repeating-linear-gradient(150deg,#eee9df 0 3px,#a4a39e 4px 5px,#eee9df 6px 10px)}.swatch-ink{background:radial-gradient(circle at 45%,#202823 0 18%,#68736b 19% 35%,#0000 36%),#e8e2d3}.swatch-water{background:radial-gradient(circle at 30% 30%,#f1b89a,#0000 34%),radial-gradient(circle at 70% 62%,#5aa7a2,#0000 40%),#e8dfca}.swatch-gouache{background:linear-gradient(145deg,#e3ba55 0 33%,#d3624e 34% 62%,#315e55 63%)}.swatch-riso{background-color:#eee4cf;background-image:radial-gradient(#c95049 35%,#0000 37%),radial-gradient(#175348 35%,#0000 37%);background-position:0 0,4px 4px;background-size:8px 8px}.intensity-control{border-bottom:1px solid var(--ink);padding:1rem}.range-heading,.range-labels{justify-content:space-between;align-items:center;display:flex}.range-heading{letter-spacing:.06em;margin-bottom:.9rem;font-size:.875rem;font-weight:750}.range-heading output{font-variant-numeric:tabular-nums}.range-labels{opacity:.55;margin-top:.35rem;font-size:.875rem}#intensity{background:var(--ink);appearance:none;width:100%;height:2px;margin:0}#intensity::-webkit-slider-thumb{border:1px solid var(--ink);background:var(--acid);appearance:none;border-radius:50%;width:18px;height:18px}#intensity::-moz-range-thumb{border:1px solid var(--ink);background:var(--acid);border-radius:50%;width:18px;height:18px}.actions{margin-top:auto;padding-top:1rem}.upload-button,.download-button{border:1px solid var(--green);cursor:pointer;justify-content:space-between;margin:0 1rem;padding:.9rem 1rem;font-size:.875rem;font-weight:750;display:flex}.upload-button{color:#fff;background:var(--green)}.upload-button:hover{background:#082a23}.download-button{width:calc(100% - 2rem);color:var(--green);background:0 0;margin-top:.5rem}.download-button:hover:not(:disabled){color:#fff;background:var(--green)}.download-button:disabled{cursor:wait;opacity:.42}#file-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.microcopy{opacity:.64;margin:0;padding:.7rem 1rem 1rem;font-size:.875rem;line-height:1.5}.method{border-top:1px solid #201f1a61;grid-template-columns:minmax(0,.78fr) minmax(18rem,1.05fr);gap:3rem 8vw;max-width:1500px;margin:clamp(7rem,13vw,13rem) auto clamp(5rem,9vw,9rem);padding-top:1.5rem;display:grid}.method .eyebrow{grid-column:1/-1;margin:0}.method h2{letter-spacing:-.055em;margin:0;font-family:Iowan Old Style,Times New Roman,serif;font-size:clamp(2.6rem,5.5vw,6.6rem);font-weight:500;line-height:.97}.method-copy{max-width:37rem}.method-copy>p{word-break:keep-all;margin:0;font-size:clamp(1rem,1.35vw,1.26rem);line-height:1.8}.method-copy a{color:var(--green);font-weight:750}.method-copy .method-note{opacity:.62;margin-top:1rem;font-size:.875rem;line-height:1.65}.benefits{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.benefits li{border-right:1px solid var(--ink);gap:.5rem;padding:1rem .55rem;display:grid}.benefits li:last-child{border-right:0}.benefits strong{font-family:Iowan Old Style,Times New Roman,serif;font-size:2.3rem;font-weight:500}.benefits span{font-size:.875rem}footer{letter-spacing:.12em;border-top:1px solid #201f1a4d;justify-content:space-between;padding:1.2rem 4vw 2rem;font-size:.875rem;font-weight:700;display:flex}noscript{color:#fff;text-align:center;background:#8c2f25;padding:1rem;display:block}@media (width<=1040px){.workbench{grid-template-columns:minmax(0,1.45fr) minmax(270px,.6fr)}.style-grid{grid-template-columns:1fr}.style-card{border-right:0;grid-template-columns:44px 1fr}.swatch{height:34px}}@media (width<=860px){.privacy-note{display:none}.intro{display:block}.eyebrow{margin-bottom:1.3rem}.lede{margin-top:2rem}.workbench{box-shadow:7px 7px 0 var(--green);grid-template-columns:1fr}.canvas-panel{border-right:0}.artboard{min-height:23rem;padding:1.2rem}.controls{border-top:1px solid var(--ink)}.style-grid{grid-template-columns:repeat(3,1fr)}.style-card{border-right:1px solid var(--ink);grid-template-columns:1fr}.style-card:nth-child(2n){border-right:1px solid var(--ink)}.style-card:nth-child(3n){border-right:0}.swatch{height:42px}.actions{margin-top:0}.method{grid-template-columns:1fr}.method-copy{max-width:none}}@media (width<=520px){.site-header{min-height:64px}main{padding-inline:1rem}h1{font-size:clamp(3rem,17vw,5.2rem)}.lede{font-size:.94rem}.canvas-toolbar{gap:1rem}.canvas-toolbar strong{max-width:44vw}.artboard{min-height:18rem}.drop-hint{bottom:.55rem;right:.55rem}.style-card{min-height:76px;padding:.55rem}.style-card>span:last-child{gap:.1rem}.style-card small{display:none}.status-bar{align-items:flex-start;gap:1rem}.status-bar button{flex:none}.method{margin-top:7rem}.benefits strong{font-size:1.8rem}footer{flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}