.tool-page{background-color:var(--bg-card);border-radius:8px;margin-bottom:30px;padding:30px;box-shadow:0 2px 10px #0000000d;display:block!important}.tool-content{margin-top:20px}.input-area{color:#333;background:#fff;border:1px solid #e9ecef;border-radius:8px;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input-area:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0d6efd26}.btn{background:var(--primary);color:#abbee0;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s,transform .1s}.btn:hover{background:#0b5ed7}.btn:active{transform:scale(.98)}.btn-primary{letter-spacing:1px;box-shadow:0 4px 12px #0d6efd59;padding:16px 24px!important;font-size:18px!important;font-weight:600!important}.btn-primary:hover{background:#0b5ed7;transform:translateY(-1px);box-shadow:0 6px 16px #0d6efd73}.btn-primary:active{transform:translateY(0)scale(.98)}.result-area{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.result-title{color:#495057;margin-bottom:16px;font-size:14px;font-weight:600}.back-btn{color:#666;background:#fff;border:1px solid #e9ecef;border-radius:8px;align-items:center;gap:6px;margin-top:24px;padding:10px 18px;font-size:14px;text-decoration:none;transition:all .2s;display:inline-flex}.back-btn:hover{color:#333;background:#f8f9fa;border-color:#dee2e6}