.db-screen{flex-direction:column;height:300px;padding:12px 14px 14px;display:flex}@media (width>=1024px){.db-screen{height:400px;padding:16px 22px 20px}}.db-top{color:var(--screen-muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.db-state{transition:color .2s}.db-state.on{color:var(--accent-dark-text)}@media (width>=1024px){.db-top{font-size:15px}}.db-now{direction:ltr;align-items:baseline;gap:10px;margin-top:6px;display:flex}.db-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:72px;font-weight:300;font-stretch:125%;line-height:1}.db-unit{font-size:17px;font-weight:600}@media (width>=1024px){.db-value{font-size:108px}.db-unit{font-size:20px}}.db-graph{direction:ltr;flex:auto;min-height:0;margin-top:10px;position:relative}.db-canvas{width:100%;height:100%}.db-empty{text-align:center;color:var(--screen-muted);justify-content:center;align-items:center;padding:16px;font-size:15px;display:flex;position:absolute;inset:0}.db-row{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.db-row>span{font-size:16px;font-weight:600}.db-step{border:1px solid var(--input);border-radius:var(--radius);background:var(--panel);grid-template-columns:48px 92px 48px;height:48px;display:grid;overflow:hidden}.db-step button{color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.db-step button:hover{background:var(--bg)}.db-step button[disabled]{opacity:.35;cursor:not-allowed;background:0 0}.db-step button svg{width:18px;height:18px}.db-step output{border-inline:1px solid var(--line-2);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;font-size:16px;display:flex}.db-note{color:var(--muted);font-size:14px;line-height:1.5}.db-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.db-actions .btn{min-height:48px;padding:0 12px;font-size:16px}