:root{--wd-tool-primary:#f0a500;--wd-tool-primary-hover:#d39200;--wd-tool-text-dark:#fff;--wd-tool-text-light:#94a3b8;--wd-tool-border:#2e3440;--wd-tool-bg:#1e2128;--wd-tool-bg-light:#23272f;--wd-tool-input-bg:#1a1d23}body.light-mode{--wd-tool-text-dark:#1e2128;--wd-tool-text-light:#64748b;--wd-tool-border:#e2e8f0;--wd-tool-bg:#fff;--wd-tool-bg-light:#f8fafc;--wd-tool-input-bg:#fff}.tool-container{max-width:800px;margin:0 auto;width:100%;padding:20px}.tool-card{background:var(--wd-tool-bg);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);padding:30px;margin-bottom:30px;border:1px solid var(--wd-tool-border)}.tool-header h1{color:var(--wd-tool-text-dark);margin-bottom:15px;line-height:1.3}.form-group{margin-bottom:25px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--wd-tool-text-dark);font-size:15px}.tool-input,.form-input,.form-select,.tool-form select{width:100%;padding:12px 15px;border:2px solid var(--wd-tool-border);border-radius:8px;font-size:16px;transition:all .2s ease;color:var(--wd-tool-text-dark);background:var(--wd-tool-input-bg)}.tool-input:focus,.form-input:focus,.form-select:focus,.tool-form select:focus{border-color:var(--wd-tool-primary)!important;outline:none;box-shadow:0 0 0 3px rgba(240,165,0,.1)}.tool-btn,.calc-btn{width:100%;padding:16px;background:var(--wd-tool-primary);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;justify-content:center;align-items:center;gap:10px}.tool-btn:hover,.calc-btn:hover{background:var(--wd-tool-primary-hover);transform:translateY(-2px);box-shadow:0 5px 15px rgba(240,165,0,.2)}.result-box,.tool-result-box{background:var(--wd-tool-bg);border:2px solid var(--wd-tool-primary);border-radius:12px;padding:25px;margin-top:30px;text-align:center}.result-label,.result-title{color:var(--wd-tool-text-light);font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:10px;display:block}.result-value{color:var(--wd-tool-primary);font-size:32px;font-weight:800;line-height:1.2}.tool-grid-2,.tool-grid-3{display:block}.input-group,.form-row-group,.form-row{display:flex;gap:10px;width:100%}.input-group .form-input,.form-row-group .form-input,.form-row .form-input{flex:1}.tool-alert{padding:15px;border-radius:4px;margin-bottom:20px;font-weight:500}.tool-alert-success{background:rgba(43,138,62,.1);color:#2b8a3e;border:1px solid #2b8a3e}.tool-alert-error{background:rgba(201,42,42,.1);color:#c92a2a;border:1px solid #c92a2a}.tool-alert-warning{background:rgba(240,165,0,.1);color:#f0a500;border:1px solid #f0a500}.tool-list{list-style:none;padding:0;margin:0}.tool-list li{padding:10px 0;border-bottom:1px solid var(--wd-tool-border)}.tool-list li:last-child{border-bottom:none}.sidebar-tools-widget{background:var(--wd-tool-bg);padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:30px;border:1px solid var(--wd-tool-border)}body:not(.light-mode) .sidebar-tools-widget {background:#1a1a1a!important;border-color:#333!important}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sidebar-search-icon{cursor:pointer;color:#95a5a6;transition:color .3s}.sidebar-search-icon:hover{color:var(--wd-tool-primary)}.sidebar-search-container{margin-bottom:15px}.sidebar-search-input{width:100%;padding:8px 12px;border:1px solid var(--wd-tool-border);border-radius:4px;font-size:14px;background:var(--wd-tool-input-bg);color:var(--wd-tool-text-dark)}.sidebar-tools-list{max-height:700px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.sidebar-tool-item{display:flex;align-items:center;padding:10px;border-radius:6px;text-decoration:none;color:var(--wd-tool-text-dark);transition:background .2s;border:1px solid var(--wd-tool-border)}.sidebar-tool-item:hover{background:var(--wd-tool-bg-light);color:var(--wd-tool-primary);border-color:var(--wd-tool-primary)}.sidebar-tool-icon{width:30px;text-align:center;margin-right:10px;color:var(--wd-tool-primary)}.sidebar-tool-name{font-weight:500;font-size:14px}.sidebar-tools-list::-webkit-scrollbar{width:6px}.sidebar-tools-list::-webkit-scrollbar-track{background:var(--wd-tool-scrollbar-track)}.sidebar-tools-list::-webkit-scrollbar-thumb{background:var(--wd-tool-scrollbar-thumb);border-radius:3px}.sidebar-tools-list::-webkit-scrollbar-thumb:hover{background:var(--wd-tool-primary)}.web_tool .comments-area{margin-top:60px;padding-top:40px;border-top:1px solid var(--wd-tool-border);background:transparent;padding:40px;border-radius:10px}.web_tool .comments-title{border-bottom:2px solid var(--wd-tool-primary);display:inline-block;padding-bottom:10px;margin-bottom:30px}