@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin-variable.woff2)format("woff2")}@font-face{font-family:Bricolage;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-variable.ttf)format("truetype")}:root{color:#191918;font-synthesis:none;background:#f4f3ef;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline-offset:3px;outline:2px solid #a65938}.checker{grid-template-columns:minmax(340px,390px) minmax(0,1fr);min-height:100dvh;display:grid}.controls{scrollbar-width:thin;background:#f4f3ef;flex-direction:column;height:100dvh;padding:30px 38px 20px;display:flex;overflow-y:auto}.back{border-bottom:1px solid #aaa9a3;padding-bottom:3px;font-size:12px;font-weight:750;text-decoration:none}.back:hover{border-color:#191918}.eyebrow,.workspace-eyebrow{color:#976047;letter-spacing:.16em;margin-top:48px;font-size:10px;font-weight:800;display:block}h1{letter-spacing:-.07em;margin:13px 0 0;font:750 clamp(45px,4vw,58px)/.95 Bricolage,Manrope,sans-serif}.period{color:#a65938}.intro{color:#696862;max-width:29ch;margin:18px 0 0;font-size:12.5px;line-height:1.65}.control-section{border-top:1px solid #d9d7d0;margin-top:28px;padding-top:20px}.section-top{align-items:baseline;gap:13px;margin-bottom:16px;display:flex}.section-top h2{letter-spacing:-.04em;margin:0;font-size:16px;font-weight:800}.index{color:#a65938;font-size:10px;font-weight:800}.source-card{background:#fff;border:1px dashed #cbc8bf;border-radius:12px;align-items:center;gap:13px;min-height:74px;padding:8px;display:flex}.source-card.is-over{background:#faf1ec;border-color:#a65938}.source-card img{object-fit:cover;border-radius:7px;width:56px;height:56px}.source-detail{flex-direction:column;gap:4px;min-width:0;display:flex}.source-detail strong{text-overflow:ellipsis;white-space:nowrap;max-width:205px;font-size:12px;overflow:hidden}.source-detail span{color:#777671;font-size:11px}.upload-button{color:#fff;cursor:pointer;background:#191918;border-radius:30px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 17px;font-size:12px;font-weight:800;display:flex}.upload-button:hover{background:#3b3936}#tile-input{opacity:0;width:1px;height:1px;position:absolute}.upload-button:has(+#tile-input:focus-visible){outline-offset:3px;outline:2px solid #a65938}.help{color:#777671;margin:10px 0 0;font-size:11px;line-height:1.55}.text-button{color:#191918;text-underline-offset:3px;background:0 0;border:0;margin-top:12px;padding:0;font-size:11px;font-weight:750;text-decoration:underline}.error{color:#a33220;margin:6px 0 0;font-size:11px;line-height:1.4}.error:empty{display:none}.segmented{background:#e8e7e1;border-radius:30px;padding:4px;display:flex}.mode{color:#64635e;background:0 0;border:0;border-radius:30px;flex:1;padding:10px;font-size:11px;font-weight:800}.mode[aria-pressed=true]{color:#191918;background:#fff;box-shadow:0 1px 6px #2221}.pattern-field{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:11px;font-weight:750;display:flex}.pattern-field input,.pattern-field select{color:#191918;background:#fff;border:1px solid #cbc8bf;border-radius:7px;width:85px;padding:7px}.source-card img[hidden]{display:none}.scale-label{justify-content:space-between;font-size:11px;font-weight:800;display:flex}#scale{accent-color:#a65938;width:100%;margin:16px 0 0}.scale-ends{color:#777671;justify-content:space-between;font-size:10px;display:flex}.check-row{cursor:pointer;align-items:center;gap:10px;margin-top:22px;font-size:11px;font-weight:750;display:flex}.check-row input{opacity:0;width:1px;height:1px;position:absolute}.switch{background:#c8c6bd;border-radius:20px;width:30px;height:18px;margin-left:auto;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.check-row input:checked~.switch{background:#a65938}.check-row input:checked~.switch:after{transform:translate(12px)}.check-row input:focus-visible~.switch{outline-offset:3px;outline:2px solid #a65938}.reset{text-underline-offset:3px;background:0 0;border:0;margin-top:20px;padding:0;font-size:11px;font-weight:750;text-decoration:underline;display:block}.controls footer{color:#93918a;margin-top:auto;padding-top:30px;font-size:10px}.workspace{color:#f4f3ef;background:#272725;flex-direction:column;min-height:0;padding:30px 38px 22px;display:flex}.workspace-head{justify-content:space-between;align-items:end;gap:15px;padding-bottom:24px;display:flex}.workspace-eyebrow{color:#d5a78d;margin:0 0 8px}.workspace-head h2{letter-spacing:-.045em;margin:0;font:600 clamp(22px,3vw,34px)/1.1 Bricolage,Manrope,sans-serif}.workspace-tip{color:#c4c0b8;white-space:nowrap;font-size:11px}.canvas-wrap{background:#c6c3b8;flex:1;min-height:300px;position:relative;overflow:hidden}#preview{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#preview:active{cursor:grabbing}.workspace-foot{color:#c4c0b8;justify-content:space-between;gap:12px;padding-top:16px;font-size:10px;display:flex}.workspace-foot span:last-child{letter-spacing:.11em;font-size:9px}@media (max-width:900px){.checker{flex-direction:column;display:flex}.controls{height:auto;padding:25px 26px 30px;overflow:visible}.eyebrow{margin-top:32px}.controls footer{margin-top:0}.workspace{min-height:68dvh;padding:28px 26px 20px}}@media (max-width:520px){.controls{padding:22px 20px 28px}.workspace{min-height:62dvh;padding:22px 16px 18px}.workspace-tip,.workspace-foot span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.switch:after{transition:none}}.guide{background:#faf9f6;border-top:1px solid #d9d8d2}.guide-inner{width:min(1120px,100% - 48px);margin:0 auto;padding:clamp(56px,8vw,110px) 0 clamp(50px,7vw,90px)}.guide-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#777671;margin:0 0 18px;font-size:10px;font-weight:800}.guide h2{letter-spacing:-.055em;text-wrap:balance;max-width:13em;margin:0;font:700 clamp(34px,5vw,64px)/.95 Bricolage,Manrope,sans-serif}.guide-lede{color:#3a3935;max-width:40em;margin:26px 0 0;font-size:17px;line-height:1.6}.guide-steps{border-top:1px solid #d9d8d2;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:clamp(40px,5vw,64px) 0 0;padding:0;list-style:none;display:grid}.guide-steps li{padding-top:22px}.guide-steps span{letter-spacing:.1em;color:#a65938;font-size:11px;font-weight:800}.guide h3{color:#191918;letter-spacing:-.04em;margin:10px 0 8px;font:700 22px/1.1 Bricolage,Manrope,sans-serif}.guide p,.guide li{color:#4a4945;font-size:14px;line-height:1.6}.guide-steps p{margin:0}.guide-grid{border-top:1px solid #d9d8d2;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:clamp(44px,5vw,70px);padding-top:10px;display:grid}.guide-grid ul{margin:0;padding-left:18px}.guide-grid li+li{margin-top:6px}.guide a{color:#191918;text-underline-offset:3px;font-weight:700}.site-foot{color:#dedcd3;background:#262624;flex-wrap:wrap;justify-content:space-between;gap:30px;padding:44px max(24px,50% - 560px);display:flex}.site-foot strong{letter-spacing:-.04em;color:#fff;font:700 20px/1 Bricolage,Manrope,sans-serif}.site-foot p{color:#b3b1a8;max-width:28em;margin:10px 0 0;font-size:13px}.site-foot .site-credit{margin-top:6px}.site-foot .site-credit a{color:#dedcd3;text-underline-offset:3px;text-decoration:underline}.site-foot nav{gap:10px;font-size:13px;font-weight:650;display:grid}.site-foot a{text-decoration:none}.site-foot a:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:760px){.guide-steps,.guide-grid{grid-template-columns:1fr}.guide-inner{width:calc(100% - 40px)}}.drop-overlay{z-index:50;-webkit-backdrop-filter:blur(6px)saturate(.9);pointer-events:none;background:#f4f3efd1;place-items:center;padding:24px;animation:.18s ease-out drop-in;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.drop-overlay[hidden]{display:none}.drop-target{aspect-ratio:16/9;text-align:center;color:#a65938;background:radial-gradient(circle at 50% 40%,#fff 0,#faf1ec 70%);border:2px dashed #a65938;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(560px,100%);animation:.18s ease-out drop-lift;display:flex;box-shadow:0 30px 60px -30px #19191859}.drop-target strong{letter-spacing:-.05em;color:#191918;font:750 clamp(24px,3vw,32px)/1 Bricolage,Manrope,sans-serif}.drop-target span{color:#696862;font-size:12px}.drop-target svg{animation:1.4s ease-in-out infinite drop-bob}@keyframes drop-in{0%{opacity:0}}@keyframes drop-lift{0%{transform:scale(.97)}}@keyframes drop-bob{50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.drop-overlay,.drop-target,.drop-target svg{animation:none}}