*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,sans-serif;background:#f6f7f9;color:#26333c}header{background:white;border-bottom:1px solid #dce3e7;display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100% - 1180px)/2));gap:25px}header img{object-fit:contain}nav{display:flex;gap:24px;white-space:nowrap}a{color:#177097}main{max-width:1180px;margin:36px auto;padding:0 20px}h1{font-size:clamp(26px,4vw,40px);line-height:1.2;margin:12px 0}p{color:#53636e}.eyebrow{font-size:12px;letter-spacing:.15em;color:#177097;font-weight:bold}.search{display:block;max-width:480px;margin-top:28px}input[type=search],select{display:block;width:100%;padding:12px;border:1px solid #bbcbd3;border-radius:7px;background:white;font:inherit}#cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.card{display:block;border:1px solid #dce3e7;border-radius:9px;background:white;overflow:hidden;text-decoration:none;color:inherit}.card img{width:100%;height:175px;object-fit:cover;display:block;background:#e7ecef}.card span{display:block;padding:12px;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start;margin-top:24px}.stage{display:flex;justify-content:center;align-items:center;min-height:300px;padding:12px;background:#e3e8ec;border-radius:12px}canvas{display:block;max-width:100%;height:auto;max-height:76vh;object-fit:contain;touch-action:none;cursor:move;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 50%/18px 18px}aside{background:white;padding:22px;border:1px solid #dce3e7;border-radius:12px}label{display:block;font-size:14px;font-weight:600;margin:0 0 18px}input[type=file]{display:block;max-width:100%;font-size:12px;margin-top:10px}input[type=range]{display:block;width:100%;accent-color:#177097;margin:12px 0}button{font:inherit;cursor:pointer;border:1px solid #bbcbd3;border-radius:7px;padding:10px 14px;background:white;color:#26333c}button:hover{background:#edf5f8}button:disabled{opacity:.45;cursor:default}.primary{display:block;width:100%;margin-top:22px;background:#127096;color:white;border:0}.primary:hover{background:#095675}.buttons{display:flex;flex-wrap:wrap;gap:8px}.buttons button{font-size:13px}fieldset{border:0;padding:0;margin:0}.small{font-size:12px}output{font-size:12px;font-weight:normal}#more{margin:28px auto;display:block}#status{padding:12px 0}footer{text-align:center;padding:40px;color:#6a7984;font-size:13px}[hidden]{display:none!important}:focus-visible{outline:3px solid #ed9b27;outline-offset:3px}@media(max-width:720px){header{flex-direction:column;gap:8px}nav{gap:18px;font-size:14px}main{margin-top:24px}.workspace{grid-template-columns:1fr}.stage{min-height:180px}canvas{max-height:60vh}#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card img{height:145px}}