:root{font-family:system-ui,"Segoe UI",sans-serif;color:#302923;background:#f8f5ef}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;padding:28px 20px 60px;margin:auto}header{padding:20px 0 12px}.eyebrow{letter-spacing:.15em;color:#936145;font-weight:700;font-size:.8rem}h1{font-size:clamp(2rem,6vw,3.6rem);margin:.2em 0;color:#70472f}nav{display:flex;gap:10px;position:sticky;top:0;background:#f8f5ef;padding:12px 0;z-index:2}button{font:inherit;padding:9px 18px;border:1px solid #d8cbbd;border-radius:999px;background:#fffdf9;color:#47392d;cursor:pointer}button.active{background:#754c34;color:#fff;border-color:#754c34}#count{color:#766a60}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.card{background:#fffdf9;border:1px solid #e5dbd0;border-radius:14px;overflow:hidden}.preview{aspect-ratio:1;background-color:#fff;background-image:conic-gradient(#e5e2dc 25%,transparent 0 50%,#e5e2dc 0 75%,transparent 0);background-size:20px 20px;display:grid;place-items:center}.preview img{width:100%;height:100%;object-fit:contain}.pending{display:grid;place-items:center;color:#8e7967;font-size:1.05rem}.caption{padding:12px}.caption strong{display:block}.tag{color:#8a705c;font-size:.85rem}.pending-card{border-style:dashed}@media(max-width:480px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.caption{padding:9px;font-size:.9rem}}
[hidden]{display:none!important}
button{min-height:44px}button:focus-visible,textarea:focus-visible{outline:3px solid #98653c;outline-offset:3px}
.preview>a{display:block;width:100%;height:100%}.card{min-width:0}.controls{padding:0 12px 12px}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions button{padding:8px 10px;flex:1 1 auto;border-radius:10px;font-size:.85rem}.actions button[aria-pressed=true]{box-shadow:inset 0 0 0 2px currentColor;font-weight:700}.ok[aria-pressed=true]{background:#e4f2de;color:#28552b}.fix[aria-pressed=true]{background:#fff0ce;color:#744500}.no[aria-pressed=true]{background:#fbe1df;color:#873b34}.comment{margin-top:12px}label{display:block;margin-bottom:6px}textarea{display:block;width:100%;max-width:100%;font:inherit;padding:10px;border:1px solid #c6b5a4;border-radius:8px;resize:vertical;background:#fff;color:#302923}textarea[aria-invalid=true]{border-color:#a25729}.hint{font-size:.8rem;color:#87481f}.export{margin-top:32px;padding-top:24px;border-top:1px solid #d8cbbd}.export>p{color:#766a60}#get-code{background:#754c34;color:white}#export-panel{margin-top:20px}#export-code{margin-bottom:12px;overflow-wrap:anywhere}#message{color:#70472f}@media(max-width:480px){nav{gap:6px}nav button{padding:9px 12px}.controls{padding:0 9px 9px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .fix{grid-column:1/-1;grid-row:2}.actions button{padding:8px 4px}.comment label{font-size:.85rem}}