.db-dialog{border:1px solid var(--border-ledger);border-radius:var(--radius-lg);background:var(--surface);width:min(1040px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);flex-direction:column;margin:auto;padding:0;display:flex;overflow:hidden}.db-dialog:not([open]){display:none}.db-dialog::backdrop{background:#11181f9e}.db-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.db-head h2{color:var(--ink-title);margin:0;font-size:1rem;font-weight:700}.db-head p{color:var(--ink-2);margin:3px 0 0;font-size:.8rem}.db-close{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:30px;height:30px;color:var(--ink);cursor:pointer;flex-shrink:0;font-size:1.1rem;line-height:1}.db-stage{background:var(--dark);flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex}.db-frame{max-width:100%;max-height:calc(100dvh - 210px);line-height:0;position:relative}.db-frame img{-webkit-user-select:none;user-select:none;max-width:100%;max-height:calc(100dvh - 210px);display:block}.db-frame canvas{opacity:.55;cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.db-frame canvas.erase{cursor:cell}.db-tools{border-top:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 16px;display:flex}.db-seg{border:1px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.db-seg button{background:var(--bg);color:var(--ink-2);font:inherit;cursor:pointer;border:0;padding:6px 12px;font-size:.8rem;font-weight:600}.db-seg button.on{background:var(--ink);color:var(--surface)}.db-size{color:var(--ink-2);align-items:center;gap:8px;font-size:.78rem;display:inline-flex}.db-size input{width:110px;accent-color:var(--amber)}.db-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;padding:6px 12px;font-size:.8rem;font-weight:600}.db-btn:disabled{opacity:.45;cursor:not-allowed}.db-btn.primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}.db-actions{gap:8px;margin-left:auto;display:flex}@media (max-width:560px){.db-actions{width:100%}.db-actions .db-btn{flex:1}}