.dn-tool{max-width:1040px;margin:0 auto;padding:28px;border-radius:18px;background:#fff;box-shadow:0 10px 40px rgba(60,72,88,.12);text-align:left}
.dn-tool [hidden]{display:none!important}
.dn-form{display:flex;align-items:flex-end;gap:12px}
.dn-field{display:flex;flex-direction:column;gap:5px;margin:0;color:#8492a6;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.dn-words{flex:1;min-width:0}
.dn-words input{width:100%;height:52px;padding:0 16px;border:1px solid #dfe3ee;border-radius:10px;background:#fff;color:#2d3748;font-size:18px;font-weight:500;letter-spacing:0;text-transform:none}
.dn-words input:focus,.dn-style select:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.18)}
.dn-form .dn-go{height:52px;margin:0;padding:0 28px;white-space:nowrap}
.dn-help{margin:10px 0 0;color:#5a6478;font-size:14px;line-height:1.6}
.dn-examples{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:4px}
.dn-example{padding:2px 11px;border:1px solid #dfe3ee;border-radius:999px;background:#f7f8fc;color:#667eea;font-size:13px;font-weight:600;line-height:1.6;cursor:pointer}
.dn-example:hover{border-color:#667eea;background:#eef0fd}
.dn-options{margin-top:16px;padding:14px 16px;border-radius:12px;background:#f7f8fc}
.dn-tlds{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.dn-tld-opt{position:relative;margin:0;cursor:pointer}
.dn-tld-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.dn-tld-opt span{display:block;padding:4px 11px;border:1px solid #dfe3ee;border-radius:999px;background:#fff;color:#3c4858;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;transition:background-color .12s,border-color .12s}
.dn-tld-opt:hover span{border-color:#b8c0d9}
.dn-tld-opt input:checked+span{border-color:#667eea;background:#667eea;color:#fff}
.dn-tld-opt input:focus-visible+span{outline:2px solid rgba(102,126,234,.5);outline-offset:1px}
.dn-tld-toggle{padding:4px 11px;border:1px dashed #b8c0d9;border-radius:999px;background:none;color:#667eea;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer}
.dn-tld-toggle:hover{border-color:#667eea}
.dn-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 22px;margin-top:14px;padding-top:14px;border-top:1px solid #e6e9f2}
.dn-style select{height:36px;min-width:210px;padding:0 10px;border:1px solid #dfe3ee;border-radius:9px;background:#fff;color:#2d3748;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;cursor:pointer}
.dn-range{display:flex;flex-direction:column;gap:6px;margin:0;color:#8492a6;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.dn-range output{margin-left:4px;color:#667eea}
.dn-range input{width:150px;accent-color:#667eea;cursor:pointer}
.dn-check{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;color:#3c4858;font-size:14px;cursor:pointer}
.dn-check input{width:16px;height:16px;accent-color:#667eea}
.dn-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;margin-top:16px}
.dn-msg{min-height:21px;margin:0;color:#3c4858;font-size:14px;font-weight:600;line-height:1.5}
.dn-msg.is-error{color:#e43f52}
.dn-msg.is-info{color:#b7791f}
.dn-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;margin:0;color:#8492a6;font-size:12px}
.dn-legend .dn-pill{margin-left:6px;padding:0 7px;font-size:11px}
.dn-legend .dn-pill:first-child{margin-left:0}
.dn-results,.dn-saved-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:12px}
.dn-start{grid-column:1/-1;margin:0;padding:34px 16px;border:1px dashed #dfe3ee;border-radius:14px;color:#8492a6;font-size:15px;text-align:center}
.dn-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:12px 14px;border:1px solid #e6e9f2;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.dn-card:hover{border-color:#d3d9ea;box-shadow:0 4px 14px rgba(60,72,88,.08)}
.dn-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.dn-name{min-width:0;color:#2d3748;font-size:17px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.dn-star{flex:none;width:32px;height:32px;margin:-5px -7px 0 0;padding:6px;border:0;border-radius:8px;background:none;color:#c3cadb;cursor:pointer}
.dn-star svg{display:block;width:20px;height:20px;fill:none}
.dn-star:hover{background:#fff8e6;color:#f0b429}
.dn-star.is-on{color:#f0b429}
.dn-star.is-on svg{fill:currentColor}
.dn-pills{display:flex;flex-wrap:wrap;gap:5px}
.dn-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none!important;white-space:nowrap}
.dn-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.dn-pill.is-idle,.dn-pill.is-checking{border-color:#e2e6f0;background:#fff;color:#8492a6}
.dn-pill.is-idle::before{background:#d5dae6}
.dn-pill.is-checking::before{background:#667eea;animation:dn-pulse 1s ease-in-out infinite}
.dn-pill.is-free{background:#e3f7ee;color:#16935f}
.dn-pill.is-likely{border-color:#86d4b2;border-style:dashed;background:#f4fbf8;color:#16935f}
.dn-pill.is-taken{background:#f3f4f7;color:#a3acc0;text-decoration:line-through!important;text-decoration-color:rgba(163,172,192,.7)!important}
.dn-pill.is-taken::before{background:#eaa4ad}
.dn-pill.is-unknown{background:#fff5e2;color:#b7791f}
a.dn-pill{cursor:pointer}
a.dn-pill.is-free:hover{background:#cff1e2;color:#107a4e}
a.dn-pill.is-likely:hover{background:#e3f7ee}
a.dn-pill.is-taken:hover{background:#eceef4;color:#7b8499}
a.dn-pill.is-unknown:hover{background:#ffecc7}
@keyframes dn-pulse{50%{opacity:.2}}
.dn-more-wrap{display:flex;justify-content:center;margin-top:16px}
.dn-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border:0;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 2px rgba(102,126,234,.55);color:#667eea;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .15s}
.dn-btn:hover{background:rgba(102,126,234,.08)}
.dn-btn svg{width:17px;height:17px}
.dn-btn .dn-done{display:none}
.dn-btn.is-done{box-shadow:inset 0 0 0 2px #2eca8b;color:#2eca8b}
.dn-btn.is-done .dn-done{display:inline}
.dn-btn.is-done .dn-label{display:none}
.dn-saved{margin-top:26px;padding-top:18px;border-top:1px solid #e6e9f2}
.dn-saved-head{display:flex;align-items:center;gap:8px;color:#2d3748;font-size:16px;font-weight:700}
.dn-saved-head svg{width:20px;height:20px;color:#f0b429;fill:currentColor}
.dn-saved-count{color:#8492a6;font-weight:600}
.dn-saved-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.dn-note{margin:20px 0 0;color:#8492a6;font-size:13px;line-height:1.55}
@media (max-width:576px){.dn-tool{padding:18px;border-radius:14px}.dn-form{flex-direction:column;align-items:stretch}.dn-form .dn-go{width:100%}
.dn-examples{display:flex;margin:6px 0 0}.dn-row{flex-direction:column;align-items:stretch}.dn-style select{width:100%;min-width:0}.dn-range input{width:100%}
.dn-results,.dn-saved-list{grid-template-columns:minmax(0,1fr)}.dn-saved-actions{display:grid;grid-template-columns:1fr 1fr}.dn-btn{justify-content:center}}