:root{--bg:#0b0f14;--panel:#0e1827;--ink:#0b111a;--card:#111823;--text:#e8eef5;--muted:#9fb3c8;--accent:#ffb703;--cta:#2e6df6;--cta2:#9b5de5}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1200px 500px at 20% -10%,#132033,transparent),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:#7db4ff;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:22px}header{padding:32px 20px 10px;text-align:center}h1{margin:0;font-size:2.2rem}.tag{color:var(--muted);margin-top:6px}.hero{margin:22px auto 26px;max-width:900px;background:linear-gradient(135deg,rgba(255,183,3,.18),rgba(46,109,246,.18));border:1px solid #1f2a3a;border-radius:24px;padding:18px 22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:18px;gap:18px}.card{background:linear-gradient(135deg,#101727,#0e1522);border:1px solid #1f2a3a;border-radius:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35)}.card h2{margin:0 0 6px;font-size:1.2rem;display:flex;align-items:center;gap:8px}.card p{margin:8px 0 14px;color:var(--muted)}.badge{font-size:.75rem;color:#0c1220;background:var(--accent);padding:2px 8px;border-radius:999px;margin-left:6px}.badge,.btn{display:inline-block;font-weight:700}.btn{padding:12px 16px;border-radius:12px;border:0;color:#fff;background:linear-gradient(135deg,var(--cta),#4a86ff);box-shadow:0 6px 16px rgba(46,109,246,.45)}.btn.secondary{background:linear-gradient(135deg,var(--cta2),#b07af2);box-shadow:0 6px 16px rgba(155,93,229,.35)}footer{text-align:center;padding:28px 20px 40px;color:var(--muted)}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.back{color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa);padding:10px 12px;border-radius:10px;font-weight:700}.board{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:940px){.board{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px dashed #2a3a52;border-radius:16px;padding:12px}.imgwrap{display:grid;place-items:center;background:var(--ink);border-radius:12px;min-height:320px;overflow:hidden}.imgwrap img{max-width:100%;max-height:min(75vh,1200px);width:auto;height:auto;object-fit:contain;display:block}.controls .row{display:grid;grid-template-columns:1fr 220px;grid-gap:10px;gap:10px;align-items:end}input[type=file],select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #2a3a52;background:#0f1520;color:var(--text)}textarea{min-height:110px;resize:vertical}button{padding:12px 16px;border:0;border-radius:12px;background:linear-gradient(135deg,#2e6df6,#4a86ff);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(46,109,246,.45)}button.subtle{background:linear-gradient(135deg,#3b475c,#445371)}button:disabled{opacity:.6;cursor:not-allowed}.meta{font-size:12px;color:#a6bad4;margin-top:8px}.buttons{margin-top:10px}.buttons,.inline{display:flex;gap:10px;flex-wrap:wrap}