.controls{width:100%;max-width:var(--panel);text-align:left;flex-direction:column;align-items:flex-start;gap:15px;margin:0 auto 20px;display:flex}.control-group{flex-direction:column;align-items:flex-start;display:flex}.control-group label,.control-group .group-label{font-weight:var(--fw-bold);margin-bottom:5px}.inputs{align-items:center;gap:5px;display:flex}.inputs input{width:60px;padding:5px 8px}.inputs .tilde{font-weight:var(--fw-bold)}.control-group input,.control-group select{width:80px;max-width:90vw;font-size:var(--fs-base);padding:5px 8px}.control-group input:disabled{opacity:.45;cursor:not-allowed}.dice-error{max-width:var(--panel);font-size:var(--fs-sm);color:var(--primary);text-align:center;margin:-.5rem auto 1rem}.dice-error p{margin:.2rem 0}.preset-buttons{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.preset-label{font-size:var(--fs-sm);color:var(--text-muted)}.controls .preset-button{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:.2rem .7rem}.controls .preset-button:hover:not(:disabled){background-color:var(--surface-alt)}.controls .preset-button:disabled{opacity:.45;cursor:not-allowed}.controls button{background-color:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm);font-weight:var(--fw-bold);cursor:pointer;border:none;padding:.5rem 1.2rem;transition:background-color .2s}.controls button:hover:not(:disabled){background-color:var(--primary-hover)}.controls button:disabled{opacity:.45;cursor:not-allowed}#dice-area{max-width:var(--panel);flex-wrap:wrap;justify-content:center;gap:5px;margin:20px auto;display:flex}.dice-card{background:var(--surface);border:2px solid var(--primary);width:40px;height:40px;font-weight:var(--fw-bold);font-size:var(--fs-base);color:var(--text);border-radius:8px;justify-content:center;align-items:center;display:flex;box-shadow:1px 1px 3px #4a464226}#dice-stats{font-weight:var(--fw-bold);text-align:center;margin:10px 0}#history-area{max-width:var(--panel);background-color:var(--surface-alt);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-card);border:1px solid var(--border);text-align:left;margin:20px auto;padding:10px}.history-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:15px}.history-config{font-size:var(--fs-sm);color:var(--text-muted);margin-left:.4rem}#history-area button{background-color:var(--accent);color:var(--on-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:10px;padding:.4rem 1rem;transition:background-color .2s}#history-area button:hover:not(:disabled){background-color:var(--accent-hover)}#history-area button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:600px){#options{gap:12px}#options img{width:32px;height:32px}}