.dtb-steps-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem}.dtb-steps-head-actions{display:inline-flex;gap:.5rem}.dtb-preview{width:100%;max-width:760px;margin:.75rem 0 1rem}.dtb-split{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:1rem;align-items:start}@media (max-width:760px){.dtb-split{grid-template-columns:1fr}}.dtb-steplist{display:flex;flex-direction:column;gap:4px;max-height:460px;overflow-y:auto;padding-right:2px}.dtb-stepitem{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:1px solid var(--adm-border,rgba(127,127,127,.25));background:var(--adm-surface,rgba(127,127,127,.05));cursor:pointer}.dtb-stepitem.is-sel{border-color:var(--theme-accent,#7c3aed);box-shadow:0 0 0 1px var(--theme-accent,#7c3aed)}.dtb-stepnum{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--theme-accent,#7c3aed);color:#fff;font-size:.72rem;font-weight:700}.dtb-thumb{flex:none;width:40px;height:28px;-o-object-fit:cover;object-fit:cover;border-radius:4px;background:rgba(127,127,127,.2)}.dtb-thumb-empty{display:inline-block}.dtb-steptitle{flex:1;min-width:0;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtb-stepitem-actions{flex:none;display:inline-flex;gap:2px}.dtb-stepitem-actions button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:inherit}.dtb-stepitem-actions button:hover:not(:disabled){background:rgba(127,127,127,.18)}.dtb-stepitem-actions button:disabled{opacity:.3;cursor:default}.dtb-stepedit{min-width:0}.dtb-canvas-tools{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.dtb-upload{cursor:pointer}.dtb-placetoggle{display:inline-flex;gap:2px;border-radius:8px;background:rgba(127,127,127,.14);padding:2px}.dtb-placetoggle button{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.8rem;color:inherit}.dtb-placetoggle button.is-on{background:var(--theme-accent,#7c3aed);color:#fff}.dtb-canvas{position:relative;width:100%;border-radius:10px;overflow:hidden;background:#0a0c14;border:1px solid var(--adm-border,rgba(127,127,127,.3));cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dtb-canvas-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dtb-canvas-empty{display:grid;place-items:center;color:rgba(255,255,255,.6);font-size:.85rem;cursor:default}.dtb-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.dtb-marker-focus{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.5)}.dtb-marker-focus:after,.dtb-marker-focus:before{content:"";position:absolute;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.5)}.dtb-marker-focus:before{left:50%;top:-7px;width:2px;height:6px;transform:translateX(-50%)}.dtb-marker-focus:after{top:50%;left:-7px;height:2px;width:6px;transform:translateY(-50%)}.dtb-marker-beacon{width:16px;height:16px;border-radius:50%;background:#9b2fe0;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 12px rgba(155,47,224,.8)}.dtb-coords{display:flex;gap:1rem;flex-wrap:wrap;margin:.5rem 0;font-size:.78rem;color:var(--text-muted,rgba(127,127,127,.9))}.dtb-clear{margin-left:6px;border:none;background:transparent;color:var(--theme-accent,#7c3aed);cursor:pointer;text-decoration:underline;font-size:.78rem}.dtb-stepitem--static{cursor:default;align-items:flex-start}.dtb-linkfields{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dtb-linkname{font-size:.85rem;font-weight:600}.dtb-linkfields .adm-input{width:100%;font-size:.8rem}.dtb-capture-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.75rem 0 .25rem;padding:.6rem .75rem;border-radius:10px;border:1px dashed var(--adm-border,rgba(127,127,127,.3));background:var(--adm-surface,rgba(127,127,127,.05))}.dtb-capture-bar .adm-input{flex:1;min-width:160px;font-size:.82rem}.dtb-guided-anchor{flex:none;display:inline-flex;align-items:center;gap:3px;max-width:140px;padding:1px 6px;border-radius:6px;background:rgba(127,127,127,.16);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtb-guided-anchor.is-soft{background:color-mix(in srgb,#f59e0b 22%,transparent)}.dtb-softnote{margin:.5rem 0 .25rem;padding:.5rem .75rem;border-radius:8px;border:1px solid color-mix(in srgb,#f59e0b 32%,transparent)}.dtb-softflag,.dtb-softnote{font-size:.8rem;line-height:1.5;background:color-mix(in srgb,#f59e0b 12%,transparent)}.dtb-softflag{padding:.5rem .65rem;border-radius:8px;border:1px solid color-mix(in srgb,#f59e0b 28%,transparent)}