*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#232520;font:15px/1.5 Arial,sans-serif}header,.bar,.row,.bar>div{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}header{padding:15px clamp(18px,4vw,64px);border-bottom:1px solid #d9dbd1;background:white}header span{color:#57634f;border-left:1px solid #ccc;padding-left:15px}.wordmark{font-size:22px;font-weight:bold;letter-spacing:-1.2px;color:#1f3829;text-decoration:none}#back{margin-left:auto;color:#264d36}main{max-width:1400px;margin:auto;padding:20px clamp(15px,4vw,60px) 50px}h1{font:normal clamp(29px,4vw,51px)/1.1 Georgia,serif;letter-spacing:-1.8px}#cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.6vw,40px)}#cards a{display:block;color:inherit;text-decoration:none}#cards img{display:block;width:100%;border-radius:5px;box-shadow:0 4px 15px #23332120}#cards strong{display:block;font:600 20px/1.4 Georgia,serif;margin-top:12px}#cards span{color:#51604e}.bar{justify-content:space-between;margin:0 0 18px}.bar h1{font-size:34px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,330px);gap:20px;align-items:start}#stage{background:#e5e5de;padding:16px;display:flex;align-items:center;justify-content:center;border-radius:8px}#stage svg{max-width:100%;height:auto;width:min(100%,calc(67.5vh - 6px));display:block;box-shadow:0 4px 15px #0002;touch-action:none;user-select:none}aside{background:white;border:1px solid #dedfd7;padding:18px;border-radius:8px;display:grid;gap:12px}label{font-size:12px;font-weight:600;color:#3d4b3e;display:block}select,input{display:block;width:100%;font:14px Arial;margin-top:3px;padding:7px;border:1px solid #c9cfc6;border-radius:4px;background:white;color:#20251f;min-width:0}input[type=color]{height:33px;padding:2px}input[type=range]{padding:0}button{background:white;border:1px solid #bcc6b9;border-radius:5px;padding:7px 9px;cursor:pointer;color:#223d29}button:hover,button:focus-visible{background:#e6efe3}button:disabled{opacity:.45}.primary{background:#23492d;color:white}.primary:hover{background:#376741}.pair,#paints{display:grid;grid-template-columns:1fr 1fr;gap:8px}#textFields{display:grid;gap:8px}.row button{font-size:12px}summary{cursor:pointer;font-size:13px;font-weight:600}#status{font-size:13px;color:#445542;margin:0}#stage g[data-name]{cursor:move}[hidden]{display:none!important}@media(max-width:700px){#cards{grid-template-columns:1fr}#cards a{max-width:450px;margin:0 auto 18px;width:100%}.workspace{grid-template-columns:1fr}.bar>div{margin-top:5px}#stage svg{width:min(100%,410px)}main{padding-top:16px}#stage{padding:8px}}

#query{max-width:420px}#cards{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:24px 17px}#cards img{aspect-ratio:3/4;background:#e7e5df}#matches{color:#546351}#cards strong{margin-top:6px}