:root{font-family:Arial,Malgun Gothic,sans-serif;color:#26372e;background:#f7f7ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}header{height:86px;border-bottom:1px solid #d9dfd1;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;font-size:13px}.brand{font-size:23px;font-weight:900;letter-spacing:2px}.brand span{font-size:10px;letter-spacing:3px;margin-left:15px}main{max-width:1280px;margin:auto;padding:0 40px}.intro{padding:66px 0 48px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#5a7462}h1{font-size:clamp(30px,4.2vw,54px);letter-spacing:-2px;margin:18px 0}h1 span{color:#f29552}.intro>p:not(.eyebrow){color:#657264;line-height:1.7}.notice{font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h2{font-size:27px;margin:7px 0}.pill,.badge{font-size:11px;padding:7px 12px;border-radius:30px;background:#e8eddf;color:#596a4f}.first-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;min-width:0;width:100%;border:1px solid #d6ddcc;border-radius:12px;background:#fffef7;padding:18px;color:inherit;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-4px);border-color:#56734b}.card:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #dc772e;outline-offset:3px}.number{font:11px monospace;letter-spacing:1px;color:#7a826e}.card-art{height:134px;display:flex;align-items:center;justify-content:center;width:100%;background:#f0f2e8;border-radius:8px}.card-art img{max-width:95%;max-height:120px;width:auto;height:105px;object-fit:contain}img{image-rendering:pixelated;image-rendering:crisp-edges}.first-grid .card:nth-child(1){background:#fff8d5}.first-grid .card:nth-child(2){background:#eaf0ff}.first-grid .card:nth-child(3){background:#e9f5dc}.first-grid .card:nth-child(4){background:#fae8f2}.first-grid .card:nth-child(5){background:#ffece0}.first-grid .card-art{background:transparent}.card strong{font-size:14px}.collection{padding-top:58px}.filters{display:flex;gap:12px;align-items:flex-end;padding:18px;background:#ebeedf;border-radius:12px}.filters label:first-child{flex:1}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#52624d}input,select,textarea{border:1px solid #c7d0be;background:#fffef8;border-radius:6px;padding:12px;color:#26372e;min-width:0;width:100%}button{min-height:44px}#export,.save{border:0;background:#304b38;color:#fff;padding:13px 18px;border-radius:6px}.all-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:22px}.pending{font-size:12px;color:#6c7965}.all-grid .card-art{height:110px}.all-grid .card-art img{height:90px}#count,#status{font-size:13px;color:#60705a}footer{margin-top:50px;padding:25px 0;border-top:1px solid #d6ddcc;font-size:12px;color:#61705a;display:flex;justify-content:space-between}dialog{border:1px solid #d6ddcc;border-radius:16px;background:#f7f7ed;color:#26372e;width:min(850px,94vw);max-height:90dvh;padding:40px}dialog::backdrop{background:#19291fb8}.close{position:absolute;right:10px;top:8px;width:44px;border:0;background:transparent}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.portrait{height:330px;display:flex;align-items:center;justify-content:center;overflow:auto;background:repeating-conic-gradient(#e5e9df 0% 25%,#fff 0% 50%) 0 / 20px 20px;border-radius:10px}.portrait img{flex-shrink:0;max-width:none}form{display:grid;gap:11px}.check{flex-direction:row;align-items:center}.check input{width:18px;height:18px}.hint,#extraction{font-size:11px;line-height:1.6;color:#61705a}@media(max-width:950px){.first-grid{gap:8px}.card{padding:12px}.all-grid{grid-template-columns:repeat(4,1fr)}.brand span{display:none}}@media(max-width:650px){header{height:68px}main{padding:0 18px}.intro{padding:36px 0}.first-grid,.all-grid{grid-template-columns:repeat(2,1fr)}.first-grid .card:last-child{grid-column:1 / -1}.filters{flex-wrap:wrap}.filters label:first-child{flex-basis:100%}.filters label{flex:1}.section-head{gap:10px}.pill{font-size:10px}h2{font-size:24px}.detail-layout{grid-template-columns:1fr}.portrait{height:230px}dialog{padding:36px 20px}footer{gap:15px;line-height:1.7}}[hidden]{display:none!important}.catalog-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.catalog-actions a{font-size:12px}.catalog-actions button,.file-button,.pixel-buttons button{border:1px solid #bccbad;border-radius:6px;background:#edf1e1;padding:12px 15px;color:#304b38;cursor:pointer}.catalog-actions .save{background:#304b38;color:#fff}.file-button{position:relative;overflow:hidden;display:inline-flex;min-height:44px;justify-content:center;font-size:14px}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-button:focus-within{outline:3px solid #dc772e;outline-offset:3px}#detail{width:min(1080px,96vw)}.detail-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.pixel-scroll{height:360px;overflow:auto;background:repeating-conic-gradient(#e1e6db 0% 25%,#fff 0% 50%) 0 / 16px 16px;border:1px solid #c3cdb7;border-radius:8px;padding:12px}#pixel-canvas{display:block;image-rendering:pixelated;touch-action:none;cursor:crosshair;max-width:none}.pixel-toolbar{display:flex;align-items:center;gap:12px;margin:15px 0}.pixel-toolbar label:first-child{flex:1}.pixel-toolbar input[type=color]{width:65px;height:44px;padding:4px}.pixel-toolbar span{font-size:11px;color:#61705a}.pixel-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.pixel-buttons button{font-size:11px;padding:8px 10px}button:disabled{opacity:.5;cursor:default}#edit-error,#import-error{font-size:12px;color:#9b352a;line-height:1.6;margin:0}#import-summary{font-size:14px;line-height:1.8}#edit{align-content:start}@media(max-width:720px){.detail-layout{grid-template-columns:1fr}.pixel-scroll{height:290px}.catalog-actions{gap:8px}.catalog-actions button,.file-button{font-size:12px;padding:10px}.brand span{display:none}header nav{font-size:11px}}#pixel-canvas{outline:1px dashed #718862;outline-offset:0}