*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:#0b0b0c;color:#e7e7ea}.container{max-width:1040px;margin:0 auto;padding:40px 20px}h1{font-size:40px;margin:0 0 8px;letter-spacing:2px}.tagline{margin:0 0 24px;color:#aaa}.uploader{display:flex;gap:12px;align-items:center;margin:16px 0 24px}.uploadLabel{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#151519;border:1px solid #2a2a31;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}.uploadLabel input{position:absolute;inset:0;opacity:0;cursor:pointer}.buffButton{background:linear-gradient(135deg,#6d6cff,#9a66ff);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:700;letter-spacing:1px}.buffButton:disabled{opacity:.6;cursor:not-allowed}.error{color:#ff7b7b}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.panel{background:#121218;border:1px solid #2a2a31;border-radius:14px;padding:16px;min-height:360px}.panel h2{margin:0 0 12px;font-size:16px;font-weight:600;color:#c7c7d2}.panel img{width:100%;height:auto;border-radius:10px;display:block;background:#0b0b0c}.placeholder{height:320px;border-radius:10px;display:grid;place-items:center;color:#666;background:repeating-linear-gradient(45deg,#0f0f14,#0f0f14 10px,#0d0d12 0,#0d0d12 20px)}.footer{text-align:center;margin-top:24px;color:#7b7b85}@media (max-width:860px){.grid{grid-template-columns:1fr}}