.dtc-tool{position:relative;width:100%}.dtc-dashboard{display:flex;flex-direction:column;gap:1.5rem;max-width:1040px;margin:0 auto 2.5rem}.dtc-banner{display:none;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:.75rem;font-size:.875rem;color:var(--color-text, #f8fafc)}.dtc-banner--visible{display:flex}.dtc-banner__left{display:flex;align-items:center;gap:.625rem}.dtc-banner__dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55ecc}.dtc-banner__btn{padding:.35rem .75rem;font-size:.8125rem;font-weight:600;color:#0f172a;background:#22c55e;border:none;border-radius:.375rem;cursor:pointer;transition:background .15s ease,transform .15s ease}.dtc-banner__btn:hover{background:#16a34a;transform:translateY(-1px)}.dtc-grid{display:flex;flex-direction:column;gap:1.25rem}@media(min-width:900px){.dtc-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:1.5rem}.dtc-results-card{order:initial}}@media(max-width:899px){.dtc-results-card{order:-1;padding:1.125rem;box-shadow:0 8px 24px -6px #00000059}.dtc-result-hero{padding:.75rem 0 .875rem}.dtc-result-label{font-size:.75rem;margin-bottom:.25rem}.dtc-result-time{font-size:clamp(2rem,7vw,2.75rem);margin-bottom:.25rem}.dtc-breakdown-grid{padding:.75rem 0;gap:.5rem}.dtc-stat-box{padding:.5rem .625rem}.dtc-actions-row{margin-top:.25rem;flex-direction:row;gap:.5rem}.dtc-btn-copy,.dtc-btn-test{flex:1;min-width:0;padding:.625rem;font-size:.8125rem}}.dtc-card{padding:1.5rem;background:var(--color-surface, #141b26);border:1px solid var(--color-borderSubtle, #232f42);border-radius:1rem;box-shadow:0 12px 32px -8px #00000059}.dtc-card__title{font-size:1.0625rem;font-weight:700;color:var(--color-text, #f8fafc);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.dtc-card__title-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25);border-radius:9999px}.dtc-field{margin-bottom:1.25rem}.dtc-label{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;color:var(--color-textMuted, #94a3b8);margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.04em}.dtc-input-group{display:flex;align-items:stretch;background:#0f172a99;border:1px solid var(--color-borderSubtle, #232f42);border-radius:.625rem;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.dtc-input-group:focus-within{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.dtc-input{flex:1;min-width:0;padding:.75rem 1rem;background:transparent;border:none;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:1.25rem;font-weight:700;color:var(--color-text, #f8fafc);outline:none}.dtc-unit-select{padding:0 1rem;background:#1e293bbf;border:none;border-left:1px solid var(--color-borderSubtle, #232f42);color:#22c55e;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.9375rem;font-weight:700;cursor:pointer;outline:none;transition:background .15s ease}.dtc-unit-select:hover{background:#22c55e1f}.dtc-presets-wrap{margin-top:.625rem}.dtc-presets-label{font-size:.75rem;font-weight:600;color:var(--color-textMuted, #64748b);margin-bottom:.35rem;display:block}.dtc-chips-row{display:flex;flex-wrap:wrap;gap:.375rem}.dtc-chip{padding:.3rem .65rem;font-size:.75rem;font-weight:600;color:var(--color-textMuted, #cbd5e1);background:#1e293b80;border:1px solid var(--color-borderSubtle, #232f42);border-radius:9999px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.dtc-chip:hover{color:#22c55e;background:#22c55e1a;border-color:#22c55e59;transform:translateY(-1px)}.dtc-chip--active{color:#22c55e;background:#22c55e29;border-color:#22c55e;box-shadow:0 0 10px #22c55e40}.dtc-overhead-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.dtc-overhead-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.625rem .5rem;background:#1e293b73;border:1px solid var(--color-borderSubtle, #232f42);border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-align:center}.dtc-overhead-btn:hover{border-color:#22c55e4d}.dtc-overhead-btn--active{background:#22c55e1a;border-color:#22c55e;box-shadow:0 0 12px #22c55e26}.dtc-overhead-pct{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.9375rem;font-weight:800;color:#22c55e}.dtc-overhead-name{font-size:.6875rem;color:var(--color-textMuted, #94a3b8);margin-top:.15rem;font-weight:600}.dtc-results-card{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;background:var(--color-surface, #141b26);border:1px solid var(--color-borderSubtle, #232f42);border-radius:1rem;box-shadow:0 12px 32px -8px #00000059;position:relative;overflow:hidden}.dtc-results-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#22c55e,#38bdf8)}.dtc-result-hero{text-align:center;padding:1.25rem 0 1.5rem;border-bottom:1px solid var(--color-borderSubtle, #232f42)}.dtc-result-label{font-size:.8125rem;font-weight:700;color:var(--color-textMuted, #94a3b8);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.dtc-result-time{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:clamp(1.85rem,3.2vw,2.75rem);font-weight:800;line-height:1.15;color:#22c55e;text-shadow:0 0 24px rgba(34,197,94,.4);letter-spacing:-.02em;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtc-result-rate{font-size:.875rem;font-weight:600;color:var(--color-textMuted, #cbd5e1)}.dtc-result-rate strong{color:#38bdf8;font-family:var(--font-mono, "JetBrains Mono", monospace)}.dtc-breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem;padding:1.25rem 0}.dtc-stat-box{padding:.75rem .875rem;background:#0f172a99;border:1px solid var(--color-borderSubtle, #232f42);border-radius:.625rem;overflow:hidden}.dtc-stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-textMuted, #64748b);margin-bottom:.25rem}.dtc-stat-val{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:clamp(.9375rem,1.8vw,1.125rem);font-weight:700;color:var(--color-text, #f8fafc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtc-actions-row{display:flex;gap:.75rem;margin-top:.5rem}.dtc-btn-copy{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:#0f172a;background:#22c55e;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #22c55e4d}.dtc-btn-copy:hover{background:#16a34a;transform:translateY(-1px)}.dtc-btn-test{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:var(--color-text, #f8fafc);background:#1e293bb3;border:1px solid var(--color-borderSubtle, #232f42);border-radius:.5rem;text-decoration:none;transition:all .2s ease}.dtc-btn-test:hover{background:#38bdf81f;border-color:#38bdf8;color:#38bdf8}.dtc-toast{position:absolute;bottom:1rem;left:50%;transform:translate(-50%) translateY(20px);padding:.5rem 1rem;background:#0f172a;border:1px solid #22c55e;color:#22c55e;font-size:.8125rem;font-weight:600;border-radius:9999px;box-shadow:0 4px 16px #00000080;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.dtc-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:1024px){.tool-seo .tool-seo-guide-columns:has(>:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}@media(max-width:640px){.tool-page-head{margin-bottom:.875rem}.tool-page-head__title{font-size:1.75rem;line-height:1.2}.tool-page-head__lead{font-size:.875rem;line-height:1.45}.dtc-dashboard{gap:.875rem;margin-bottom:1.5rem}.dtc-card{padding:1.125rem 1rem}.dtc-results-card{padding:1rem .875rem}.dtc-actions-row{flex-direction:row}}