body{color:#111827;background:#f3f4f6;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}.app{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:24px;display:flex}.intro{color:#4b5563;margin:0}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}label{flex-direction:column;gap:6px;font-size:14px;display:flex}input,button{font:inherit}input[type=number],input[type=file],input[type=range]{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px}input[type=range]{padding:0}button{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:8px;align-self:flex-start;padding:8px 12px}button:disabled{opacity:.5;cursor:not-allowed}.error{color:#b91c1c;margin:0;font-weight:600}.ok{color:#047857;margin:0;font-weight:600}.preview{object-fit:contain;border:1px solid #d1d5db;border-radius:8px;width:100%;max-height:350px}.bands{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.band-card{border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:8px;padding:8px;display:flex}.band-card img{object-fit:cover;border-radius:6px;width:100%;height:180px}.fold-wrap{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;overflow-x:auto}.fold-canvas{width:100%;min-width:700px;height:auto;display:block}