:root{--bg:#101418;--card:#181d24;--card-hover:#202631;--input:#141922;--border:#2a313c;--text:#f5f3ef;--muted:#9ba6b2;--accent:#c08a5b;--radius:24px;--container:1200px}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Arial,sans-serif}body{min-height:100vh}a{color:inherit}.container{max-width:var(--container);margin:0 auto;padding:40px 20px}.page-title{margin:20px 0;font-size:72px}.page-intro{color:#c7ae6a;margin-bottom:50px;font-size:24px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:32px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:block}.card:hover{background:var(--card-hover);border-color:var(--accent);transform:translateY(-2px)}.card-title{margin-bottom:14px;font-size:28px;font-weight:700}.card-desc{color:var(--muted);line-height:1.6}.section{margin-top:60px}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}textarea,input{box-sizing:border-box;border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);border-radius:16px;outline:none;padding:16px;font-size:16px;transition:border-color .2s,box-shadow .2s}textarea:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c08a5b26}textarea{resize:vertical;min-height:220px}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:24px;display:grid}.stat{background:var(--input);border:1px solid var(--border);border-radius:18px;padding:20px}.stat-label{color:var(--muted);margin-bottom:8px}.stat-value{font-size:32px;font-weight:700}.result-box{background:var(--input);border:1px solid var(--border);word-break:break-word;border-radius:18px;margin-top:24px;padding:24px;font-size:24px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.breadcrumbs a{color:var(--muted);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--accent)}.site{flex-direction:column;min-height:100vh;display:flex}.footer{border-top:1px solid var(--border);margin-top:80px;padding:30px 20px}.footer-inner{max-width:var(--container);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.footer-brand{color:var(--muted)}.footer-links{flex-wrap:wrap;gap:20px;display:flex}.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.search-input{border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);border-radius:16px;outline:none;margin:28px 0 32px;padding:16px 18px;font-size:16px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c08a5b26}.search-input::placeholder{color:var(--muted)}.search-results{margin-top:0}.empty-state{background:var(--input);border:1px solid var(--border);color:var(--muted);text-align:center;border-radius:18px;grid-column:1/-1;padding:28px}button,.button{border:1px solid var(--border);background:var(--input);color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}button:hover,.button:hover{background:var(--card-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 20px #c08a5b26}button:active,.button:active{transform:translateY(0);box-shadow:0 4px 10px #c08a5b1a}button:focus-visible,.button:focus-visible{outline:none;box-shadow:0 0 0 3px #c08a5b26}button:disabled,.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.tool-actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}select{box-sizing:border-box;border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;border-radius:16px;outline:none;padding:16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s,color .2s}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c08a5b26}select:hover{border-color:var(--accent)}select option{background:var(--card);color:var(--text)}