:root{color-scheme:dark;--bg:#09080e;--panel:#121019;--line:#30263d;--ink:#f1edf7;--muted:#b3a8c2;--accent:#b77bff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#38204c66,transparent 45%),radial-gradient(ellipse at 0 65%,#25123477,transparent 50%),var(--bg);color:var(--ink);font:16px/1.5 Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,.btn{border:1px solid var(--line);border-radius:10px;padding:10px 16px;background:#1b1623;cursor:pointer}button:hover,.btn:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:#8849cc;border-color:#8849cc;color:white}input,select,textarea{width:100%;background:#0e0c13;border:1px solid var(--line);border-radius:9px;padding:11px}header{border-bottom:1px solid var(--line);background:#09080ec9}header .wrap{display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:15px}.brand{font-size:26px;font-weight:900;letter-spacing:3px}.brand span{color:var(--accent)}.wrap{width:min(1280px,calc(100% - 40px));margin:auto}nav{display:flex;gap:24px;color:var(--muted)}main{padding:34px 0 60px}h1{font-size:clamp(28px,4vw,44px);margin:0 0 8px;letter-spacing:-1px}h2{font-size:22px;margin:0 0 16px}.intro{margin:0 0 26px;color:var(--muted)}.tools{display:grid;grid-template-columns:1fr 240px 230px;gap:12px}.categories{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.categories button[aria-pressed=true]{background:#573379;border-color:#ad71ee}.meta{color:var(--muted);font-size:14px;margin:14px 0 22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#181320,#0e0c13);transition:border-color .18s}.card:hover{border-color:#875aaa}.picture{height:175px;background:radial-gradient(ellipse,#33234288,#110e18);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.picture img{width:100%;height:100%;object-fit:contain;padding:18px}.picture svg{width:58px;height:58px;stroke:#8c73a7;fill:none;stroke-width:1.5}.content{padding:18px}.tag{color:var(--accent);font-size:13px;margin-bottom:7px}.card h2{font-size:20px;margin:0 0 6px}.classname{overflow-wrap:anywhere;color:var(--muted);font:13px/1.6 monospace}.desc{font-size:14px;color:var(--muted);min-height:20px;margin:10px 0}.prices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:14px;gap:10px}.prices small{display:block;font-size:13px;color:var(--muted)}.prices strong{font-size:19px;white-space:nowrap}.prices .buyback{color:#c4a3ef}.empty{padding:50px 22px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);padding:20px 0;font-size:14px;color:var(--muted)}.notice{border:1px solid #745633;border-radius:10px;background:#302515;padding:12px 16px;margin:16px 0}.editor-layout{display:grid;grid-template-columns:390px 1fr;gap:24px;align-items:start}.panel{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}label{display:block;font-size:14px;color:var(--muted);margin-bottom:12px}label input,label select,label textarea{margin-top:5px}textarea{min-height:75px;resize:vertical}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.editor-list{display:grid;gap:10px}.row{padding:14px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.row small{display:block;color:var(--muted);overflow-wrap:anywhere}.row button{padding:7px 10px;font-size:14px}.row-actions{display:flex;gap:6px}.error{color:#ffb6b6}details{margin-top:20px}summary{cursor:pointer;color:var(--accent)}#message{min-height:24px;margin:12px 0;color:var(--accent)}.fileinput{max-width:100%}@media(max-width:850px){.tools{grid-template-columns:1fr 1fr}.tools input{grid-column:1/-1}.editor-layout{grid-template-columns:1fr}nav{gap:12px;font-size:14px}}@media(max-width:480px){.wrap{width:calc(100% - 24px)}header .wrap{align-items:flex-start;flex-direction:column}.tools,.pair{grid-template-columns:1fr}.row{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}h1{letter-spacing:0}}