/* Minecraft 3D Skin Viewer — scoped under #skv */
#skv{max-width:880px;margin:24px auto;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1c2128;line-height:1.5}
#skv *{box-sizing:border-box}
#skv .skv-main{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}
#skv .skv-stage{flex:1 1 380px;min-width:300px;display:flex;justify-content:center;background:linear-gradient(#cfe0f0,#eef5fc);border:1px solid #d8e0d3;border-radius:12px;padding:8px}
#skv #skv-canvas{max-width:100%;height:auto;cursor:grab;touch-action:none}
#skv #skv-canvas:active{cursor:grabbing}
#skv .skv-side{flex:1 1 240px;min-width:220px;display:flex;flex-direction:column;gap:12px}
#skv .skv-drop{border:2px dashed #57a64a;border-radius:12px;background:#f3faf1;padding:18px 14px;text-align:center;cursor:pointer;transition:.15s}
#skv .skv-drop:hover,#skv .skv-drop.over{background:#e7f5e3;border-color:#3d8b30}
#skv .skv-drop b{display:block;color:#2c5e22;font-size:15px}
#skv .skv-drop span{display:block;font-size:12px;color:#5b6b55;margin-top:3px}
#skv .skv-ic{font-size:26px;margin-bottom:4px}
#skv .skv-ctrls{display:flex;flex-direction:column;gap:9px;background:#f6f8f5;border:1px solid #e3e9e0;border-radius:10px;padding:12px}
#skv .skv-ctrls label{font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px}
#skv .skv-ctrls .skv-chk{justify-content:flex-start;gap:6px;cursor:pointer}
#skv .skv-ctrls select{padding:5px 8px;border:1px solid #cfd6cc;border-radius:7px;background:#fff;font-size:13px}
#skv .skv-ctrls input[type=file]{max-width:150px;font-size:12px}
#skv .skv-ctrls input[type=color]{width:38px;height:26px;padding:0;border:1px solid #cfd6cc;border-radius:6px;background:#fff;cursor:pointer}
#skv button#skv-dl{background:#4caf50;color:#fff;border:0;border-radius:9px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:.15s}
#skv button#skv-dl:hover:not(:disabled){background:#3d8b30}
#skv button#skv-dl:disabled{background:#b9c4b4;cursor:not-allowed}
#skv .skv-info{font-size:13px;color:#33422c;margin:0}
#skv .skv-msg{font-size:13px;min-height:16px;margin:0}
#skv .skv-ok{color:#2c7a32}
#skv .skv-warn{color:#9a6a00}
#skv .skv-err{color:#c0392b}
#skv .skv-note{font-size:12.5px;color:#6b7a64;margin-top:16px}
@media(max-width:640px){#skv .skv-main{flex-direction:column}#skv .skv-stage{width:100%}}