@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Space+Grotesk:wght@400;500;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#eeece6;color:#161616;font-family:'Space Grotesk',sans-serif}header,footer{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.08em}.mark{font-weight:700;font-size:16px;line-height:.85;text-decoration:none;color:inherit}header a:last-child{text-decoration:underline;color:inherit}.hero{min-height:68vh;padding:12vh 10% 8%;background:#b5ff4a;background-image:radial-gradient(#161616 1px,transparent 1px);background-size:16px 16px}.hero p:first-child,.eyebrow,small{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em}.hero h1{max-width:900px;font-size:clamp(48px,9vw,128px);line-height:.88;letter-spacing:-.07em;margin:25px 0}.lead{max-width:470px;font-size:20px}.button{display:inline-block;background:#161616;color:#fff;text-decoration:none;padding:15px 19px;margin-top:20px;font-weight:700}#catalog{padding:86px 5%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:24px}article{padding:18px;background:#f8f7f3;border:1px solid #161616}.art{height:230px;background:#ff6a3d;display:grid;place-items:center;font-family:'DM Mono';font-size:11px;letter-spacing:.1em;margin-bottom:16px}article:nth-child(2n) .art{background:#6e67f6;color:#fff}h2{font-size:26px;margin:8px 0}article p{min-height:48px}.notice{margin:0 5% 60px;padding:22px;border:1px solid #161616;font-family:'DM Mono',monospace;font-size:13px}footer{background:#161616;color:#eeece6}@media(max-width:600px){header span{display:none}.hero{padding:18vh 7%}#catalog{padding:50px 7%}}

/* Operations workspace: readable controls and responsive tables. */
[hidden]{display:none!important}button,input,select{font:inherit}button,.button{border:1px solid #161616;border-radius:5px;padding:12px 16px;cursor:pointer;background:#161616;color:#fff}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6e67f6;outline-offset:3px}.operations .hero{min-height:360px;padding:70px 7%;background:#eeece6}.operations .hero h1{font-size:clamp(44px,7vw,88px);max-width:720px}.operations .lead{max-width:680px;background:#b5ff4a;padding:16px;border-radius:6px;font-size:17px;line-height:1.5}#workspace{padding:24px 5% 64px}form{display:grid;gap:12px}label{display:grid;gap:5px;font-size:13px;font-weight:500}input,select{width:100%;padding:11px 12px;background:#fff;border:1px solid #aaa;border-radius:4px;min-width:0}input[type=checkbox]{width:auto;justify-self:start}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #ccc}#products{overflow:auto;margin-bottom:24px}#orders{display:grid;gap:12px}#orders article{border-radius:6px}#orders article p{min-height:0;overflow-wrap:anywhere}#orders button{margin:8px 8px 0 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f8f7f3;max-height:300px;overflow:auto}#output:empty{display:none}.workspace-note{line-height:1.6;color:#555}@media(max-width:600px){.operations .hero{padding:40px 6%;min-height:310px}.grid{grid-template-columns:1fr}header,footer{gap:16px}footer{line-height:1.6}}