.bc2026-body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;background:#f5f7fa;margin:0;color:#333}.bc2026-container{max-width:650px;margin:0 auto;padding:20px}.bc2026-container h2{text-align:center;color:#0d47a1;font-size:1.5em;margin-bottom:20px;font-weight:700}.bc2026-container h3{color:#1976d2;font-size:1em;margin-bottom:15px;border-bottom:2px solid #bbdefb;padding-bottom:4px}.bc2026-card{background:#fff;border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 6px 15px rgb(0 0 0 / .08);transition:transform 0.3s,box-shadow 0.3s}.bc2026-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.bc2026-input-group{display:flex;flex-wrap:wrap;margin-bottom:15px}.bc2026-input-group label{flex:1 0 200px;font-weight:600;align-self:center;font-size:.85em}.bc2026-input-group input{flex:1 0 180px;padding:8px 10px;font-size:.85em;border-radius:8px;border:1.5px solid #90caf9;transition:border-color 0.3s,box-shadow 0.3s}.bc2026-input-group input:focus{border-color:#1976d2;box-shadow:0 0 4px rgb(25 118 210 / .5);outline:none}.bc2026-button{display:block;width:100%;padding:12px;font-size:.9em;font-weight:600;color:#fff;background:#1976d2;border:none;border-radius:10px;cursor:pointer;transition:background 0.3s;margin-top:10px}.bc2026-button:hover{background:#1565c0}.bc2026-button-reset{background:#f44336}.bc2026-button-reset:hover{background:#d32f2f}.bc2026-result{display:none;background:#e3f2fd;border-left:5px solid #1976d2;padding:18px;border-radius:10px;font-size:.9em;margin-top:20px}.bc2026-canvas{display:none;margin-top:25px;max-width:100%;background:#fff;border-radius:10px;padding:12px;box-shadow:0 5px 12px rgb(0 0 0 / .06)}@media (max-width:768px){.bc2026-input-group{flex-direction:column}.bc2026-input-group label,.bc2026-input-group input{flex:1 0 100%}}.bc2026-button-group{display:flex;gap:10px;margin-top:15px}.bc2026-button-group .bc2026-button{flex:1}