@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{color:#18201c;font-synthesis:none;background:#e8e2d3;font-family:DM Mono,monospace}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.app-shell{background-color:#e8e2d3;background-image:radial-gradient(#bbb3a3 .75px,#0000 .75px);background-size:8px 8px;min-height:100vh;padding:54px clamp(24px,6vw,100px) 68px}.masthead{max-width:760px;margin-bottom:52px}.eyebrow,.step{color:#a83a2f;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:11px}h1,h2,p{margin-top:0}h1,h2{letter-spacing:0;font-family:Fraunces,Georgia,serif;font-weight:600}h1{margin-bottom:12px;font-size:clamp(42px,7vw,82px);line-height:.95}.intro{color:#48534d;max-width:520px;margin-bottom:0;font-size:14px;line-height:1.65}.workspace{background:#f7f2e8;border:1px solid #18201c;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);display:grid}.source-panel,.output-panel{padding:clamp(22px,3vw,42px)}.source-panel{border-right:1px solid #18201c}.section-heading{gap:16px;margin-bottom:28px;display:flex}.step{color:#a83a2f;margin-top:4px}h2{margin-bottom:7px;font-size:26px;line-height:1.1}.section-heading p:not(.step),.slot-description{color:#5b665e;font-size:11px;line-height:1.55}.section-heading p:not(.step){max-width:320px;margin-bottom:0}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.upload-slot{aspect-ratio:1;cursor:pointer;background:#dbd5c8;border:1px solid #18201c;flex-direction:column;justify-content:flex-end;padding:14px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.upload-slot:hover{transform:translate(-3px,-3px);box-shadow:4px 4px #18201c}.upload-slot input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-slot img{object-fit:cover;filter:grayscale();width:100%;height:100%;position:absolute;inset:0}.upload-slot:after{content:"";background:var(--filter-color,transparent);mix-blend-mode:multiply;opacity:.25;pointer-events:none;position:absolute;inset:0}.upload-slot.reference{--filter-color:transparent}.upload-slot.red{--filter-color:#db392e}.upload-slot.green{--filter-color:#37834d}.upload-slot.blue{--filter-color:#2566a2}.plus,.slot-label,.slot-description{z-index:1;position:relative}.plus{margin-bottom:auto;font-family:Fraunces,Georgia,serif;font-size:38px;line-height:.8}.slot-label{margin-bottom:4px;font-size:12px;font-weight:500}.slot-description{color:#374139;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loaded .slot-label,.loaded .slot-description{color:#fffdf7;text-shadow:0 1px 2px #18201c}button{cursor:pointer;color:#fffdf7;background:#18201c;border:1px solid #18201c;border-radius:0;margin-top:22px;padding:13px 18px;font-size:12px;transition:background .15s,color .15s}button:hover:not(:disabled){background:#a83a2f}button:disabled{cursor:not-allowed;color:#817c71;background:#d1cbbb;border-color:#a39e91}.error-message{color:#a83a2f;margin:16px 0 -4px;font-size:11px}.canvas-frame{background:repeating-linear-gradient(45deg,#eee8dc,#eee8dc 10px,#e8e2d5 10px 20px);border:1px dashed #7e897f;place-items:center;min-height:345px;display:grid}.canvas-frame.ready{background:#18201c;border-style:solid;display:block}canvas{max-width:100%;height:auto;display:block}.output-placeholder{color:#667067;text-align:center;max-width:220px;margin:0;font-size:11px;line-height:1.65}.download-button{color:#18201c;background:#f7f2e8}.download-button:hover:not(:disabled){color:#fffdf7}@media (width<=760px){.app-shell{padding:36px 18px 42px}.masthead{margin-bottom:34px}.workspace{grid-template-columns:1fr}.source-panel{border-bottom:1px solid #18201c;border-right:0}.canvas-frame{min-height:260px}}