.dn-copy{border:1px solid var(--line);border-radius:var(--r-3);background:var(--paper-raised);overflow:hidden}.dn-copy-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.dn-copy-label{color:var(--ink-muted);font-size:13px;font-weight:600}.dn-copy-button{border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.dn-copy-button:hover{background:var(--paper-sunk)}.dn-copy-button:focus-visible,.dn-copy-text:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dn-copy-text{background:var(--paper-sunk);color:var(--ink);font-family:var(--font-code);white-space:pre;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.dn-copy-text[data-multiline]{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto}.dn-copy-status{color:var(--mint-deep);margin:0;padding:0 16px;font-size:13px}.dn-copy-status:not(:empty){padding:8px 16px 10px}.dn-picker-chips{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.dn-picker-chip{display:inline-flex;position:relative}.dn-picker-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.dn-picker-chip span{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--paper-raised);min-height:44px;color:var(--ink);align-items:center;padding:0 18px;font-size:15px;font-weight:550;display:inline-flex}.dn-picker-chip input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper);font-weight:650}.dn-picker-chip input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.dn-picker-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:32px;display:grid}.dn-picker-left,.dn-picker-right{gap:16px;min-width:0;display:grid}.dn-picker-mock{border:1px solid var(--line);border-radius:var(--r-3);background:var(--paper-sunk);gap:14px;padding:18px;display:grid}.dn-picker-mock i{color:var(--ink-muted);font-size:12.5px;font-style:normal}.dn-picker-trail{color:var(--ink-muted);flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.dn-picker-trail li{align-items:center;gap:4px;display:inline-flex}.dn-picker-trail li:last-child{color:var(--ink)}.dn-picker-trail li:last-child svg{display:none}.dn-picker-field{border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--paper-raised);gap:8px;padding:14px;display:grid}.dn-picker-field span{background:var(--line);border-radius:4px;height:8px}.dn-picker-field span:nth-child(2){width:60%}.dn-picker-field b{color:var(--mint-deep);font-family:var(--font-code);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.dn-picker-instruction{color:var(--ink);margin:0;font-size:16px;line-height:1.55}.dn-picker-status{border:1px solid var(--line);border-radius:var(--r-2);gap:10px;margin:0;padding:12px 14px;font-size:14.5px;line-height:1.5;display:flex}.dn-picker-status[data-tone=caught]{border-color:color-mix(in srgb, var(--mint-deep) 35%, var(--line))}.dn-picker-status[data-tone=wait]{border-color:color-mix(in srgb, var(--amber) 55%, var(--line))}.dn-picker-status svg{flex:none;margin-top:2px}.dn-picker-status[data-tone=caught] svg{color:var(--mint-deep)}.dn-picker-status[data-tone=wait] svg{color:var(--amber-ink)}.dn-picker-note{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.5}.dn-picker-note code{font-family:var(--font-code);color:var(--ink);overflow-wrap:anywhere;margin-top:6px;font-size:12.5px;display:block}.dn-picker-limits{color:var(--ink-muted);margin:0;padding-left:18px;font-size:14px;line-height:1.5}.dn-picker-limits li+li{margin-top:6px}@media (max-width:860px){.dn-picker-panel{grid-template-columns:minmax(0,1fr);gap:24px}}