:root{--paper:#f2ede4;--ink:#1e1b18;--clay:#c67f68;--line:#d7d0c5;--muted:#655f58;--white:#fbf9f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.7 Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #486784;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.small{font-size:12px;line-height:1.8;color:var(--muted)}.eyebrow{font:11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:2px;font-weight:700}.mode-banner{background:var(--ink);color:#fff;text-align:center;padding:8px 20px;font-size:12px}.header{display:flex;justify-content:space-between;align-items:center;min-height:108px;border-bottom:1px solid var(--ink)}.brand b{font-size:21px;line-height:.98;display:block;letter-spacing:-.9px}.brand span{display:none}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:#8d4935}.hero{padding:78px 0 72px;display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center}.hero h1{font-size:clamp(48px,5.1vw,76px);line-height:1.14;letter-spacing:-4px;margin:25px 0;font-weight:900}.hero h1 em{font-style:normal;color:#ab604a}.hero-copy{font-size:17px;line-height:1.9;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--line);padding:12px 19px;background:transparent;font-size:13px;font-weight:600;min-height:46px;border-radius:2px}.button:hover{background:#e6ded2}.button.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.button.dark:hover{background:#494137}.button.outline{border-color:var(--ink)}.hero-note{margin-top:20px}.hero-art{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;transform:rotate(-3deg)}.art-tile{aspect-ratio:1/1.24;display:flex;align-items:center;overflow:hidden}.art-tile img{width:100%;height:100%;object-fit:contain;transform:scale(1.13)}.art-tile.clay{background:var(--clay);margin-top:30px}.art-tile.ink{background:var(--ink);margin-bottom:30px}.art-caption{grid-column:1/-1;display:flex;justify-content:space-between;font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:2px;transform:rotate(3deg);margin-top:14px}.library{border-top:1px solid var(--ink);padding-top:44px;padding-bottom:72px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2{margin:4px 0 0;font-size:30px;letter-spacing:-1.2px}.section-heading h2 span{font:16px ui-monospace,monospace;vertical-align:top;margin-left:8px;color:#9b543f}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.toolbar{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid transparent;background:transparent;padding:8px 13px;border-radius:24px;font-size:12px}.filter[aria-pressed=true]{background:var(--ink);color:white}.filter:hover{border-color:var(--ink)}.search{display:flex;align-items:center;min-width:280px;border-bottom:1px solid #aaa093}.search input{width:100%;border:0;background:none;padding:8px 0;font-size:12px}.search span:last-child{font-size:25px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 20px}.card{display:block;text-align:left;border:0;background:transparent;padding:0;width:100%}.card-image{aspect-ratio:1;background:#e8e2d8;position:relative;overflow:hidden;border:1px solid transparent;transition:background .2s}.card img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.card:hover .card-image{border-color:#af826e}.card:hover img{transform:scale(1.035)}.card-code{position:absolute;top:12px;left:12px;font:10px ui-monospace,Consolas,monospace;letter-spacing:1px}.card-arrow{position:absolute;bottom:8px;right:13px;font-size:19px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:600}.card-title small{font-size:10px;font-weight:400;white-space:nowrap;color:var(--muted)}.empty{text-align:center;padding:60px}.empty button{margin-top:18px}.guide{padding:48px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--ink)}.guide h2{font-size:30px;line-height:1.5;letter-spacing:-1px;margin:16px 0}.guide p{font-size:13px;color:var(--muted)}.guide .button{margin-top:18px}.rules article{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.rules article>span{color:#9a513e;font:14px ui-monospace,monospace;margin-top:3px}.rules h3{margin:0;font-size:17px}.rules p{margin:6px 0}.credit{padding:25px 30px 30px;background:#e6dfd3}.credit h3{margin:8px 0}.copyline{display:flex;align-items:center;justify-content:space-between;gap:20px}.copyline code{font-size:14px;word-break:keep-all}.demo-tools{margin-top:40px;border:1px dashed #aa9984;padding:16px 22px;font-size:13px}.demo-tools summary{cursor:pointer;font-weight:bold}.demo-tools p{max-width:850px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 0;font-size:11px}footer b{font-size:13px}footer p{color:var(--muted)}dialog{padding:0;border:0;background:var(--white);width:min(1050px,calc(100% - 40px));max-height:92dvh;border-radius:4px;color:var(--ink);box-shadow:0 20px 90px #0005}dialog::backdrop{background:#1e1b18aa;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:var(--white)}.close{width:40px;height:40px;font-size:28px;line-height:1;border:0;background:transparent}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:28px}.preview{background:var(--paper);aspect-ratio:1;display:grid;place-items:center}.preview img{width:100%;height:100%;object-fit:contain}.variants{display:flex;gap:6px;margin-top:12px}.variants button{border:1px solid var(--line);background:transparent;padding:8px 12px;font-size:12px}.variants button[aria-pressed=true]{background:var(--ink);color:white}fieldset{border:0;padding:0;margin:20px 0 0}legend{font-size:12px;font-weight:600;margin-bottom:9px}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{width:30px;height:30px;border:1px solid #b2a99e;border-radius:50%;background:var(--swatch)}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.text-button{border:0;border-bottom:1px solid #9d9385;background:transparent;font-size:12px;padding:0}.form-column h2{font-size:30px;line-height:1.3;margin:10px 0}.description{font-size:13px;margin:20px 0}.inline-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.form-column hr{border:0;border-top:1px solid var(--line);margin:24px 0}.form-column h3{font-size:17px;margin-bottom:6px}label{font-size:12px;font-weight:600}input:not([type=checkbox]),select,textarea{display:block;width:100%;background:white;border:1px solid var(--line);padding:10px 12px;border-radius:2px;font-size:13px;margin-top:6px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.block{display:block;margin-top:14px}.privacy{font-size:12px;margin:18px 0;background:#eee9df;padding:12px}.privacy summary{cursor:pointer}.privacy div{white-space:pre-line;font-size:11px;font-weight:400;margin-top:10px}.check{display:flex;gap:9px;align-items:flex-start;margin:12px 0;font-weight:400}.check input{width:17px;height:17px;flex-shrink:0;accent-color:var(--ink)}.download-buttons{display:flex;gap:10px;margin-top:20px}.download-buttons button{flex:1}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;font-size:13px;box-shadow:0 5px 25px #0003;z-index:10}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;top:-60px;left:10px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}#formStatus{font-size:12px;color:#8b3823;white-space:pre-line}
@media(min-width:1500px){.hero{padding:92px 0}.hero-art{max-width:510px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:32px}.hero h1{font-size:56px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar{align-items:flex-start;flex-direction:column;gap:12px}.search{width:100%}.guide{gap:36px}.detail-layout{gap:22px;padding:22px}nav{gap:18px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{min-height:86px}.brand b{font-size:17px}nav{gap:14px;font-size:11px}nav a:first-child{display:none}.hero{padding:38px 0 46px;grid-template-columns:1fr;gap:20px}.hero h1{font-size:52px;margin:20px 0;letter-spacing:-2px}.hero-copy{font-size:14px}.hero-art{max-width:400px;margin:auto;width:90%}.art-tile{aspect-ratio:1/1}.section-heading{align-items:start}.section-heading h2{font-size:24px}.section-heading>p{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.card-title{font-size:13px}.filters{gap:2px}.filter{padding:7px 10px;font-size:11px}.guide{grid-template-columns:1fr;gap:22px;padding-top:30px}.guide h2{font-size:26px}.credit{padding:22px}.copyline{align-items:start;flex-direction:column;gap:12px}footer{align-items:start;flex-direction:column;gap:8px}footer p{margin:0}.detail-layout{grid-template-columns:1fr;padding:18px}.preview{max-width:400px;margin:auto}dialog{width:calc(100% - 18px);max-height:95dvh}.dialog-top{padding:8px 18px}.form-column{padding-top:8px}.form-column h2{font-size:27px}.toast{max-width:92%;width:max-content}.mode-banner{font-size:10px}.demo-tools{padding:15px}.button{padding:11px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}