:root{--bg:#111411;--panel:#1a1e19;--line:#32382e;--text:#f3f1e8;--muted:#b1b6a8;--accent:#d4db86}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer}header{padding:22px 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:70px}.brand{font-size:30px;font-weight:900;letter-spacing:2px;color:var(--text);text-decoration:none;line-height:1}.brand span{display:block;font-size:8px;letter-spacing:2.2px;margin-top:8px}nav{display:flex;gap:28px}nav button{border:0;background:none;color:var(--muted);padding:8px 0}nav button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.test{margin-left:auto;border:1px solid #5c653b;color:var(--accent);padding:6px 11px;font-size:10px;letter-spacing:1.2px}main{max-width:1500px;margin:auto;padding:0 5%}.intro{padding:52px 0 40px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:20px 0;letter-spacing:-1px}.intro p:not(.eyebrow){color:var(--muted)}.stamp{background:repeating-linear-gradient(125deg,#293122,#293122 3px,#242b1f 3px,#242b1f 12px);width:265px;height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-5deg);border:1px solid #465036;margin-right:25px}.stamp span{font-size:78px;font-weight:900;letter-spacing:-6px;color:#c4cd9f}.stamp small{font-size:10px;letter-spacing:3px;text-align:center;color:#c4cd9f}.account{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--panel);border:1px solid var(--line);gap:24px}.account label{display:block;font-size:12px;font-weight:600}.account input{display:block;width:300px;margin:7px 0;background:var(--bg);border:1px solid #535b48;padding:10px 12px;color:var(--text)}small{color:var(--muted);font-size:11px}.connection{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);max-width:285px}.connection span{height:8px;width:8px;flex-shrink:0;background:#9a8461;border-radius:50%}.connection span.online{background:#a8cb7d}.workspace{display:grid;grid-template-columns:175px 1fr;gap:32px;margin:36px 0 64px}aside button{display:flex;justify-content:space-between;width:100%;background:none;border:0;text-align:left;color:var(--muted);padding:12px 10px;margin:3px 0;border-radius:3px}aside button.active{background:#303728;color:var(--accent)}aside button span{font-size:11px;opacity:.65}.aside-note{font-size:11px;color:var(--muted);padding:14px 10px;border-top:1px solid var(--line);margin-top:28px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}h2{font-size:23px;margin:0}.toolbar input{background:none;color:var(--text);border:1px solid var(--line);padding:9px 12px;width:230px}#catalogNote{font-size:12px;color:var(--muted);margin:12px 0 24px;max-width:780px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.card:hover{border-color:#677151}.art{height:150px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#353d2d 0,#20261d 55%,#1b2019 100%)}.art svg{width:110px;height:110px;stroke:#a5af8c;fill:#30372b;stroke-width:2}.art .tag{position:absolute;left:10px;top:10px;font-size:9px;letter-spacing:.5px;color:var(--accent);background:#111a10b8;padding:3px 6px}.card-body{padding:16px;display:flex;flex-direction:column;flex:1}.card h3{font-size:15px;line-height:1.4;margin:0 0 8px}.card p{color:var(--muted);font-size:11px;margin:0 0 15px}.card .buy{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:5px}.price{font-size:18px;font-weight:600}.price small{display:block;font-size:9px;font-weight:400}.buy button,.primary{background:var(--accent);color:#182010;border:0;padding:9px 13px;font-weight:600;font-size:12px}.buy button:hover,.primary:hover{background:#e8eda9}button:disabled{opacity:.5;cursor:wait}.approval{margin-top:13px!important;margin-bottom:0!important;font-size:9px!important}footer{border-top:1px solid var(--line);padding:24px 5%;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}dialog{color:var(--text);background:var(--panel);border:1px solid #66704c;padding:32px;max-width:490px;width:calc(100% - 30px)}dialog::backdrop{background:#000b}dialog h2{margin:14px 0}.close{position:absolute;right:10px;top:8px;color:var(--text);background:none;border:0;font-size:26px}.notice{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:12px}#checkoutError{color:#ffb29f;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--accent);color:#182010;padding:15px 22px;max-width:90vw;box-shadow:0 4px 30px #0007}.order{padding:20px;margin:15px 0;background:var(--panel);border:1px solid var(--line)}.order h3{margin:0 0 8px;font-size:16px}.order p{color:var(--muted);font-size:12px;margin:5px 0}input:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}@media(min-width:1450px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stamp{width:190px;height:190px;margin-right:0}.workspace{grid-template-columns:145px 1fr;gap:20px}}@media(max-width:650px){header{gap:20px;padding:18px 5%;flex-wrap:wrap}.brand{font-size:25px}.test{font-size:8px}nav{gap:16px;order:3;width:100%}.intro{padding-top:25px}.stamp{display:none}.account{display:block;padding:16px}.account input{width:100%}.connection{margin-top:15px}.workspace{display:block;margin-top:22px}#categories{display:flex;overflow:auto;gap:6px;margin-bottom:22px}aside button{white-space:nowrap;width:auto;gap:10px;padding:8px 12px}.aside-note,aside>.eyebrow{display:none}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.grid{gap:10px}.art{height:115px}.card-body{padding:12px}.card h3{font-size:13px}.buy{flex-wrap:wrap}.price{font-size:16px}.buy button{width:100%;margin-top:8px}.approval{font-size:8px!important}footer{display:block}footer span{display:block;margin-top:7px}}
